/* Round 1: free app, People slots, Plan life areas, Explore. Uses the same indigo, deep teal and gold as styles.css. */

/* Share pill: one label, "Unlocks all", until the first share. Then it disappears for good. */
.bonus-pill{font-size:0!important;gap:0!important}
.bonus-pill::after{content:var(--nx-pill,"Unlocks all");font-size:11px;font-weight:700;letter-spacing:.02em}
body.nx-unlocked .bonus-pill{display:none!important}

/* The free reveals chip is gone from the header. */
.top .rv{display:none!important}

/* Rotating example questions in the Ask box fade in. */
@keyframes nx-hint{from{opacity:.15}to{opacity:1}}
.nx-hint-swap::placeholder{animation:nx-hint .6s ease}

/* ---------- Share to unlock ---------- */
.nx-unlock{display:grid;gap:14px;text-align:center;justify-items:center}
.nx-unlock h2{font-size:30px}
.nx-unlock .btn{margin-top:4px}

/* ---------- People ---------- */
.nx-slots-wrap{display:grid;gap:10px;padding:22px 16px;border-radius:16px;background:#0b2438;text-align:center;color:var(--mist);font-size:13.5px}
.nx-slots-wrap>b{font-family:var(--display);font-size:23px;font-weight:400;color:var(--cream)}
.nx-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}
.nx-slot{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px 12px;border-radius:14px;border:1px dashed #d9b67680;background:#071b2d;color:var(--gold-hi);font-weight:600;font-size:15px;transition:background .2s ease,border-color .2s ease,transform .15s ease}
.nx-slot span{font-size:20px;line-height:1;color:var(--gold)}
.nx-slot:hover{border-color:var(--gold-hi)}
.nx-slot:active{transform:scale(.98)}
.nx-slot[aria-pressed=true]{background:#173b50;border-style:solid;border-color:var(--gold-hi)}
.nx-prow{display:grid;gap:6px}
.nx-ask-person{display:inline-flex;align-items:center;gap:8px;justify-self:start;background:none;border:0;padding:4px 6px 4px 4px;border-radius:999px;color:var(--gold-hi);font-size:13.5px;font-weight:600;text-align:left}
.nx-ask-person .expert-face{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none}
.nx-ask-person:hover span{text-decoration:underline;text-underline-offset:3px}

/* ---------- Plan ---------- */
.nx-plan{display:grid;gap:26px;max-width:880px}
.nx-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:700px){.nx-areas{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
.nx-area{display:grid;align-content:start;gap:6px;text-align:left;padding:16px 15px;min-height:138px;border-radius:16px;border:1px solid #d9b67630;background:#0e293de0;color:var(--cream);transition:transform .15s ease,border-color .2s ease,background .2s ease}
.nx-area:hover{border-color:#d9b67690;background:#123149}
.nx-area:active{transform:scale(.98)}
.nx-area-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #d9b67655;color:var(--gold-hi);margin-bottom:4px}
.nx-area-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.nx-area-name{font-family:var(--display);font-size:19px;line-height:1.15}
.nx-area-rating{justify-self:start;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
.r-s .nx-area-rating,.r-s .nx-rating-pill{background:#7fd1a01f;color:var(--good)}
.r-t .nx-area-rating,.r-t .nx-rating-pill{background:#d9ab561f;color:var(--gold-hi)}
.r-c .nx-area-rating,.r-c .nx-rating-pill{background:#f2b35e1f;color:var(--warn)}
html[lang=hi] .nx-area-rating,html[lang=hi] .nx-rating-pill{text-transform:none;letter-spacing:0}
.nx-area-best{font-size:12.5px;color:var(--mist)}
.nx-area-sheet{display:grid;gap:16px}
.nx-area-head{display:flex;align-items:center;gap:14px}
.nx-area-head .nx-area-icon{width:52px;height:52px;flex:none;margin:0}
.nx-area-head .nx-area-icon svg{width:28px;height:28px}
.nx-area-head h2{font-size:26px}
.nx-rating-pill{justify-self:start;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;border-radius:999px}
.nx-area-read{font-size:17px;line-height:1.6}
.nx-area-sheet h3{font-size:21px;margin-bottom:10px}
.nx-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.nx-year{display:grid;gap:10px}
.nx-year .seg{justify-self:start}
.nx-status{display:grid;gap:10px}

/* ---------- Explore ---------- */
.nx-tools{display:grid;gap:18px}
@media(min-width:900px){.nx-tools{grid-template-columns:1fr 1fr;align-items:start}}
.nx-tool{display:grid;gap:12px}
.nx-tool h3{font-size:24px}
.nx-tool>p.muted{font-size:14px}
.nx-seg{display:flex;flex-wrap:wrap;gap:6px}
.nx-nine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(min-width:700px){.nx-nine{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1000px){.nx-nine{grid-template-columns:repeat(9,minmax(0,1fr))}}
.nx-nine-card{position:relative;display:grid;justify-items:center;gap:4px;padding:12px 6px 14px;border-radius:16px;border:1px solid #d9b67630;background:#0e293de0;color:var(--cream);text-align:center;transition:transform .15s ease,border-color .2s ease}
.nx-nine-card:hover{border-color:#d9b67690}
.nx-nine-card:active{transform:scale(.97)}
.nx-nine-card img{width:62px;height:62px;object-fit:contain}
.nx-nine-card b{font-family:var(--display);font-size:26px;line-height:1;color:var(--gold-hi)}
.nx-nine-card span{font-size:12px;line-height:1.3;color:var(--mist)}
.nx-nine-card.is-you{border-color:var(--gold-hi);background:#173b50}
.nx-nine-match{font-weight:600;color:var(--gold-hi)}
.nx-friends{display:grid;gap:14px}
.nx-friends h2{font-size:25px}
.nx-fr-row{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center}
.nx-fr-row small{color:var(--mist);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
html[lang=hi] .nx-fr-row small{text-transform:none;letter-spacing:0;font-size:13px}
.nx-fr-row>div{display:flex;flex-wrap:wrap;gap:8px}
.nx-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 6px;border-radius:999px;font-size:13px;border:1px solid #d9b67630;background:#071b2d}
.nx-chip b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-family:var(--display);font-size:16px;background:#d9ab5626;color:var(--gold-hi)}
.nx-chip.good b{background:#7fd1a026;color:var(--good)}
.nx-chip.low b{background:#ee8a7a26;color:var(--bad)}
.nx-pay-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:10px}
.nx-pay-list li{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.nx-pay-list span{flex:1 1 140px}
.nx-pay-list code{user-select:all;-webkit-user-select:all;font:14px/1.3 ui-monospace,Menlo,monospace}

/* ---------- Round 2: Jyotish in Explore ---------- */
.jy-sec{display:grid;gap:16px}
.jy-sec-head{display:grid;gap:4px}
.jy-sec-head h2{font-size:25px}
.jy-sec-head p{font-size:14px}
.jy-cell{display:grid;gap:2px;padding:12px;border-radius:12px;background:#071b2d;border:1px solid #d9b67620;min-width:0}
.jy-cell small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-weight:600}
html[lang=hi] .jy-cell small{text-transform:none;letter-spacing:0;font-size:12.5px}
.jy-cell b{font-family:var(--display);font-weight:500;font-size:19px;line-height:1.2}
.jy-cell span{font-size:12.5px;color:var(--mist)}
.jy-grid,.jy-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(min-width:700px){.jy-grid,.jy-times{grid-template-columns:repeat(3,minmax(0,1fr))}}
.jy-times .jy-cell b{font-family:var(--body);font-size:15px;font-weight:600}
.jy-pan-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.jy-pan-head>div{display:grid;gap:2px}
.jy-pan-head b{font-family:var(--display);font-size:22px;font-weight:500}
.jy-pan-head span{font-size:13px;color:var(--mist)}
.jy-chip{border:1px solid #d9b67655;background:#071b2d;color:var(--gold-hi);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600}
.jy-fest{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.jy-fest li{display:flex;gap:14px;align-items:center;padding:10px 12px;border-radius:12px;background:#071b2d;border:1px solid #d9b67620}
.jy-fest li.is-fest{border-color:#d9b67660;background:#0f2c42}
.jy-fest-date{display:grid;justify-items:center;width:44px;flex:none}
.jy-fest-date b{font-family:var(--display);font-size:24px;line-height:1;color:var(--gold-hi)}
.jy-fest-date small{font-size:11px;color:var(--mist)}
.jy-fest-name{display:grid;gap:2px}
.jy-fest-name b{font-weight:600;font-size:15px}
.jy-fest-name small{font-size:12.5px;color:var(--mist)}
.jy-suggest{display:grid;gap:4px;margin-top:6px}
.jy-suggest button{text-align:left;padding:10px 12px;border-radius:10px;border:1px solid #d9b67630;background:#071b2d;color:var(--cream);font-size:14px}
.jy-suggest button:hover{border-color:var(--gold-hi)}
.jy-time{grid-template-columns:1fr 1fr 1.2fr}
.jy-check{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:14px;color:var(--mist)}
.jy-check input{width:18px;height:18px;accent-color:var(--gold)}
.jy-empty{display:grid;gap:12px}
.jy-k-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(min-width:700px){.jy-k-top{grid-template-columns:repeat(4,minmax(0,1fr))}}
.jy-k-body{display:grid;gap:18px}
@media(min-width:900px){.jy-k-body{grid-template-columns:minmax(0,340px) 1fr;align-items:start}}
.jy-chart{width:100%;max-width:340px;height:auto;display:block}
.jy-chart rect,.jy-chart path{fill:none;stroke:#d9b676;stroke-width:1.2}
.jy-chart rect{fill:#071b2d}
.jy-chart .jy-pl{fill:var(--cream);font:600 13px var(--body);text-anchor:middle;dominant-baseline:middle}
.jy-chart .jy-sn{fill:var(--gold);font:500 10px var(--body);text-anchor:middle;dominant-baseline:middle;opacity:.85}
.jy-table{width:100%;border-collapse:collapse;font-size:14px}
.jy-table th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-weight:600;padding:6px 6px;border-bottom:1px solid #d9b67630}
html[lang=hi] .jy-table th{text-transform:none;letter-spacing:0;font-size:12.5px}
.jy-table td{padding:8px 6px;border-bottom:1px solid #d9b67618;vertical-align:top}
.jy-table small{color:var(--warn)}
.jy-dasha-now{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.jy-dasha-now>div{display:grid;gap:2px;padding:14px;border-radius:14px;background:#071b2d;border:1px solid #d9b67640}
.jy-dasha-now small{font-size:12px;color:var(--gold);font-weight:600}
.jy-dasha-now b{font-family:var(--display);font-size:26px;font-weight:500}
.jy-dasha-now span{font-size:13px;color:var(--mist)}
.jy-details summary{cursor:pointer;color:var(--gold-hi);font-weight:600;font-size:14px;padding:6px 0}
.jy-dlist{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}
.jy-dlist li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:#071b2d;font-size:14px}
.jy-dlist li span{color:var(--mist)}
.jy-dlist li.is-now{border:1px solid var(--gold-hi);background:#173b50}
.jy-ss{display:grid;gap:4px;padding:14px;border-radius:14px;background:#071b2d;border:1px solid #d9b67640}
.jy-ss b{font-family:var(--display);font-size:21px;font-weight:500}
.jy-ss span{font-size:13.5px;color:var(--mist)}
.jy-ss.on{border-color:var(--warn);background:#2a2516}
.jy-milan-form{display:grid;gap:14px}
.jy-row{display:grid;gap:6px}
.jy-row>span:last-child{font-size:14.5px}
.jy-milan-res{display:grid;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid #d9b67630}
.jy-score{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.jy-score b{font-family:var(--display);font-size:64px;line-height:1}
.jy-score span{color:var(--mist)}
.jy-score strong{flex-basis:100%;font-family:var(--display);font-weight:500;font-size:24px}
.jy-kootas{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.jy-kootas li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#071b2d;border:1px solid #d9b67620}
.jy-kootas li span{display:grid}
.jy-kootas li small{font-size:12.5px;color:var(--mist)}
.jy-kootas li em{font-style:normal;font-weight:700;color:var(--gold-hi);white-space:nowrap}
.jy-kootas li.full em{color:var(--good)}
.jy-kootas li.zero em{color:var(--bad)}
.jy-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.jy-pair>div{display:grid;gap:2px;padding:12px;border-radius:12px;background:#071b2d}
.jy-pair small{color:var(--gold);font-weight:600;font-size:12px}
.jy-pair b{font-family:var(--display);font-weight:500;font-size:18px}
.jy-pair span{font-size:12.5px;color:var(--mist)}
.jy-dosha{color:var(--warn);font-weight:600}
.jy-manglik{font-size:14px}
.jy-akshar{display:grid;gap:8px}
.jy-akshar small{color:var(--gold);font-weight:600;font-size:12.5px}
.jy-akshar>div{display:flex;gap:8px;flex-wrap:wrap}
.jy-akshar span{display:grid;place-items:center;min-width:56px;height:56px;padding:0 10px;border-radius:14px;background:#071b2d;border:1px solid #d9b67640;font-family:var(--display);font-size:24px;color:var(--gold-hi)}
.jy-akshar span.is-pada{background:#173b50;border-color:var(--gold-hi);box-shadow:0 0 0 2px #d9b67640}
.jy-names{display:grid;gap:10px}
@media(min-width:700px){.jy-names{grid-template-columns:1fr 1fr}}
.jy-names>div{padding:12px;border-radius:12px;background:#071b2d}
.jy-names small{color:var(--gold);font-weight:600;font-size:12.5px}
.jy-names p{margin-top:4px}
.nx-explore>*,.jy-sec,.jy-sec-body,.jy-k-body>*,.jy-milan-form>*{min-width:0}
.jy-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.jy-table{font-size:13.5px}
.jy-table td:nth-child(4){min-width:110px}
.jy-table td:nth-child(3){white-space:nowrap}

/* ---------- Explore: sky hero, today's question, tool tiles ---------- */
.jy-greet h1{font-size:clamp(28px,6vw,38px)}
.jy-hero{display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:center;padding:16px;border-radius:20px;border:1px solid #d9b67650;background:radial-gradient(120% 140% at 0% 0%,#173b50 0%,#0e293d 55%,#0a1f30 100%);min-height:150px;overflow:hidden}
@media(min-width:700px){.jy-hero{grid-template-columns:150px 1fr;padding:20px 24px}}
.jy-hero-copy{display:grid;gap:6px;min-width:0}
.jy-hero-copy h2{font-size:clamp(19px,4.6vw,26px);line-height:1.2}
.jy-hero-copy h2 b{color:var(--gold-hi);font-weight:500}
.jy-hero-copy>p:not(.eyebrow):not(.fine){font-size:14.5px;color:#d7dfeb}
.jy-hero-next{font-size:12.5px!important;color:var(--mist)!important}
.jy-wheel{width:100%;height:auto;display:block}
.jy-wheel path{fill:#0a2234;stroke:#d9b67640;stroke-width:.8}
.jy-wheel path.on{fill:#d9ab5640;stroke:var(--gold-hi);animation:jy-glow 3s ease-in-out infinite}
.jy-wheel .jy-dot{fill:#d9ab56aa}
.jy-wheel .jy-moon{fill:#fff3c9;filter:drop-shadow(0 0 6px #f4d892)}
.jy-wheel .jy-core{fill:#071b2d;stroke:#d9b67660}
.jy-wheel .jy-core-n{fill:var(--gold-hi);font:500 22px var(--display);text-anchor:middle;dominant-baseline:middle}
.jy-wheel-spin{transform-origin:70px 70px;animation:jy-breathe 8s ease-in-out infinite}
@keyframes jy-glow{50%{fill:#d9ab5670}}
@keyframes jy-breathe{50%{transform:rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.jy-wheel path.on,.jy-wheel-spin{animation:none}}
.jy-q{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:16px;border:1px solid #d9b67630;background:#0e293de0;flex-wrap:wrap}
.jy-q>div:first-child{display:grid;gap:4px;flex:1 1 220px}
.jy-q h3{font-size:19px;line-height:1.25}
.jy-q-why{font-size:12.5px;color:var(--mist)}
.jy-q-side{display:grid;gap:6px;justify-items:end}
.jy-q-ans{font-weight:700;font-size:14px;padding:6px 14px;border-radius:999px}
.jy-q-ans.a-yes{background:#7fd1a026;color:var(--good)}
.jy-q-ans.a-maybe{background:#d9ab5626;color:var(--gold-hi)}
.jy-q-ans.a-no{background:#f2b35e26;color:var(--warn)}
.jy-q .linkish{font-size:13px}
.jy-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:700px){.jy-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1000px){.jy-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.jy-tile{display:grid;align-content:start;gap:4px;text-align:left;padding:14px;min-height:112px;border-radius:16px;border:1px solid #d9b67630;background:#0e293de0;color:var(--cream);transition:transform .15s ease,border-color .2s ease,background .2s ease}
.jy-tile:hover{border-color:#d9b67690;background:#123149}
.jy-tile:active{transform:scale(.97)}
.jy-tile-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #d9b67655;color:var(--gold-hi);margin-bottom:4px}
.jy-tile-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.jy-tile b{font-family:var(--display);font-weight:500;font-size:17px;line-height:1.2}
.jy-tile small{font-size:12px;color:var(--mist);line-height:1.35;min-height:16px}
.jy-tag{font-style:normal;color:var(--gold-hi);font-weight:600}
.jy-back{display:inline-flex;align-items:center;gap:6px;justify-self:start;background:none;border:1px solid #d9b67640;border-radius:999px;padding:8px 14px 8px 10px;color:var(--gold-hi);font-weight:600;font-size:14px}
.jy-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
/* Compact top so the tools show on the first screen */
.jy-greet h1{font-size:clamp(24px,5.5vw,34px)}
.jy-greet{gap:2px}
.jy-hero{grid-template-columns:86px 1fr;gap:12px;padding:12px 14px;min-height:0;border-radius:18px}
@media(min-width:700px){.jy-hero{grid-template-columns:120px 1fr;padding:16px 20px}}
.jy-hero-copy{gap:3px}
.jy-hero-copy .eyebrow{font-size:10px}
.jy-hero-copy h2{font-size:clamp(17px,4.3vw,22px)}
.jy-hero-copy>p:not(.eyebrow){font-size:13.5px}
.jy-hero-next{font-size:12px!important;line-height:1.4}
.jy-hero-next .linkish{font-size:12px}
.jy-q{flex-wrap:nowrap;padding:12px 14px;gap:12px;border-radius:16px}
.jy-q-main{display:grid;gap:3px;min-width:0}
.jy-q .eyebrow{font-size:10px}
.jy-q h3{font-size:16.5px}
.jy-q-why{font-size:12px;line-height:1.4}
.jy-q-why .linkish{font-size:12px}
.jy-q-ans{flex:none;font-size:13px;padding:6px 12px;text-align:center}
.nx-explore.view{gap:16px}
.jy-tile{min-height:96px;padding:12px}
/* Today's question as a single small strip; tapping it asks Meera */
.jy-q.jy-q-mini{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:12px;text-align:left;color:var(--cream);cursor:pointer}
.jy-q-mini .jy-q-main{display:grid;gap:1px;min-width:0;flex:1}
.jy-q-mini small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600}
html[lang=hi] .jy-q-mini small{letter-spacing:0;font-size:11.5px}
.jy-q-mini b{font-weight:600;font-size:14px;line-height:1.3}
.jy-q-mini .jy-q-ans{font-size:12px;padding:4px 10px}

/* Plan: compact hero + Ask box so the life-area boxes show on the first screen */
.nx-plan{gap:14px}
.nx-plan .bigday{padding:14px 16px;gap:8px}
.nx-plan .bigday-main{gap:12px}
.nx-plan .bigday-ring{width:58px;height:58px;border-width:1.5px}
.nx-plan .bigday-ring b{font-size:27px}
.nx-plan .bigday-ring small{font-size:8.5px;letter-spacing:.1em}
.nx-plan .bigday-h{font-size:19px}
.nx-plan .bigday-text{font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nx-plan .bigday-foot{padding-top:8px;font-size:12px;gap:8px}
.nx-plan .bigday-cta{font-size:13px;padding:7px 14px}
.nx-plan .askbox{padding:12px 14px;gap:8px;grid-template-columns:1fr auto;align-items:center}
.nx-plan .askbox-head{grid-column:1/-1;gap:10px}
.nx-plan .askbox-head .expert-face{width:34px!important;height:34px!important;font-size:16px!important}
.nx-plan .askbox-head h2{font-size:18px}
.nx-plan .askbox-head p{font-size:11.5px;margin-top:1px}
.nx-plan .askbox-q{min-height:44px;height:44px;resize:none;font-size:14px;padding:10px 12px}
.nx-plan .askbox .btn{width:auto;min-height:44px;padding:0 16px;font-size:14px;white-space:nowrap}
.nx-plan .askbox-sent{grid-template-columns:1fr}
.nx-plan .section-title{margin-bottom:10px}

/* "More below": gentle motion so people notice there is more */
.more-below{background:linear-gradient(180deg,#f7a04a,#e8892f);color:#1b0e02;border-color:#ffd59a;font-weight:700;animation:nx-more-glow 2.2s ease-in-out infinite}
.more-below span{display:inline-block;animation:nx-more-arrow 1.1s ease-in-out infinite}
@keyframes nx-more-arrow{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}
@keyframes nx-more-glow{0%,100%{box-shadow:0 5px 22px #0005,0 0 0 0 #f7a04a99}60%{box-shadow:0 5px 22px #0005,0 0 0 12px #f7a04a00}}
.more-below:not([hidden]){animation:nx-more-in .45s cubic-bezier(.2,1.4,.4,1) both,nx-more-glow 2.2s .45s ease-in-out infinite}
@keyframes nx-more-in{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@media (prefers-reduced-motion:reduce){.more-below,.more-below span,.more-below:not([hidden]){animation:none}}
.view:has(.nx-plan)>.greet p:not(.eyebrow){display:none}
.view:has(.nx-plan)>.greet h1{font-size:28px}
.nx-plan .askbox-head p{display:none}
.nx-plan .askbox-q{line-height:22px;padding:10px 12px;white-space:nowrap;overflow:hidden}
.nx-plan .askbox-q::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-plan .askbox-q:focus,.nx-plan .askbox-q:not(:placeholder-shown){white-space:normal;overflow:auto;height:auto;min-height:72px}

/* People: small relationship chips inside the match form */
.nx-chips{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 4px}
.nx-chip{min-height:30px;padding:4px 11px;border-radius:999px;border:1px dashed #d9b67680;background:#071b2d;color:var(--gold-hi);font:inherit;font-size:12.5px;font-weight:600;line-height:1;cursor:pointer;touch-action:manipulation;transition:background .15s ease,border-color .15s ease}
.nx-chip:hover{border-color:var(--gold-hi)}
.nx-chip[aria-pressed=true]{background:#173b50;border-style:solid;border-color:var(--gold-hi);color:var(--cream)}
.nx-slot:last-child:nth-child(odd){grid-column:1/-1}

/* Share preview: the card arrives like a gift */
.nx-share{display:grid;gap:12px;justify-items:center;text-align:center}
.nx-share-eyebrow{margin:0}
.nx-share-stage{position:relative;border-radius:16px;overflow:hidden;line-height:0;box-shadow:0 0 0 1px rgba(246,220,148,.55),0 24px 60px -20px #000,0 0 46px -12px rgba(216,169,79,.45);animation:nx-share-in .62s cubic-bezier(.2,1.1,.3,1) both}
.nx-share-img{display:block;width:auto;max-width:100%;height:min(50vh,520px);height:min(50dvh,520px);object-fit:contain}
.nx-share-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,244,210,.55) 50%,transparent 65%);transform:translateX(-130%);animation:nx-share-shine 1.1s .55s ease-out both;pointer-events:none}
.nx-share-sub{margin:0;color:var(--mist);font-size:14px;max-width:32ch}
.nx-share-wa{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px}
.nx-share-wa svg{flex:none}
.nx-share-row{width:100%}
.nx-share-hold{margin:0;font-size:12px;opacity:.75}
@keyframes nx-share-in{from{opacity:0;transform:translateY(46px) scale(.94)}to{opacity:1;transform:none}}
@keyframes nx-share-shine{to{transform:translateX(130%)}}
@media (prefers-reduced-motion:reduce){.nx-share-stage,.nx-share-shine{animation:none}.nx-share-shine{display:none}}
@media (max-height:700px){.nx-share-img{height:min(42vh,440px);height:min(42dvh,440px)}}
body:has(.nx-share) .toast{bottom:auto;top:calc(14px + env(safe-area-inset-top,0px))}