:root{--bg:#020817;--ink:#effdff;--muted:#9bb7c1;--cyan:#76fff0;--blue:#6e83ff;--violet:#bd83ff;--line:rgba(129,237,233,.19);--panel:var(--glass-fill);--glass-fill:rgba(5,18,39,.16);--glass-focus:rgba(5,18,39,.23);--glass-border:rgba(193,245,250,.5);--glass-blur:blur(2px) saturate(1.08);--accent-fill:linear-gradient(110deg,#8af6ec,#b6d6ff);--button-height:38px;--button-pad-x:14px;--button-gap:10px;--tile-height:44px;--tile-max:220px;--tile-pad:10px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font:16px/1.4 Inter,ui-sans-serif,system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#starfield{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.world-art{position:fixed;inset:-3%;z-index:0;background:linear-gradient(90deg,rgba(0,4,15,.84),rgba(0,4,15,.18) 55%,rgba(0,4,15,.2)),url('assets/celestial-sanctuary-v1.webp') center/cover;filter:saturate(1.12) contrast(1.04);animation:breathe 18s ease-in-out infinite alternate}.world-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 73% 40%,rgba(111,232,255,.17),transparent 17%),linear-gradient(0deg,rgba(1,6,18,.55),transparent 42%)}@keyframes breathe{to{transform:scale(1.055) translate(-.5%,-.5%)}}
.topbar{position:fixed;z-index:30;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:linear-gradient(180deg,rgba(1,6,18,.86),transparent);pointer-events:none}.topbar>*{pointer-events:auto}.brand{border:0;background:none;display:flex;align-items:center;gap:12px;text-align:left}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(118,255,240,.45);border-radius:50%;color:var(--cyan);box-shadow:0 0 25px rgba(118,255,240,.18)}.brand b,.brand small{display:block}.brand b{font:400 20px Georgia,serif}.brand small{font-size:9px;letter-spacing:.14em;color:#9cc8ce;margin-top:2px}.live-state{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.2em;color:#a5cbd0}.live-state i,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);animation:pulse 1.8s infinite}.profile-trigger{border:1px solid var(--line);border-radius:999px;padding:6px 7px 6px 14px;background:rgba(2,10,26,.5);display:flex;align-items:center;gap:10px}.profile-trigger span{font-size:11px}.profile-trigger b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3acfc8,#6d7cff);font-size:10px;color:#02111a}@keyframes pulse{50%{opacity:.4}}
#app{position:fixed;inset:0;z-index:2}.screen{position:absolute;inset:0;height:100svh;padding:82px 6vw 88px;visibility:hidden;opacity:0;pointer-events:none;transform:scale(1.02);transition:opacity .42s ease,transform .65s cubic-bezier(.16,1,.3,1),visibility 0s .45s;overflow:hidden}.screen.is-active{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition-delay:0s}.eyebrow{font-size:10px;letter-spacing:.26em;font-weight:800;color:var(--cyan);margin:0 0 14px}.screen h1,.screen h2{font:400 clamp(52px,6.5vw,112px)/.88 Georgia,serif;letter-spacing:-.055em;margin:0}.screen h2{font-size:clamp(42px,5vw,78px)}.screen em{font-weight:400;color:transparent;background:linear-gradient(90deg,var(--cyan),#b9d6ff 56%,var(--violet));-webkit-background-clip:text;background-clip:text}.lead{font:20px/1.55 Georgia,serif;color:#d4eaee;max-width:590px;text-shadow:0 3px 20px #000}.cta{border:0;border-radius:999px;min-height:var(--button-height);padding:0 var(--button-pad-x);display:inline-flex;align-items:center;justify-content:space-between;gap:var(--button-gap);background:linear-gradient(110deg,#65f5e6,#75a9ff 62%,#9e7cff);color:#03121c;font-weight:850;box-shadow:0 16px 46px rgba(72,203,216,.28);transition:.25s;width:max-content;max-width:100%}.cta:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(72,203,216,.4)}.cta.compact{min-height:var(--button-height);font-size:13px}.cta.full{width:max-content}.text-action{border:0;background:none;color:#d3f3f4;padding:12px}.hero-actions,.consult-actions{display:flex;align-items:center;gap:14px;margin-top:28px}
.home-screen{display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.home-copy{max-width:680px}.cosmic-gate{position:relative;width:min(42vw,600px);aspect-ratio:1;margin:auto;filter:drop-shadow(0 0 35px rgba(75,219,255,.28))}.ring{position:absolute;border-radius:50%;border:1px solid rgba(118,255,240,.35);inset:9%;animation:spin 28s linear infinite}.ring:before,.ring:after{content:"";position:absolute;inset:13%;border:1px solid rgba(175,124,255,.28);transform:rotate(45deg)}.r2{inset:22%;animation-direction:reverse;animation-duration:19s}.r3{inset:35%;animation-duration:12s}.cosmic-gate>b{position:absolute;inset:41%;border-radius:50%;display:grid;place-items:center;font-size:30px;background:radial-gradient(circle,#eaffff 0 5%,#79fff4 6% 12%,rgba(64,164,255,.27) 29%,transparent 70%);box-shadow:0 0 80px rgba(104,244,255,.5)}@keyframes spin{to{transform:rotate(360deg)}}.promise-strip{position:absolute;left:6vw;right:6vw;bottom:95px;display:flex;gap:10px}.promise-strip span{padding:12px 18px;border-left:1px solid var(--line);font-size:11px;color:#b8d5da}.promise-strip b{color:var(--cyan);margin-right:8px}
.split-screen,.sky-screen,.birth-screen,.kundli-screen{display:grid;align-items:center;gap:4vw}.split-screen{grid-template-columns:.82fr 1.18fr}.screen-copy{max-width:590px}.screen-copy>p:not(.eyebrow){font:18px/1.55 Georgia,serif;color:#c9e0e4}.location-box{display:block;position:relative;margin-top:22px}.location-box>span,.birth-form label>span{display:block;font-size:11px;letter-spacing:.08em;color:#b9d5db;margin-bottom:7px}.location-box input,.birth-form input,.ask-copy textarea,.meaning textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:var(--glass-fill);color:white;padding:14px 92px 14px 15px;outline:none}.location-box button{position:absolute;right:6px;bottom:6px;height:39px;border:1px solid var(--line);border-radius:9px;background:rgba(30,119,129,.24);color:var(--cyan)}.coordinate-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.coordinate-row span{padding:10px;border:1px solid rgba(129,237,233,.12);border-radius:10px;background:rgba(2,12,29,.48)}.coordinate-row small,.coordinate-row b{display:block}.coordinate-row small{font-size:7px;letter-spacing:.13em;color:#80a9b2}.coordinate-row b{font-size:10px;margin-top:4px}.source-note{font:9px/1.4 sans-serif!important;letter-spacing:.08em!important;color:#7ea3aa!important}.source-note strong{color:var(--cyan)}.earth-wrap{position:relative;height:75vh}.earth-wrap canvas{width:100%;height:100%}.earth-status{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.2em;color:var(--cyan);white-space:nowrap}
.sky-screen{grid-template-columns:1.15fr .85fr}.orbit-stage{position:relative;height:75vh}.orbit-stage canvas{width:100%;height:100%}.time-orb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border:1px solid rgba(118,255,240,.32);border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,rgba(16,54,86,.8),rgba(1,7,20,.25) 66%,transparent);box-shadow:0 0 70px rgba(71,196,255,.18)}.time-orb time{font:30px Georgia,serif}.time-orb small{margin-top:8px;color:var(--cyan);font-size:7px;letter-spacing:.16em}.sky-panel{padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--glass-fill);backdrop-filter:var(--glass-blur)}.sky-panel .eyebrow{display:flex;align-items:center;gap:9px}.sky-panel h2{font-size:34px;letter-spacing:-.03em}.month-row{display:flex;align-items:center;justify-content:space-between;margin:14px 0 8px}.month-row button{border:0;background:none;font-size:25px}.month-row strong{font:22px Georgia,serif}.week,.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.week b{text-align:center;font-size:7px;color:#6e949d}.calendar i,.calendar button{aspect-ratio:1;border:1px solid transparent;border-radius:8px;background:rgba(0,8,21,.34);color:#d8eef1;display:grid;place-content:center;font-size:10px}.calendar button.today{border-color:var(--cyan);background:rgba(70,217,208,.12)}.calendar small{font-size:5px;color:var(--cyan)}.planet-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:12px 0}.planet-strip span{border-left:1px solid var(--line);padding:5px 7px}.planet-strip b,.planet-strip small{display:block}.planet-strip b{font:12px Georgia,serif}.planet-strip small{font-size:6px;color:#90b1b8}
.birth-screen{grid-template-columns:1fr 1fr;background:linear-gradient(90deg,rgba(0,6,18,.15),#020817 72%)}.birth-geometry{display:grid;place-items:center}.birth-geometry .small{width:min(40vw,520px)}.birth-geometry>p{font-size:9px;letter-spacing:.24em;color:#add8dd}.birth-form{width:min(500px,100%);margin:auto}.progress{display:flex;align-items:center;width:160px;margin-bottom:24px;position:relative}.progress span{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:8px}.progress .on{border-color:var(--cyan);color:var(--cyan)}.progress i{width:70px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--line))}.progress small{position:absolute;top:38px;font-size:7px;letter-spacing:.2em;color:#71939b}.birth-form h2{font-size:56px}.birth-form label{display:block;margin-top:12px}.birth-form input{padding:13px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.birth-form .cta{margin-top:18px}.form-status{min-height:18px;margin:8px 0 0;text-align:center;font-size:10px;color:#e9d393}
.kundli-screen{grid-template-columns:1.2fr .8fr;grid-template-rows:auto 1fr;padding-top:76px}.result-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.result-head h2{font-size:34px}.result-head p{margin:3px 0;color:var(--muted);font-size:11px}.result-actions{display:flex;gap:8px}.result-actions button,.meaning button{border:1px solid var(--line);border-radius:999px;background:rgba(2,11,27,.7);padding:10px 14px}.chart-shell{height:100%;min-height:0;padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.kundli-chart{position:relative;width:100%;height:100%;border:1px solid rgba(118,255,240,.38);background:linear-gradient(45deg,transparent 49.85%,rgba(118,255,240,.3) 50%,transparent 50.15%),linear-gradient(135deg,transparent 49.85%,rgba(118,255,240,.3) 50%,transparent 50.15%)}.house{position:absolute;width:25%;text-align:center;font-size:9px}.house small,.house b,.house span{display:block}.house small{color:#e7d38f}.house span{color:#9fc4ca}.h1{top:5%;left:37.5%}.h2{top:18%;right:4%}.h3{top:46%;right:4%}.h4{bottom:5%;left:37.5%}.h5{bottom:18%;left:4%}.h6{top:46%;left:4%}.h7{top:43%;left:37.5%}.h8{top:18%;left:19%}.h9{top:18%;right:19%}.h10{bottom:18%;right:19%}.h11{bottom:18%;left:19%}.h12{top:59%;left:37.5%}.reading-panel{height:100%;min-height:0;display:grid;grid-template-rows:auto 1fr;gap:9px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:7px}.facts article,.meaning{padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.facts small,.facts b{display:block}.facts small{font-size:7px;letter-spacing:.14em;color:var(--cyan)}.facts b{font:16px Georgia,serif;margin-top:5px}.meaning{display:flex;flex-direction:column;min-height:0}.meaning h3{font:23px Georgia,serif;margin:0 0 8px}.meaning textarea{flex:1;min-height:0;padding:12px;resize:none}.meaning>div{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}
.hub-screen{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:5vw}.hub-intro p:not(.eyebrow),.reports-head>p,.consult-copy>p{color:#c2dade;max-width:500px}.choice-grid{gap:12px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start}.choice-grid button,.report-grid button{text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--glass-fill);transition:.25s;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}.choice-grid button:hover,.report-grid button:hover{transform:translateY(-4px);border-color:rgba(118,255,240,.55);min-height:var(--tile-height);height:auto}.choice-grid i,.choice-grid b,.choice-grid span,.report-grid span,.report-grid b,.report-grid small{display:block}.choice-grid i,.report-grid span{font-style:normal;font-size:8px;color:var(--cyan);letter-spacing:.18em}.choice-grid b{font:23px Georgia,serif;margin:14px 0 5px}.report-grid b{font:20px Georgia,serif;margin:4px 0 2px}.choice-grid span,.report-grid small{font-size:10px;color:#9ebec4}.truth-note{position:absolute;bottom:95px;left:6vw;font-size:9px;color:#76979e}.ask-screen{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center}.ask-orb{font-size:56px;display:grid;place-items:center;width:45vw;height:45vw;max-width:560px;max-height:560px;border:1px solid rgba(118,255,240,.25);border-radius:50%;color:var(--cyan);background:radial-gradient(circle,rgba(86,244,235,.2),rgba(72,103,255,.1) 25%,transparent 65%);box-shadow:0 0 100px rgba(60,190,230,.14)}.ask-copy{max-width:620px}.ask-copy textarea{height:170px;resize:none;padding:16px;margin:15px 0}.ask-copy h2{font-size:60px}.reports-screen{display:flex;;flex-direction:column;justify-content:center;gap:15px}.reports-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;max-width:min(100%,620px)}.reports-head h2{font-size:clamp(36px,4vw,54px)}.reports-head>p{max-width:520px;margin:0;font-size:12px;line-height:1.4;color:#d8edf0}.report-grid{gap:10px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start}.report-grid button{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}.report-grid button:not(:first-child){display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}.consult-screen{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw}.consult-visual{height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,rgba(61,202,210,.13),transparent 67%)}.consult-visual span{font-size:9px;letter-spacing:.2em;color:#b8e1e4}.consult-visual i{height:60px;width:1px;background:linear-gradient(var(--cyan),transparent)}
.app-nav{position:fixed;z-index:40;left:50%;bottom:14px;transform:translateX(-50%);display:flex;padding:5px;gap:3px;border:1px solid var(--line);border-radius:18px;background:rgba(1,9,23,.84);backdrop-filter:blur(22px);box-shadow:0 18px 55px rgba(0,0,0,.5)}.app-nav button{height:48px;min-width:82px;padding:0 12px;border:0;border-radius:13px;background:transparent;display:flex;align-items:center;justify-content:center;gap:7px}.app-nav button span{font-size:10px;white-space:nowrap}.app-nav button i{font-style:normal;color:#a9d8dc}.app-nav button:hover,.app-nav button.is-active{background:linear-gradient(135deg,rgba(74,210,202,.18),rgba(88,100,225,.2));box-shadow:inset 0 0 0 1px rgba(118,255,240,.2)}
@media(max-width:900px){.topbar{height:62px;padding:0 16px}.brand small,.live-state{display:none}.screen{padding:68px 20px 74px}.home-screen,.split-screen,.sky-screen,.birth-screen,.kundli-screen,.hub-screen,.ask-screen,.consult-screen{grid-template-columns:1fr}.cosmic-gate:not(.small),.birth-geometry,.orbit-stage{position:absolute;right:-10vw;top:10vh;width:62vw;opacity:.52;z-index:-1}.home-copy{align-self:center}.promise-strip{display:none}.split-screen .screen-copy{max-width:520px}.earth-wrap{position:absolute;inset:0 0 0 40%;z-index:-1;opacity:.6}.sky-panel{width:min(560px,100%);margin:auto}.orbit-stage{inset:0;width:100%;height:100%;opacity:.35}.birth-form{margin:auto}.kundli-screen{grid-template-rows:auto 1fr auto}.chart-shell{grid-column:1}.reading-panel{grid-column:1;grid-template-rows:auto}.meaning{display:none}.hub-screen,.ask-screen,.consult-screen{grid-template-columns:1fr 1fr}.report-grid{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start}.report-grid button{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}.app-nav{width:calc(100% - 18px);bottom:7px;overflow-x:auto;justify-content:space-between}.app-nav button{min-width:70px;flex:1;padding:0 6px}.app-nav button span{font-size:9px}}
@media(max-width:600px){.screen h1{font-size:54px}.screen h2,.birth-form h2,.ask-copy h2{font-size:40px}.lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.coordinate-row{grid-template-columns:1fr 1fr}.coordinate-row span:last-child{grid-column:1/-1}.sky-panel{padding:14px}.planet-strip{grid-template-columns:repeat(3,1fr)}.hub-screen,.ask-screen,.consult-screen{grid-template-columns:1fr}.choice-grid{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start}.choice-grid button{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}.choice-grid b{font-size:17px}.ask-orb,.consult-visual{display:none}.reports-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;max-width:min(100%,620px)}.report-grid{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start}.report-grid button{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}.kundli-screen{padding-bottom:70px}.result-head h2{font-size:26px}.facts article{padding:8px}.facts b{font-size:12px}.app-nav button span{display:none}.app-nav button{min-width:44px}.topbar .profile-trigger span{display:none}}
@media(max-height:720px) and (min-width:601px){.screen{padding-top:68px}.screen h1{font-size:76px}.screen h2{font-size:48px}.birth-form h2{font-size:44px}.birth-form label{margin-top:8px}.birth-form input{padding:10px}.progress{margin-bottom:18px}.report-grid button{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.topbar,.app-nav,#starfield,.world-art{display:none}.screen{display:none!important}.kundli-screen{display:grid!important;position:static;color:#111;background:white}.chart-shell,.facts article,.meaning{background:white;border-color:#777}}
.report-grid button.locked{opacity:.42!important;cursor:not-allowed;filter:saturate(.35);min-height:var(--tile-height);height:auto}

/* Primary destinations live in the header. Earth, sky and birth remain journey steps. */
.create-trigger{border:1px solid var(--line);border-radius:999px;padding:11px 18px;background:rgba(2,10,26,.72);font-size:12px;white-space:nowrap}.create-trigger:hover{border-color:var(--cyan)}
.topbar .app-nav{position:static;left:auto;right:auto;bottom:auto;transform:none;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid rgba(129,237,233,.12);border-radius:999px;background:rgba(1,9,23,.58);backdrop-filter:blur(18px);box-shadow:none}
.topbar .app-nav button{height:36px;min-width:0;padding:0 13px;border:0;border-radius:999px;background:transparent;display:block}
.topbar .app-nav button span{display:block;font-size:10px;white-space:nowrap}
.topbar .app-nav button:hover,.topbar .app-nav button.is-active{background:linear-gradient(135deg,rgba(74,210,202,.18),rgba(88,100,225,.2));box-shadow:inset 0 0 0 1px rgba(118,255,240,.18)}
.ai-screen{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw}.ai-presence{width:min(44vw,560px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(225,255,255,.95) 0 2%,rgba(95,255,239,.66) 3% 8%,rgba(83,126,255,.28) 22%,transparent 66%);border:1px solid rgba(118,255,240,.2);box-shadow:0 0 100px rgba(79,220,241,.18)}.ai-presence span{font:42px Georgia,serif;color:white;text-shadow:0 0 24px var(--cyan)}.ai-copy{max-width:620px}.ai-copy>p:not(.eyebrow){color:#c2dade;max-width:480px}
@media(max-width:1100px){.topbar .app-nav button{padding:0 8px}.topbar .app-nav button span{font-size:9px}}
@media(max-width:900px){.topbar .app-nav{position:fixed;left:9px;right:9px;bottom:7px;justify-content:space-between;border-radius:18px}.topbar .app-nav button{flex:1;padding:0 4px}.topbar .app-nav button span{font-size:9px}.create-trigger{padding:9px 12px}.ai-screen{grid-template-columns:1fr}}
@media(max-width:600px){.topbar .app-nav button span{font-size:8px}.create-trigger{font-size:10px}.ai-presence{position:absolute;right:-20vw;opacity:.45;z-index:-1}}

.home-topics{display:flex;flex-wrap:wrap;width:max-content;max-width:100%;gap:9px;margin:20px 0}.home-topics button{border:1px solid #c6f9ffae;border-radius:99px;background:#c4f8ff1b;color:#efffff;padding:11px 17px;backdrop-filter:blur(8px);font-weight:600;font-size:13px;cursor:pointer}.home-topics button:hover{background:#b4ebf84d}.home-screen .lead{max-width:510px}@media(max-width:600px){.home-topics{gap:6px;margin:12px 0}.home-topics button{padding:9px 12px;font-size:12px}}

/* Motion supports the current step while the celestial world stays alive. */
@media(prefers-reduced-motion:no-preference){.screen.is-active .eyebrow{animation:stepIn .55s both}.screen.is-active h1,.screen.is-active h2{animation:stepIn .7s .08s both}.screen.is-active .lead,.screen.is-active .hub-intro>p,.screen.is-active .ask-copy>p{animation:stepIn .7s .16s both}.screen.is-active .choice-grid button,.screen.is-active .report-grid button,.screen.is-active .home-topics button{animation:stepIn .65s both;min-height:var(--tile-height);height:auto}.screen.is-active .choice-grid button:nth-child(1),.screen.is-active .report-grid button:nth-child(1),.screen.is-active .home-topics button:nth-child(1){animation-delay:.18s;min-height:var(--tile-height);height:auto}.screen.is-active .choice-grid button:nth-child(2),.screen.is-active .report-grid button:nth-child(2),.screen.is-active .home-topics button:nth-child(2){animation-delay:.24s;min-height:var(--tile-height);height:auto}.screen.is-active .choice-grid button:nth-child(3),.screen.is-active .report-grid button:nth-child(3),.screen.is-active .home-topics button:nth-child(3){animation-delay:.30s;min-height:var(--tile-height);height:auto}.screen.is-active .choice-grid button:nth-child(4),.screen.is-active .report-grid button:nth-child(4),.screen.is-active .home-topics button:nth-child(4){animation-delay:.36s;min-height:var(--tile-height);height:auto}@keyframes stepIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){.world-art{animation:none}.screen,.screen.is-active{transition:none!important;transform:none!important}}

/* Compact, legible app navigation and an open cinematic home. */
.topbar .app-nav{box-shadow:0 12px 36px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.13)}
.topbar .app-nav button.is-active{background:linear-gradient(110deg,rgba(118,255,240,.28),rgba(158,124,255,.26));color:#fff}
.home-screen .home-copy{position:relative;z-index:2;text-shadow:0 2px 20px rgba(0,4,18,.5)}
.home-screen .home-topics button{width:max-content;box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 24px rgba(0,0,0,.15);transition:background .25s,transform .25s}
.home-screen .home-topics button:hover{transform:translateY(-3px)}
@media(max-width:900px){.topbar .app-nav{left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);width:calc(100% - 16px);margin:auto;bottom:max(7px,env(safe-area-inset-bottom));padding:4px;overflow:hidden}.topbar .app-nav button{min-width:0;height:44px;flex:1 1 0}.screen{padding-bottom:calc(75px + env(safe-area-inset-bottom))}}
@media(max-width:600px){.topbar .app-nav button span{display:block;font-size:clamp(7px,2.15vw,9px);letter-spacing:-.02em;white-space:normal;line-height:1.1}.topbar .app-nav button{padding:3px 1px}.home-screen{grid-template-columns:1fr}.home-copy{align-self:center}.home-screen .lead{font-size:14px;line-height:1.35;max-width:330px}.home-screen h1{font-size:clamp(44px,12vw,58px)}.home-topics{max-width:320px}.home-topics button{font-size:11px;padding:8px 10px}.hero-actions{margin-top:8px;gap:4px}.home-screen .cosmic-gate{opacity:.35}}
@media(max-height:670px) and (max-width:600px){.screen{padding-top:58px}.home-screen .eyebrow{margin-bottom:7px}.home-screen .lead{margin:12px 0}.home-topics{margin:8px 0}.home-screen .text-action{padding:5px}.home-screen .cta.compact{min-height:42px}}

/* Guest game and browsable methods retain the single-view layout. */
.journey-question{display:inline-block;max-width:min(620px,100%);margin:6px 0 10px;padding:7px 11px;border:1px solid var(--line);border-radius:12px;background:var(--glass-fill);color:#dff8f7;font-size:12px;overflow-wrap:anywhere}.plan-screen .scene-card{width:max-content;max-width:min(680px,100%)}.plan-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.plan-summary p{margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--glass-fill);overflow-wrap:anywhere}.plan-summary small{display:block;color:var(--cyan);font-size:9px;letter-spacing:.13em}.plan-summary strong{display:block;margin-top:3px;font-size:13px;font-weight:500}.plan-summary #planEvidence{grid-column:1/-1;font-size:11px}@media(max-width:600px){.plan-summary{grid-template-columns:1fr}.plan-summary #planEvidence{grid-column:auto}.plan-screen .scene-card{padding:14px}}
.world-screen{display:grid;place-items:center}.world-card{width:max-content;max-width:min(690px,100%);padding:clamp(16px,2.5vw,26px);border:1px solid var(--glass-border);border-radius:22px;background:var(--glass-fill);backdrop-filter:var(--glass-blur)}.world-card h2{font-size:clamp(36px,4.5vw,62px);margin:8px 0}.world-card .lead{font-size:clamp(15px,1.5vw,19px);max-width:570px;margin:8px 0 16px}.world-question{display:block}.world-question span{display:block;font-size:12px;margin-bottom:7px}.world-question textarea{display:block;width:min(560px,100%);height:92px;resize:none;padding:12px;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:var(--glass-fill)}.world-card [role=status]{font-size:11px;color:var(--muted);margin:8px 0}.world-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--button-gap)}@media(max-width:600px){.world-card{max-width:100%;padding:16px}.world-card h2{font-size:36px}.world-question textarea{height:78px}.world-actions{gap:7px}}
.play-screen,.method-screen{display:grid;place-items:center}.play-card,.method-card{width:min(710px,100%);padding:clamp(18px,3vw,34px);border:1px solid rgba(153,245,246,.35);border-radius:26px;background:var(--glass-fill);backdrop-filter:var(--glass-blur);box-shadow:0 30px 100px #01071688}.play-card h2,.method-card h2{font-size:clamp(35px,4.5vw,65px)}.play-card .lead,.method-card .lead{font:clamp(16px,2vw,21px)/1.4 Georgia,serif;margin:16px 0}.play-choices{display:flex;flex-wrap:wrap;gap:9px}.play-choices button{border:1px solid rgba(118,255,240,.45);border-radius:999px;background:rgba(112,225,238,.12);padding:11px 16px;max-width:100%;text-align:left}.play-choices button:hover,.play-choices button.chosen{background:rgba(113,231,239,.32);border-color:var(--cyan)}.play-outcome{min-height:52px;margin:18px 0;color:#e6fcff;font-size:14px}.play-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.play-card .truth-note{position:static;margin:16px 0 0;max-width:600px}.method-card #methodNeeds,.method-card #methodState{font-size:14px;color:#bad7dd}.method-card #methodState{color:var(--cyan)}.method-card [hidden]{display:none!important}.report-grid button.locked{cursor:pointer;filter:none;opacity:.8!important;min-height:var(--tile-height);height:auto}.report-grid button.locked:hover{opacity:1!important;min-height:var(--tile-height);height:auto}
@media(max-width:600px){.play-card,.method-card{padding:16px}.play-card .lead,.method-card .lead{font-size:16px;margin:10px 0}.play-choices{gap:7px}.play-choices button{font-size:12px;padding:9px 12px}.play-outcome{font-size:12px;min-height:36px;margin:10px 0}.play-actions .cta{min-height:42px;font-size:11px}.play-card .truth-note{font-size:8px;margin-top:8px}.report-grid{gap:5px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start}.report-grid button{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}.report-grid b{font-size:15px;margin:7px 0 2px}}

/* Personal question and confirmed birthplace. */
.play-question{display:block;margin:10px 0 14px}.play-question span{display:block;font-size:11px;color:#b9d5db;margin-bottom:6px}.play-question textarea{display:block;width:100%;height:76px;resize:none;border:1px solid var(--line);border-radius:13px;background:rgba(1,9,24,.58);color:#fff;padding:12px}.nasa-map{position:relative;overflow:hidden;width:min(43vw,640px);aspect-ratio:2;border:1px solid rgba(129,237,233,.3);border-radius:18px;background:rgba(4,16,36,.6);box-shadow:0 12px 50px #01071699}.nasa-map img{display:block;width:100%;height:100%;object-fit:cover}.nasa-map i{position:absolute;width:13px;height:13px;transform:translate(-50%,-50%);border-radius:50%;background:#fff3b6;border:3px solid #68f8ff;box-shadow:0 0 0 7px #63e8ff55,0 0 28px #fff;animation:pulse 2s infinite}.nasa-map i[hidden]{display:none}.birth-geometry{align-content:center;gap:12px}.birth-geometry>p{max-width:620px;text-align:center;line-height:1.5}.lookup-place{margin-top:7px;border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:rgba(67,178,193,.22);font-size:11px;color:var(--cyan)}.birth-candidates{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;max-height:80px;overflow:auto}.birth-candidates button{font-size:10px;padding:6px 8px;border-radius:99px;border:1px solid var(--line);background:rgba(4,23,45,.9)}.birth-coordinates{font-size:10px;color:var(--cyan);margin:5px 0}.birth-form .cta{margin-top:8px}
@media(max-width:900px){.birth-geometry{position:relative;top:auto;right:auto;z-index:auto;opacity:1;align-self:end}.birth-screen{grid-template-rows:minmax(100px,25vh) 1fr;gap:4px}.nasa-map{width:min(100%,520px);max-height:22vh}.birth-geometry>p{font-size:8px;margin:0}.birth-form{align-self:start}.birth-form h2{font-size:34px}.birth-form .progress{display:none}}
@media(max-width:600px){.birth-screen{padding-top:58px;grid-template-rows:minmax(95px,22vh) 1fr}.birth-form .eyebrow{margin:0 0 5px}.birth-form h2{font-size:30px}.birth-form label{margin-top:6px}.birth-form input{padding:8px}.birth-candidates{max-height:56px}.nasa-map{max-height:20vh}.play-question textarea{height:58px}.play-card .truth-note{display:none}}
.data-ticker{position:fixed;z-index:29;right:5vw;top:78px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;pointer-events:none;font-size:8px;font-weight:700;letter-spacing:.12em;color:#bffafc;text-shadow:0 2px 9px #000}.data-ticker span:first-child{color:#e9d69f}@media(max-width:900px){.data-ticker{top:64px;right:17px;font-size:7px}}@media(max-width:600px){.data-ticker{top:58px;max-width:68vw;text-align:right;line-height:1.2}}
/* Responsive cinematic scenes: content remains separate from the art. */
body{--scene-wide:url('assets/scenes/home.webp?v=2');--scene-phone:url('assets/scenes/home-mobile.webp?v=2')}
body[data-scene="home"]{--scene-wide:url('assets/scenes/home.webp?v=2');--scene-phone:url('assets/scenes/home-mobile.webp?v=2')}
body[data-scene="earth"],body[data-scene="birth"]{--scene-wide:url('assets/scenes/birthplace.webp');--scene-phone:url('assets/scenes/birthplace-mobile.webp')}
body[data-scene="sky"],body[data-scene="game"],body[data-scene="play"]{--scene-wide:url('assets/scenes/sky.webp');--scene-phone:url('assets/scenes/sky-mobile.webp')}
body[data-scene="kundli"]{--scene-wide:url('assets/scenes/chart.webp');--scene-phone:url('assets/scenes/chart-mobile.webp')}
body[data-scene="reports"]{--scene-wide:url('assets/scenes/reports.webp');--scene-phone:url('assets/scenes/reports-mobile.webp')}
body[data-scene="method"],body[data-scene="ask"]{--scene-wide:url('assets/scenes/reader.webp');--scene-phone:url('assets/scenes/reader-mobile.webp')}
body[data-scene="consult"],body[data-scene="ai"]{--scene-wide:url('assets/scenes/consult.webp');--scene-phone:url('assets/scenes/consult-mobile.webp')}
.world-art{background-image:linear-gradient(90deg,rgba(0,4,15,.72),rgba(0,4,15,.18) 58%,rgba(0,4,15,.15)),var(--scene-wide);background-position:center;background-size:cover;filter:saturate(1.2) contrast(1.07);will-change:transform}
@media(max-width:700px){.world-art{background-image:linear-gradient(0deg,rgba(0,4,15,.75),rgba(0,4,15,.18) 70%),var(--scene-phone)}}
.screen{backdrop-filter:blur(1px)}
.sound-control{border:1px solid rgba(118,255,240,.35);border-radius:999px;background:rgba(3,19,40,.72);padding:9px 12px;font-size:11px;white-space:nowrap}
.sound-control[aria-pressed="true"]{color:var(--cyan);box-shadow:0 0 22px rgba(118,255,240,.25)}
@media(max-width:900px){.sound-control{padding:8px;font-size:10px}}
@media(max-width:600px){.brand small{display:none}.brand b{font-size:16px}.brand-mark{width:30px;height:30px}.topbar{gap:4px}.sound-control{font-size:9px}.create-trigger{font-size:9px;padding:7px 8px}}

button[hidden],.play-question[hidden]{display:none!important}
.play-card{background:var(--glass-fill);max-height:calc(100svh - 170px);overflow:auto;scrollbar-width:thin}
.play-card .eyebrow span{color:#ffeab8}
.play-card .play-actions{padding-top:6px;border-top:1px solid var(--line)}
.play-choices button.chosen{box-shadow:0 0 0 1px var(--cyan),0 0 28px rgba(118,255,240,.28)}
#resumeRound{color:var(--cyan)}
@media(max-width:600px){.play-card{max-height:calc(100svh - 135px)}.play-actions .cta{gap:8px}.home-screen .hero-actions{gap:2px}.home-screen .hero-actions button{font-size:11px}}

/* Home reproduces the design hierarchy with real editable content. */
.home-screen{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.home-copy{max-width:760px}.home-screen h1{font-size:clamp(48px,5.9vw,88px)}
.home-screen .lead{font:16px/1.35 ui-sans-serif,system-ui,sans-serif;max-width:590px;margin:13px 0 18px}
.home-ask{border:1px solid rgba(160,239,246,.38);border-radius:15px;background:var(--glass-fill);backdrop-filter:var(--glass-blur);padding:8px 9px 8px 16px;box-shadow:inset 0 1px #ffffff20}
.home-ask label{display:block;font-size:11px;color:#d6f4f8;line-height:1.2}.home-ask>div{display:flex;align-items:center;gap:8px}
.home-ask input{flex:1;min-width:0;padding:8px 0;color:white;background:var(--glass-fill);border:0;outline:0;font-size:13px}.home-ask input::placeholder{color:#a5c3cb}
.home-ask button{border:0;border-radius:12px;padding:12px 17px;background:var(--accent-fill);color:#09202b;font-weight:800;white-space:nowrap}
.home-screen .experience-label{margin:17px 0 9px}
.home-experiences{gap:11px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start}
.home-experiences button{text-align:left;border:1px solid rgba(157,238,245,.37);border-radius:17px;background:var(--glass-fill);backdrop-filter:var(--glass-blur);transition:transform .22s,border-color .22s;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}
.home-experiences button:hover{transform:translateY(-3px);border-color:var(--cyan)}
.home-experiences strong{font:23px Georgia,serif}.home-experiences small{font-size:10px;color:#c5dde1;margin:5px 0 12px}.home-experiences b{font-size:11px;border-radius:99px;padding:7px 11px;background:linear-gradient(110deg,#9aedea,#b6dcf6);color:#10202d;align-self:flex-start;width:max-content;max-width:100%;display:inline-flex}
.home-footer-actions{display:flex;flex-wrap:wrap;margin-top:7px;gap:6px}.home-footer-actions .text-action{font-size:11px;padding:7px}
.play-card.rewarded{box-shadow:0 20px 90px rgba(90,231,227,.35),inset 0 0 60px rgba(177,143,255,.15)}
.play-card.rewarded:after{content:'✦ ✧ ✦ ✧ ✦';position:absolute;top:4%;right:6%;font-size:18px;letter-spacing:14px;color:#fce5a5;pointer-events:none;animation:rewardGlow 3s ease-in-out infinite}
@keyframes rewardGlow{50%{opacity:.4;transform:translateY(-9px)}}
@media(max-width:900px){.home-screen{grid-template-columns:1fr}.home-copy{align-self:center;max-width:620px}.home-screen .cosmic-gate{opacity:.26}}
@media(max-width:600px){.home-screen{padding-top:64px;padding-bottom:68px}.home-screen h1{font-size:clamp(41px,11vw,54px)}.home-screen .lead{font-size:12px;margin:8px 0 12px}.home-ask{padding:6px 6px 6px 10px}.home-ask input{font-size:11px}.home-ask button{padding:10px;font-size:11px}.home-screen .experience-label{font-size:8px;margin:10px 0 6px}.home-experiences{gap:7px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start}.home-experiences button{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}.home-experiences strong{font-size:17px}.home-experiences small{font-size:9px;margin:4px 0 7px}.home-experiences b{font-size:9px;padding:7px 11px;align-self:flex-start;width:max-content;max-width:100%;display:inline-flex}.home-footer-actions{margin-top:2px}.home-footer-actions .text-action{font-size:10px;padding:5px}}
@media(max-height:680px) and (max-width:600px){.home-screen h1{font-size:39px}.home-screen .lead{margin:5px 0}.home-experiences button{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}.home-screen .experience-label{margin:5px 0}.home-ask label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.play-card.rewarded:after{animation:none}}

/* Ten distinct game worlds share one editable, data driven interaction. */
.hub-screen{grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:3vw}
.hub-intro h2{font-size:clamp(40px,4.6vw,68px)}
.game-choices{width:100%;min-width:0}
.choice-grid{gap:10px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start}
.choice-grid button{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}
.choice-grid b{font-size:19px;margin:7px 0 3px}
.choice-grid button[hidden]{display:none}
.game-pages{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px}
.game-pages button{border:1px solid var(--line);border-radius:99px;background:rgba(6,25,49,.74);padding:9px 14px;font-size:11px}
.game-pages button:disabled{opacity:.35;cursor:default}
.game-pages span{font-size:10px;letter-spacing:.16em;color:var(--cyan)}
body[data-scene="play-career"]{--scene-wide:url('assets/scenes/game/career.webp');--scene-phone:url('assets/scenes/game/career-mobile.webp')}
body[data-scene="play-love"]{--scene-wide:url('assets/scenes/game/love.webp');--scene-phone:url('assets/scenes/game/love-mobile.webp')}
body[data-scene="play-family"]{--scene-wide:url('assets/scenes/game/family.webp');--scene-phone:url('assets/scenes/game/family-mobile.webp')}
body[data-scene="play-friends"]{--scene-wide:url('assets/scenes/game/friends.webp');--scene-phone:url('assets/scenes/game/friends-mobile.webp')}
body[data-scene="play-mind-mood"]{--scene-wide:url('assets/scenes/game/mind-mood.webp');--scene-phone:url('assets/scenes/game/mind-mood-mobile.webp')}
body[data-scene="play-travel"]{--scene-wide:url('assets/scenes/game/travel.webp');--scene-phone:url('assets/scenes/game/travel-mobile.webp')}
body[data-scene="play-studies"]{--scene-wide:url('assets/scenes/game/studies.webp');--scene-phone:url('assets/scenes/game/studies-mobile.webp')}
body[data-scene="play-money"]{--scene-wide:url('assets/scenes/game/money.webp');--scene-phone:url('assets/scenes/game/money-mobile.webp')}
body[data-scene="play-health"]{--scene-wide:url('assets/scenes/game/health.webp');--scene-phone:url('assets/scenes/game/health-mobile.webp')}
body[data-scene="play-direction"]{--scene-wide:url('assets/scenes/game/career.webp');--scene-phone:url('assets/scenes/game/career-mobile.webp')}
@media(max-width:900px){.hub-screen{grid-template-columns:1fr;align-content:center;gap:12px}.hub-intro h2{font-size:clamp(35px,8vw,52px)}.hub-intro p:not(.eyebrow){font-size:12px;margin:8px 0}.choice-grid{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start}.choice-grid button{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}.choice-grid b{font-size:16px}}
@media(max-width:600px){.hub-screen{padding-top:78px;padding-bottom:64px}.hub-intro h2{font-size:35px}.choice-grid{gap:6px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start}.choice-grid button{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}.choice-grid i{font-size:7px}.choice-grid b{font-size:15px;margin:2px 0}.choice-grid span{font-size:8px}.game-pages{margin-top:7px}.game-pages button{padding:7px 10px}.hub-screen .truth-note{display:none}}
@media(max-height:680px) and (max-width:600px){.hub-intro h2{font-size:30px}.hub-intro p:not(.eyebrow){display:none}.choice-grid button{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}}

.report-pages{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:-12px}.report-pages button{border:1px solid var(--line);border-radius:99px;background:rgba(6,25,49,.74);padding:8px 12px;font-size:11px}.report-pages button:disabled{opacity:.35;cursor:default}.report-pages span{font-size:10px;color:var(--cyan);letter-spacing:.14em}.consult-services{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.consult-services article{width:max-content;max-width:100%;border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:var(--glass-fill);backdrop-filter:var(--glass-blur)}.consult-services b,.consult-services span{display:block}.consult-services b{font:15px Georgia,serif}.consult-services span{font-size:10px;color:#d4e5e8;margin-top:3px}@media(max-width:600px){.reports-screen{}.report-pages{margin-top:0}.consult-services article{padding:6px 9px}}

/* Personal journey displays only data that exists. */
.personal-screen{display:grid;place-items:center}.personal-card{width:min(780px,100%);padding:26px;border:1px solid rgba(157,238,245,.34);border-radius:24px;background:var(--glass-fill);backdrop-filter:var(--glass-blur);box-shadow:0 24px 80px rgba(0,0,0,.22)}.personal-card h2{font-size:clamp(40px,5vw,70px)}.personal-card .lead{font-size:17px;margin:13px 0}.personal-grid{gap:10px;margin-top:18px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start}.personal-grid button{text-align:left;border:1px solid var(--line);border-radius:15px;background:var(--glass-fill);backdrop-filter:var(--glass-blur);display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}.personal-grid button:hover{border-color:var(--cyan);transform:translateY(-2px)}.personal-grid b,.personal-grid small{display:block}.personal-grid b{font:22px Georgia,serif}.personal-grid small{font-size:11px;color:#c3dbe1;margin-top:5px}.personal-status{font-size:11px;color:#d5e8ea;margin:16px 0 0}.space-note span{font-size:11px;color:var(--cyan)}.space-note textarea{display:block;width:100%;min-height:145px;resize:none;margin-top:7px;border:1px solid var(--line);border-radius:15px;background:rgba(1,8,23,.46);color:white;padding:14px}.personal-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}body[data-scene="garden"],body[data-scene="space"],body[data-scene="readings"]{--scene-wide:url('assets/scenes/reader.webp');--scene-phone:url('assets/scenes/reader-mobile.webp')}@media(max-width:600px){.personal-screen{padding:70px 14px 62px}.personal-card{padding:17px}.personal-card h2{font-size:40px}.personal-card .lead{font-size:13px;margin:8px 0}.personal-grid{gap:7px;margin-top:10px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start}.personal-grid button{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}.personal-grid b{font-size:16px}.personal-grid small{font-size:9px}.space-note textarea{min-height:130px}}@media(max-height:650px) and (max-width:600px){.personal-grid button{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}.personal-card .lead{margin:5px 0}}

/* Guard the Home composition at laptop, zoomed, and phone viewports. */
.home-screen .home-copy{width:min(100%,760px);min-width:0}.home-screen h1{font-size:clamp(40px,min(5.8vw,9.5vh),78px);line-height:.95;max-width:760px}.home-screen .lead{font-size:clamp(12px,1.2vw,16px);line-height:1.4}.home-screen .home-ask{display:block;background:var(--glass-fill);border:1px solid rgba(160,239,246,.42);border-radius:15px}.home-screen .home-ask>div{display:flex}.home-screen .home-ask input{background:var(--glass-fill);color:#effdff;border:0;min-width:0}.home-screen .home-ask button{background:var(--accent-fill);color:#09202b;border:0;border-radius:12px}.home-screen .home-experiences{gap:10px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start}.home-screen .home-experiences button{background:var(--glass-fill);color:#effdff;border:1px solid rgba(157,238,245,.37);border-radius:17px;text-align:left;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}.home-screen .home-experiences b{background:linear-gradient(110deg,#9aedea,#b6dcf6);color:#10202d;border-radius:99px;padding:7px 11px;align-self:flex-start;width:max-content;max-width:100%;display:inline-flex}.home-screen .home-experiences small{color:#c5dde1}@media(max-width:900px){.home-screen .home-copy{max-width:min(100%,680px)}.home-screen h1{font-size:clamp(39px,min(8vw,8vh),64px)}.home-screen .home-experiences button{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}}@media(max-width:600px){.home-screen h1{font-size:clamp(36px,min(10vw,8.5vh),52px)}.home-screen .home-experiences{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start}.home-screen .home-experiences button{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;align-self:flex-start;width:max-content;max-width:min(100%,var(--tile-max));height:auto;min-height:var(--tile-height);padding:var(--tile-pad);opacity:1}.home-screen .home-experiences b{font-size:9px;padding:7px 11px;align-self:flex-start;width:max-content;max-width:100%;display:inline-flex}}

body[data-scene="game"]{--scene-wide:url('assets/scenes/game/game.webp');--scene-phone:url('assets/scenes/game/game-mobile.webp')}

/* Paired original Library and Sky Garden art with editable interface content. */
body[data-scene="reports"],body[data-scene="method"]{--scene-wide:url('assets/scenes/library.webp');--scene-phone:url('assets/scenes/library-mobile.webp')}
body[data-scene="garden"],body[data-scene="space"],body[data-scene="readings"]{--scene-wide:url('assets/scenes/garden.webp');--scene-phone:url('assets/scenes/garden-mobile.webp')}

/* Three distinct birth screens: editable fields over paired celestial art. */
body[data-scene="birthday"],body[data-scene="birthtime"]{--scene-wide:url('assets/scenes/birthday.webp');--scene-phone:url('assets/scenes/birthday-mobile.webp')}
.journey-screen{display:grid;grid-template-columns:minmax(0,520px) 1fr;align-items:center}.journey-card{padding:24px;border:1px solid rgba(157,238,245,.3);border-radius:24px;background:var(--glass-fill);backdrop-filter:var(--glass-blur)}.journey-card h2{font-size:clamp(42px,5vw,72px)}.journey-card .lead{font:16px/1.45 ui-sans-serif,system-ui,sans-serif;margin:14px 0}.journey-card label{display:block;margin-top:12px}.journey-card label span{display:block;font-size:11px;color:#d7eef2;margin-bottom:6px}.journey-card input{display:block;width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--glass-fill);color:white;padding:11px 14px;color-scheme:dark}.journey-actions{display:flex;align-items:center;gap:8px;margin-top:15px;flex-wrap:wrap}.journey-status{min-height:18px;color:#ffe4aa;font-size:11px;margin:10px 0 0}.journey-card #birthTimeUnknown{margin-top:8px;color:#c6e8ee}.birth-intro{color:#cee5e9;font-size:13px;margin:12px 0}.birth-back{display:block;margin:6px auto 0}.birth-form input[type="hidden"]{display:none}@media(max-width:900px){.journey-screen{grid-template-columns:1fr}.journey-card{max-width:570px}}@media(max-width:600px){.journey-screen{padding:72px 15px 67px}.journey-card{padding:16px}.journey-card h2{font-size:40px}.journey-card .lead{font-size:12px;margin:9px 0}.journey-card label{margin-top:8px}.journey-card input{min-height:44px}.journey-actions{margin-top:8px}.journey-actions .cta{min-height:42px}.birth-form h2{font-size:38px}.birth-intro{font-size:11px}}

/* Chart results: factual, navigable house data instead of an empty prediction. */
.chart-evidence{font:12px/1.5 ui-sans-serif,system-ui,sans-serif;color:#d9edf0;margin:8px 0}.house-explorer{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:visible;padding:0;margin:7px 0 0}.house-explorer button{flex:0 0 auto;border:1px solid rgba(166,239,245,.45);background:rgba(4,20,43,.58);color:#efffff;padding:8px 11px;border-radius:99px;font:600 11px ui-sans-serif,system-ui,sans-serif;cursor:pointer}.house-explorer button[aria-pressed="true"]{background:#a9f1ef;color:#0a2431}.house-explorer button:focus-visible{outline:3px solid #fff;outline-offset:2px}.house-detail{padding:11px 13px;border:1px solid rgba(166,239,245,.35);border-radius:12px;background:rgba(5,25,52,.52);color:#f1fcff;font:13px/1.45 ui-sans-serif,system-ui,sans-serif;margin:8px 0;min-height:42px}@media(max-width:600px){.house-explorer button{padding:7px 9px}.chart-evidence,.house-detail{font-size:11px}}

body[data-scene="points"],body[data-scene="winning"]{--scene-wide:url('assets/scenes/game/game.webp');--scene-phone:url('assets/scenes/game/game-mobile.webp')}
body[data-scene="counselling"],body[data-scene="videoend"],body[data-scene="ai"]{--scene-wide:url('assets/scenes/consult.webp');--scene-phone:url('assets/scenes/consult-mobile.webp')}
body[data-scene="login"],body[data-scene="signup"],body[data-scene="recovery"],body[data-scene="verification"]{--scene-wide:url('assets/scenes/birthday.webp');--scene-phone:url('assets/scenes/birthday-mobile.webp')}
body[data-scene="parentconsent"],body[data-scene="parentapproval"],body[data-scene="pending"]{--scene-wide:url('assets/scenes/birthplace.webp');--scene-phone:url('assets/scenes/birthplace-mobile.webp')}
body[data-scene="methodresult"]{--scene-wide:url('assets/scenes/library.webp');--scene-phone:url('assets/scenes/library-mobile.webp')}
body[data-scene="payment"],body[data-scene="paymentcomplete"],body[data-scene="paymentfailed"],body[data-scene="reader"],body[data-scene="shareprint"],body[data-scene="thankyou"]{--scene-wide:url('assets/scenes/reports.webp');--scene-phone:url('assets/scenes/reports-mobile.webp')}
body[data-scene="progress"],body[data-scene="tryagain"]{--scene-wide:url('assets/scenes/game/game.webp');--scene-phone:url('assets/scenes/game/game-mobile.webp')}
body[data-scene="bookingconfirmed"],body[data-scene="managebooking"]{--scene-wide:url('assets/scenes/consult.webp');--scene-phone:url('assets/scenes/consult-mobile.webp')}
body[data-scene="privacy"]{--scene-wide:url('assets/scenes/garden.webp');--scene-phone:url('assets/scenes/garden-mobile.webp')}
/* Individually navigable designed scenes, with editable content and paired art. */
.scene-screen{display:grid;grid-template-columns:minmax(0,550px) 1fr;align-items:center}.scene-card{padding:clamp(18px,2.5vw,32px);border:1px solid rgba(171,239,245,.35);border-radius:24px;background:var(--glass-fill);backdrop-filter:var(--glass-blur);box-shadow:0 20px 65px rgba(0,0,0,.25);max-height:calc(100svh - 160px);overflow:auto;scrollbar-width:thin}.scene-card h2{font-size:clamp(38px,4.6vw,65px);line-height:.98}.scene-lead{color:#e0f0f3;font-size:clamp(12px,1.25vw,16px);line-height:1.5;max-width:470px}.scene-body{font-size:13px;color:#d9edf0}.scene-note{padding:10px 13px;border:1px solid rgba(166,239,245,.3);border-radius:12px;background:rgba(5,27,55,.45);line-height:1.5}.scene-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px}.scene-field{display:block;font-size:12px;margin-top:12px}.scene-field input,.scene-field textarea{display:block;width:100%;min-height:46px;padding:10px 12px;margin-top:6px;border:1px solid rgba(172,236,245,.5);border-radius:10px;background:rgba(2,15,35,.8);color:#fff}.scene-field textarea{min-height:80px;resize:vertical}.scene-inline{border:1px solid rgba(172,236,245,.55);background:rgba(6,28,55,.7);border-radius:99px;padding:9px 15px;color:#e8fdff}.metric-number{font:400 clamp(52px,8vw,110px)/1 Georgia,serif;color:#a6fcf3;margin:8px 0}.scene-card button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:700px){.scene-screen{grid-template-columns:1fr;padding:78px 15px 65px}.scene-card{max-height:calc(100svh - 150px);padding:17px;max-width:540px}.scene-card h2{font-size:clamp(34px,9vw,48px)}.scene-lead{font-size:12px}.scene-actions{margin-top:10px}.scene-actions .cta{min-height:43px}.scene-note{padding:8px 10px}}

/* Shared glass tokens above govern every interactive surface. */
.ask-copy textarea{background:var(--glass-fill);backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(205,251,255,.62);box-shadow:inset 0 0 28px rgba(5,19,39,.14),0 12px 30px rgba(0,0,0,.1);color:#fff;text-shadow:0 1px 4px #031026;font-weight:550}.ask-copy textarea::placeholder{color:#e3f4f5;opacity:.9}.ask-copy textarea:focus{background:var(--glass-focus);border-color:#b9fff8}.ask-result{margin-top:10px;padding:15px 17px;border:1px solid rgba(189,247,251,.58);border-radius:16px;background:var(--glass-fill);backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 12px 38px rgba(0,0,0,.12);max-height:33svh;overflow:auto}.ask-result[hidden]{display:none}.ask-result .eyebrow{margin-bottom:5px}.ask-result h3{font:400 clamp(20px,2.5vw,30px)/1.08 Georgia,serif;margin:0 0 7px}.ask-result p:not(.eyebrow){font-size:13px;line-height:1.42;margin:0}.ask-result small{display:block;font-size:10px;color:#d6edf1;margin-top:7px}.ask-result-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:9px}.ask-result-actions .cta{min-height:39px;padding:0 14px;font-size:11px}.ask-result-actions .text-action{font-size:11px;padding:7px}.ask-copy .form-status{margin:4px 0;font-size:11px}@media(max-width:700px){.ask-screen{padding:75px 15px 64px;align-items:center}.ask-copy h2{font-size:clamp(31px,9vw,43px)}.ask-copy textarea{height:110px;margin:8px 0;padding:12px}.ask-copy>.cta{min-height:44px}.ask-result{max-height:31svh;padding:10px 12px}.ask-result p:not(.eyebrow){font-size:11px}}

#printSheet{display:none}
@media print{html,body{height:auto!important;min-height:0!important;overflow:visible!important}body{background:#fff!important;color:#111!important}body > :not(#printSheet){display:none!important}#printSheet{display:block!important;font:11pt/1.4 Georgia,serif;color:#111;background:#fff;padding:10mm;margin:auto;max-width:185mm}#printSheet h1{font:normal 26pt Georgia,serif;margin:2mm 0 5mm}#printSheet h2{font:normal 15pt Georgia,serif;margin:7mm 0 2mm}#printSheet p{margin:1mm 0 3mm}#printSheet section{break-inside:avoid}#printSheet table{border-collapse:collapse;width:100%;font:10pt/1.35 Arial,sans-serif}#printSheet th,#printSheet td{border-bottom:1px solid #ddd;padding:2mm 3mm;text-align:left;vertical-align:top}#printSheet th{width:38%;font-weight:600}#printSheet .print-chart-section{break-before:page;break-inside:auto}#printSheet .print-chart-section tr{break-inside:avoid;page-break-inside:avoid}#printSheet .print-chart-section td{white-space:pre-line}#printSheet .print-chart-section th{width:23%}@page{size:A4;margin:12mm}}\n
.numbers-input{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.numbers-input input{color:var(--fg);color-scheme:dark;background:var(--glass-fill);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit}.numbers-result{max-width:420px}.lo-grid{display:grid;grid-template-columns:repeat(3,max-content);gap:6px;margin:12px 0}.lo-grid>div{padding:9px 12px;min-width:55px;text-align:center;border:1px solid var(--line);border-radius:10px;background:var(--glass-fill)}


/* Shared cinematic Game layout: preserve the characters and keep actions in view. */
body[data-scene^="play-"] .world-art{inset:62px 0 0;animation:sceneBreath 18s ease-in-out infinite alternate;background-position:center top}
@keyframes sceneBreath{to{filter:saturate(1.26) contrast(1.07) brightness(1.08)}}
.play-screen .play-card{width:max-content;max-width:min(620px,calc(100vw - 28px));min-width:min(440px,calc(100vw - 28px));max-height:calc(100svh - 160px);padding:clamp(14px,2vw,26px)}
.play-screen .play-actions{gap:7px}.play-screen .play-actions button{flex:0 0 auto}
.play-screen .play-outcome{min-height:0;margin:10px 0}
@media(max-width:700px){body[data-scene^="play-"] .world-art{inset:56px 0 0;background-position:center top}.play-screen .play-card{min-width:0;max-height:calc(100svh - 125px);padding:14px}.play-screen .play-actions button{font-size:11px}}
@media(prefers-reduced-motion:reduce){body[data-scene^="play-"] .world-art{animation:none}}

/* Saral portrait: the supplied family photo anchors Ask Saral. */
.ask-orb{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible}
.ask-orb>img:first-child{display:block;width:min(260px,100%);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 28px rgba(122,247,242,.5));animation:avatarFloat 7s ease-in-out infinite}
.ask-orb .ask-logo{width:75px;height:75px;object-fit:contain;margin-top:-15px;filter:drop-shadow(0 6px 10px #021024)}
@keyframes avatarFloat{50%{transform:translateY(-7px)}}
@media(max-width:700px){.ask-orb>img:first-child{width:min(150px,100%)}.ask-orb .ask-logo{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.ask-orb>img:first-child{animation:none}}

/* Booking shows the real person; Ask Saral uses her animated character. */
.consult-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.consult-visual .saral-real-photo{display:block;width:min(380px,100%);height:auto;aspect-ratio:680/453;object-fit:cover;object-position:center 35%;border-radius:18px;border:1px solid var(--glass-border);box-shadow:0 12px 48px rgba(0,0,0,.3)}
.consult-steps{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.1em}
@media(max-width:600px){.consult-visual{display:flex}.consult-visual .saral-real-photo{width:min(220px,100%)}.consult-steps{display:none}}
/* One shared birth-date field across chart and number methods. */
.birth-date{width:max-content;max-width:100%;margin:14px 0 0;padding:0;border:0}
.birth-date legend{color:#d7eef2;font-size:12px;padding:0;margin-bottom:5px}
.birth-date-fields{display:grid;grid-template-columns:72px 82px 112px;gap:8px;max-width:100%}
.birth-date-fields label,.journey-card .birth-date-fields label{display:block;margin:0;color:#d7eef2;font-size:10px}
.birth-date-fields input,.journey-card .birth-date-fields input{display:block;width:100%;height:44px;min-height:44px;margin-top:4px;padding:8px;border:1px solid var(--glass-border);border-radius:10px;background:var(--glass-fill);color:#fff;font-size:18px;text-align:center;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.birth-date-fields input::placeholder{color:#b5d1dc;opacity:1}
.birth-date input[type="hidden"]{display:none}
.birth-date-feedback{display:block;min-height:16px;margin-top:5px;color:#d9f4f3;font-size:11px}
@media(max-width:360px){.birth-date-fields{grid-template-columns:64px 72px 104px;gap:6px}}
/* Launch route: the booking hub owns all payment and Zoom confirmations. */
.booking-screen{display:grid;place-items:center}
.booking-panel{--bk-a:#7cf6e9;--bk-bg:#07162a;--bk-fg:#effdff;width:min(900px,100%);max-height:calc(100svh - 145px);overflow:auto;scrollbar-width:thin;padding:clamp(14px,2vw,26px);border:1px solid var(--glass-border);border-radius:22px;background:var(--glass-fill);backdrop-filter:var(--glass-blur)}
.booking-panel h2{font-size:clamp(28px,4vw,46px);margin:4px 0 7px}.booking-panel #bookingStatus{font-size:12px;min-height:18px}.booking-back{display:flex;gap:12px;margin-top:12px}
.home-answer-note{display:block;margin-top:5px;color:#d7eef2;font-size:11px;line-height:1.3}
@media(max-width:600px){.booking-screen{padding:69px 12px 62px}.booking-panel{max-height:calc(100svh - 131px);padding:12px}.booking-panel h2{font-size:28px}}

/* Three primary destinations; Ask Saral stays reachable without another tab. */
.floating-ask{position:fixed;right:18px;bottom:18px;z-index:45;display:flex;align-items:center;gap:9px;min-height:48px;padding:0 16px;border:1px solid rgba(165,246,239,.7);border-radius:999px;background:linear-gradient(135deg,rgba(11,50,77,.96),rgba(62,45,115,.94));box-shadow:0 12px 34px rgba(0,0,0,.4),0 0 24px rgba(105,236,230,.24);color:#effdff;font-size:12px;backdrop-filter:blur(12px)}
.floating-ask span{font-size:20px;color:var(--cyan);line-height:1}.floating-ask b{font-weight:700}
.floating-ask:hover{border-color:var(--cyan);transform:translateY(-2px)}
body[data-scene="booking"] .floating-ask{display:none}
@media(max-width:700px){.topbar .app-nav{position:fixed;left:12px;right:12px;top:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;transform:none;justify-content:space-around;padding:4px;border-radius:16px;background:rgba(1,9,23,.94)}.topbar .app-nav button{flex:1;height:44px;padding:0 6px}.topbar .app-nav button span{display:block;font-size:11px}.floating-ask{right:12px;bottom:calc(70px + env(safe-area-inset-bottom,0px));width:48px;height:48px;min-height:48px;padding:0;justify-content:center}.floating-ask b{display:none}}

.language-tiles{display:flex;flex:0 0 auto;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(2,10,26,.7)}.language-tiles button{border:0;border-radius:999px;background:transparent;padding:5px 9px;font-size:11px;line-height:1.2}.language-tiles button[aria-pressed="true"]{background:rgba(118,255,240,.22);color:#fff}.language-tiles button:disabled{opacity:.55;cursor:not-allowed}#timingForecast{border-left:2px solid var(--cyan);padding-left:10px}@media(max-width:700px){.language-tiles{margin-left:auto}.language-tiles button{font-size:10px;padding:5px 6px}}
.language-status{position:fixed;z-index:40;right:20px;top:70px;max-width:min(320px,calc(100vw - 40px));padding:6px 10px;border-radius:8px;background:rgba(2,10,26,.94);font-size:11px;color:#d7fafa;pointer-events:none}.language-status:empty{display:none}

/* Keep the Magic24x7 booking flow in Saral Pavan's celestial world. */
#bk-booking[data-m-theme="dark"]{--m-surface:#061427!important;--m-raised:rgba(5,18,39,.92)!important;--m-sunken:#0b2035!important;--m-ink:#effdff!important;--m-muted:#a8c7d2!important;--m-line:rgba(118,255,240,.28)!important;--m-control:#86b8c4!important;--m-brand:#76fff0!important;--m-brand-strong:#53dddf!important;--m-brand-text:#76fff0!important;--m-brand-soft:rgba(118,255,240,.12)!important;--m-on-brand:#03111e!important;--m-shadow:0 18px 48px rgba(0,4,16,.42),0 0 28px rgba(118,255,240,.11)!important;color-scheme:dark}
#bk-booking[data-m-theme="dark"] .m-card{backdrop-filter:blur(15px) saturate(1.2)}

/* The prediction is one readable reading, not a flex row of fragments. */
.meaning #careerForecast{display:block;flex:0 0 auto;justify-content:initial;margin:8px 0 4px;padding:12px 14px;border:1px solid rgba(135,233,240,.45);border-left:3px solid #8ff3ef;border-radius:12px;background:rgba(3,19,43,.76);color:#f3ffff;max-height:32svh;overflow-y:auto}
#careerForecast strong,#careerForecast p,#careerForecast small,#careerForecast a{display:block;max-width:100%;overflow-wrap:anywhere}
#careerForecast strong{font:600 17px/1.28 ui-sans-serif,system-ui,sans-serif;color:#d5fffc}
#careerForecast p{font:13px/1.46 ui-sans-serif,system-ui,sans-serif;margin:7px 0}
#careerForecast small{font:11px/1.4 ui-sans-serif,system-ui,sans-serif;color:#c7e6ea}
#careerForecast a{font:11px/1.4 ui-sans-serif,system-ui,sans-serif;color:#96f4f4;margin-top:5px;text-decoration:underline}
.meaning #houseExplorer{justify-content:flex-start;flex:0 0 auto;margin-top:7px}
.meaning #houseDetail{display:block;flex:0 0 auto;justify-content:initial}
@media(max-width:600px){#careerForecast strong{font-size:14px}#careerForecast p{font-size:11px}#careerForecast small,#careerForecast a{font-size:10px}.meaning #careerForecast{padding:9px 11px;max-height:29svh}}

/* Keep all twelve house choices visible without a horizontal scrollbar. */
.meaning #houseExplorer{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;gap:5px;width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:0;margin:7px 0 0;justify-content:stretch;transform:none}
.meaning #houseExplorer button{min-width:0;width:100%;padding:6px 4px;text-align:center;white-space:nowrap}
@media(max-width:600px){.meaning #houseExplorer{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.meaning #houseExplorer button{font-size:9px;padding:5px 2px}}

/* Give the answer priority in the single-screen chart at desktop widths. */
@media(min-width:901px){.kundli-screen{grid-template-columns:minmax(290px,.85fr) minmax(0,1.15fr);column-gap:2vw}.reading-panel{min-width:0}.meaning{min-width:0}}

.trace-screen{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;align-content:center;max-width:1100px;margin:auto;width:100%;color:#efffff}.trace-head h2{font:clamp(25px,3vw,38px) Georgia,serif;margin:4px 0}.trace-head>p:last-child{color:#c6e1e5;margin:0}.trace-tabs,.trace-actions{display:flex;gap:9px;flex-wrap:wrap}.trace-tabs button,.trace-actions button{border:1px solid rgba(166,239,245,.42);border-radius:999px;background:rgba(4,20,43,.78);color:#efffff;padding:10px 16px;cursor:pointer}.trace-tabs button[aria-pressed=true]{background:#a9f1ef;color:#0a2431}.trace-card{min-height:0;border:1px solid rgba(166,239,245,.35);border-radius:20px;background:rgba(5,25,52,.82);padding:clamp(15px,2vw,26px)}.trace-stage{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.trace-stage[hidden]{display:none}.trace-stage p{min-width:0;margin:0;padding:15px;border:1px solid rgba(166,239,245,.18);border-radius:12px;background:rgba(2,11,27,.52);overflow-wrap:anywhere}.trace-stage small,.trace-stage strong{display:block}.trace-stage small{font:700 10px/1.3 system-ui;letter-spacing:.09em;color:#9ae9e8;margin-bottom:8px}.trace-stage strong,.trace-stage a{font:15px/1.45 system-ui;color:#f3fcff}.trace-stage a{color:#9ae9e8}.trace-actions{justify-content:flex-end}@media(max-width:700px){.trace-screen{gap:8px}.trace-head h2{font-size:24px}.trace-head>p:last-child{font-size:12px}.trace-tabs button,.trace-actions button{padding:8px 10px;font-size:11px}.trace-stage{grid-template-columns:1fr;gap:7px}.trace-stage p{padding:9px}.trace-stage small{font-size:8px;margin-bottom:3px}.trace-stage strong,.trace-stage a{font-size:11px;line-height:1.3}}

.chartpause-screen{display:grid;place-items:center}.chartpause-card{max-width:740px;padding:clamp(25px,4vw,48px);border:1px solid rgba(166,239,245,.38);border-radius:24px;background:rgba(3,18,39,.85);box-shadow:0 22px 90px rgba(0,0,0,.42);color:#e9faff}.chartpause-card h2{font-size:clamp(31px,4vw,60px);line-height:1.05}.chartpause-card>p:not(.eyebrow){font:clamp(14px,1.5vw,18px)/1.55 system-ui;color:#c9e3e8}.chartpause-card>div{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.chartpause-card .text-action{color:#c4f0f0}

/* The traditional diamond chart is shared by D1–D16. House content comes from
   the selected calculated chart; these rules only position the twelve houses. */
.chart-shell{display:flex;flex-direction:column}
.chart-label{font-size:9px;letter-spacing:.09em;color:#9ed8da;margin-bottom:8px}
.chart-shell .kundli-chart{flex:1;min-height:0}
.kundli-chart .house{border:0;background:transparent;color:#f1fbff;cursor:pointer;padding:3px;line-height:1.2;text-shadow:0 1px 5px #001223}
.kundli-chart .house[aria-pressed="true"]{outline:1px solid rgba(118,255,240,.8);outline-offset:3px;border-radius:5px}
.kundli-chart .house small{color:#e7d38f;font-size:8px}
.kundli-chart .house b{font:600 clamp(9px,1vw,13px) Georgia,serif;margin:2px 0}
.kundli-chart .house span{color:#e3f4f5;font-size:8px;line-height:1.2;overflow-wrap:anywhere}
.kundli-chart .house:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:700px){.kundli-chart .house{font-size:8px}.kundli-chart .house b{font-size:9px}.kundli-chart .house span{font-size:7px}}
@media print{.kundli-chart .house{color:#111;text-shadow:none}.kundli-chart .house span{color:#111}}

.chart-tabs{display:flex;gap:6px;margin-bottom:5px}.chart-tabs button{border:1px solid rgba(118,255,240,.4);border-radius:99px;background:rgba(5,19,35,.75);color:#def4f5;padding:5px 12px;font-size:11px}.chart-tabs button[aria-pressed="true"]{background:#9df6ed;color:#072034}.chart-tabs button[hidden]{display:none}

/* Birthplace results are full-width place tiles with coordinates, over the cosmic form. */
.place-search{position:relative}.birth-candidates{display:none}.birth-candidates:not(:empty){position:absolute;z-index:80;top:100%;left:0;right:0;display:grid;gap:3px;max-height:min(30vh,210px);overflow:auto;padding:6px;border:1px solid rgba(118,255,240,.5);border-radius:14px;background:rgba(3,15,32,.98);box-shadow:0 15px 34px #000a}.birth-candidates button{width:100%;text-align:left;border-radius:9px;padding:7px 9px;background:rgba(25,49,74,.95);color:#eefbfc}.birth-candidates button strong,.birth-candidates button small{display:block}.birth-candidates button small{color:#a5d9da;font-size:9px;margin-top:2px}.birth-candidates button:hover,.birth-candidates button:focus-visible{border-color:#8cf4ec;background:#14394c}.place-source{font-size:9px;color:#b6d4db;margin:4px 0}.coordinate-refine{border:1px solid rgba(118,255,240,.25);border-radius:11px;padding:7px;background:rgba(3,19,37,.7);color:#d8f1f0}.coordinate-refine[hidden]{display:none}.coordinate-refine p{margin:0 0 4px;font-size:9px}.coordinate-refine>div{display:flex;align-items:end;gap:5px}.coordinate-refine label{flex:1;min-width:0;margin:0}.coordinate-refine label span{font-size:8px}.coordinate-refine input{width:100%;padding:5px 6px}.coordinate-refine button{border:1px solid var(--line);border-radius:9px;padding:7px;color:var(--cyan);background:rgba(12,46,60,.9);font-size:9px}.coordinate-refine small{font-size:8px;color:#9fced0}
@media(max-width:600px){.birth-candidates:not(:empty){max-height:28vh}.coordinate-refine>div{gap:3px}.coordinate-refine button{padding:5px}.place-source{font-size:8px}}

.reader-chart-tabs{display:flex;gap:7px;margin:8px 0}.reader-chart-tabs button{border:1px solid rgba(118,255,240,.4);border-radius:99px;background:rgba(5,20,38,.8);color:#d8f4f3;padding:6px 12px;font-size:11px}.reader-chart-tabs button[aria-pressed="true"]{background:#9cf7eb;color:#07303b}.reader-chart-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.reader-chart-list p{margin:0;padding:7px;border:1px solid rgba(118,255,240,.2);border-radius:9px;background:rgba(5,24,43,.7);color:#e4f4f5;font-size:10px}.reader-chart-list .reader-asc{grid-column:1/-1;color:#9df6ed;font-size:12px}.reader-dates{margin:8px 0 0;font-size:10px;color:#b7dadd;line-height:1.35}@media(max-width:600px){.reader-chart-list{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-chart-list p{padding:5px;font-size:9px}.reader-dates{font-size:9px}}

/* Nine classical vargas through D16 remain selectable on narrow screens. */
.chart-tabs,.reader-chart-tabs{flex-wrap:wrap;align-items:center;gap:4px}
.chart-tabs button,.reader-chart-tabs button{white-space:nowrap;padding:4px 8px;font-size:10px}
@media(max-width:600px){.chart-tabs,.reader-chart-tabs{gap:3px}.chart-tabs button,.reader-chart-tabs button{padding:3px 6px;font-size:9px}}

/* Prashna preview follows the existing midnight glass palette. */
.prashna-screen,.prashna-result-screen{align-items:center;justify-content:center}
.prashna-panel,.prashna-result-panel{width:min(960px,94vw);max-height:calc(100dvh - 105px);overflow:auto;padding:clamp(16px,2vw,30px);border:1px solid var(--glass-border);border-radius:24px;background:rgba(5,18,39,.72);box-shadow:0 25px 70px #0008;backdrop-filter:blur(18px);color:var(--ink)}
.prashna-panel h2,.prashna-result-panel h2{margin:3px 0 8px;font-size:clamp(26px,3vw,44px)}
.prashna-lead{color:#c8e4e7;margin:5px 0 12px;line-height:1.4}
.prashna-panel label,.prashna-label{display:block;margin:9px 0 5px;color:#d5f3ef;font-size:12px}
.prashna-panel textarea,.prashna-search input{width:100%;border:1px solid rgba(118,255,240,.4);border-radius:10px;background:rgba(4,18,34,.75);color:#fff;padding:9px 11px;font:inherit}
.prashna-panel textarea{height:58px;resize:none}
.prashna-topics{display:flex;flex-wrap:wrap;gap:5px}
.prashna-topics button,.prashna-search button,.prashna-candidates button{border:1px solid rgba(118,255,240,.42);border-radius:99px;background:rgba(12,35,57,.9);color:#d6f4f2;padding:6px 10px;font-size:11px}
.prashna-topics button[aria-pressed=true]{background:#9df6ed;color:#072034}
.prashna-search{display:flex;gap:7px}.prashna-search button{white-space:nowrap}
.prashna-candidates{display:grid;gap:3px;max-height:100px;overflow:auto}.prashna-candidates button{text-align:left;border-radius:8px}
.prashna-result-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px}
.prashna-chart{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.prashna-house{min-height:52px;padding:6px;border:1px solid rgba(118,255,240,.28);border-radius:9px;background:rgba(7,30,53,.75);font-size:10px}
.prashna-house b,.prashna-house small{display:block}.prashna-house small{color:#b9d9db;margin-top:4px}
.prashna-house.is-matter{border-color:#9df6ed;box-shadow:0 0 12px #76fff05c}
.prashna-evidence{font-size:11px;line-height:1.35}.prashna-evidence p{margin:0 0 5px}.prashna-evidence a{color:#9df6ed}
@media(max-width:650px){.prashna-panel,.prashna-result-panel{max-height:calc(100dvh - 95px);padding:13px}.prashna-result-grid{grid-template-columns:1fr}.prashna-chart{gap:3px}.prashna-house{min-height:38px;padding:3px;font-size:8px}.prashna-house small{margin-top:2px}.prashna-evidence{font-size:10px}.prashna-panel textarea{height:45px}}

.prashna-panel,.prashna-result-panel{overflow:hidden}
@media(max-height:650px){.prashna-panel,.prashna-result-panel{padding:9px}.prashna-panel h2,.prashna-result-panel h2{font-size:22px;margin:0 0 3px}.prashna-lead{font-size:11px;margin:2px 0 6px}.prashna-topics button{padding:3px 7px}.prashna-panel label,.prashna-label{margin:4px 0 2px}.prashna-panel textarea{height:36px}.prashna-house{min-height:32px}}

.prashna-search{flex-wrap:wrap}.prashna-search input{flex:1 1 180px}.prashna-search button{font-size:10px;padding:6px 8px}

.prashna-question-shown{margin:4px 0 9px;color:#c8e4e7;font-size:12px}

/* House navigation must start with House 1 inside the visible panel at every width. */
.meaning #houseExplorer{align-self:stretch;min-width:0;max-width:100%;margin-left:0;margin-right:0;overflow:visible}
.meaning #houseExplorer button{min-width:0;max-width:100%;overflow:hidden;text-overflow:clip}
@media(max-width:900px){.meaning #houseExplorer{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:420px){.meaning #houseExplorer{grid-template-columns:repeat(3,minmax(0,1fr))}}

.house-detail strong{display:block;font-size:1.08em;line-height:1.3}.house-detail p{margin:6px 0;line-height:1.45}.house-detail small{display:block;opacity:.8;margin-top:6px}

.house-detail ul{padding-left:1.25em;margin:0 0 7px}.house-detail li{margin:0 0 8px;padding-left:2px}.house-detail small+small{margin-top:4px}

/* Database-backed house reading keeps the chart's dark glass treatment. */
.reader-intro{margin:0 0 10px;color:#cce8eb;font-size:11px}
.reader-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.reader-summary article,.reader-answer,.reader-reading{border:1px solid rgba(130,232,235,.32);border-radius:13px;background:rgba(5,23,45,.74);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.reader-summary article{padding:8px;min-width:0}
.reader-summary small,.reader-answer small,.reader-kicker{display:block;color:#9df6ed;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.reader-summary strong{display:block;margin-top:4px;color:#fff;font-size:11px;font-weight:500;overflow-wrap:anywhere}
.reader-answer{padding:12px;margin:10px 0}
.reader-answer h3{font-size:17px;margin:4px 0}.reader-answer p{margin:5px 0 9px;line-height:1.5}
.reader-heading{font:500 17px/1.2 Georgia,serif;color:#fff;margin:14px 0 4px}
.reader-house-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:9px 0}
.reader-house-tabs button{min-width:0;padding:7px 5px;border:1px solid rgba(130,232,235,.28);border-radius:9px;background:rgba(4,19,39,.7);color:#d6edef;font-size:10px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reader-house-tabs button[aria-pressed="true"]{border-color:#9df6ed;background:rgba(95,222,210,.22);color:#fff}
.reader-reading{padding:14px}
.reader-reading h3{margin:4px 0 8px;font:500 22px/1.15 Georgia,serif;color:#fff}
.reader-brief{font-size:13px;line-height:1.5;color:#fff}.reader-context{font-size:11px;color:#c8e7e8}
.reader-evidence{list-style:none;padding:0;margin:10px 0;display:grid;gap:6px}
.reader-evidence li{padding:7px 9px;border-left:2px solid #83e8dd;background:rgba(106,229,219,.08);line-height:1.4;font-size:11px}
.reader-limit,.reader-state{font-size:10px;color:#b7dadd}
@media(max-width:600px){.reader-summary{grid-template-columns:1fr 1fr}.reader-summary article:last-child{grid-column:1/-1}.reader-house-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}

.reader-report-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0}
.reader-report-tabs button{border:1px solid rgba(130,232,235,.5);border-radius:11px;background:#071c32;color:#f4ffff;padding:10px 9px;font-size:12px;font-weight:600;line-height:1.25;cursor:pointer;text-align:left;min-width:0;white-space:normal}
.reader-report-tabs button[aria-pressed="true"]{background:#164958;border-color:#9df6ed;color:#fff;box-shadow:inset 0 0 0 1px rgba(157,246,237,.25)}
.reader-report-view{border:1px solid rgba(130,232,235,.35);border-radius:13px;background:rgba(5,23,45,.78);padding:14px}
.reader-report-view h3{margin:4px 0 7px;font:500 22px/1.15 Georgia,serif;color:#fff}
.reader-report-points{display:grid;gap:7px;margin:10px 0}
.reader-report-points article{border-left:2px solid #83e8dd;padding:6px 9px;background:rgba(106,229,219,.07)}
.reader-report-points h4{margin:0 0 3px;color:#fff;font-size:12px;font-weight:600}
.reader-report-points p{margin:3px 0;font-size:11px;line-height:1.43}
.reader-report-indication{color:#bcece8}

/* Source-backed Lo Shu interpretation within the existing glass card. */
.numbers-result{max-width:min(560px,100%)}.lo-grid>div[role="button"]{cursor:pointer;color:var(--fg)}.lo-grid>div[role="button"][aria-pressed="true"]{border-color:var(--aqua,#7effef);box-shadow:0 0 0 1px rgba(126,255,239,.35)}.lo-grid>div[role="button"]:focus-visible{outline:2px solid var(--aqua,#7effef);outline-offset:2px}.lo-detail{border:1px solid var(--line);border-radius:12px;background:var(--glass-fill);padding:10px 12px;max-width:100%}.lo-detail p{margin:6px 0;font-size:clamp(12px,1.5vw,14px);line-height:1.4}.lo-detail a{font-size:11px;color:var(--aqua,#7effef);overflow-wrap:anywhere}

/* Keep the completed Lo Shu reading inside one scene without a card scrollbar. */
body[data-scene="numbers"].numbers-has-result .scene-card{padding:18px}body[data-scene="numbers"].numbers-has-result .scene-card h2{font-size:clamp(30px,3vw,42px);margin:0 0 8px}body[data-scene="numbers"].numbers-has-result .scene-lead{display:none}body[data-scene="numbers"].numbers-has-result .scene-body p{margin:6px 0}body[data-scene="numbers"].numbers-has-result .lo-grid{margin:6px 0}body[data-scene="numbers"].numbers-has-result .scene-actions{margin-top:8px}body[data-scene="numbers"].numbers-has-result .lo-detail{padding:8px 10px}
@media(max-width:700px){body[data-scene="numbers"].numbers-has-result .scene-card{padding:12px;max-height:calc(100svh - 140px)}body[data-scene="numbers"].numbers-has-result .scene-card h2{font-size:30px}body[data-scene="numbers"].numbers-has-result .lo-grid>div{padding:5px 7px;min-width:46px}body[data-scene="numbers"].numbers-has-result .lo-detail p{font-size:12px;line-height:1.3}}


/* Source-backed Lo Shu reference cells; all copy arrives from the reading API. */
body[data-scene="numbers"].numbers-has-result .scene-screen{grid-template-columns:minmax(0,900px) 1fr}
body[data-scene="numbers"].numbers-has-result .scene-card{width:min(900px,100%);max-height:calc(100svh - 145px)}
body[data-scene="numbers"].numbers-has-result .numbers-result{max-width:100%}
body[data-scene="numbers"].numbers-has-result .lo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
body[data-scene="numbers"].numbers-has-result .lo-grid>div{min-width:0;min-height:112px;padding:7px 9px;text-align:center}
body[data-scene="numbers"].numbers-has-result .lo-grid strong{display:block;font-size:14px;color:#eaffff}
body[data-scene="numbers"].numbers-has-result .lo-grid small{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.22;color:#e5f5f7;overflow-wrap:anywhere}
body[data-scene="numbers"].numbers-has-result .lo-reference{color:#f1fafb}
body[data-scene="numbers"].numbers-has-result .lo-detail small{display:block;font-size:10px;color:#b9e4e9}
@media(max-width:700px){
 body[data-scene="numbers"].numbers-has-result .scene-screen{grid-template-columns:1fr}
 body[data-scene="numbers"].numbers-has-result .lo-grid>div{min-height:46px;padding:4px}
 body[data-scene="numbers"].numbers-has-result .lo-grid small{display:none}
 body[data-scene="numbers"].numbers-has-result .lo-grid strong{font-size:12px}
}

@media(min-width:701px){
 body[data-scene="numbers"].numbers-has-result .lo-grid>div{min-height:96px}
 body[data-scene="numbers"].numbers-has-result .lo-detail .lo-reference{display:none}
}

.lo-selected-copy{display:none}
.lo-brief-panel .lo-brief-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:rgba(3,16,37,.72);margin:14px 0}
.lo-brief-card h3{font-size:20px;color:#f1fbff;margin:0 0 10px}
.lo-brief-card p{font-size:16px;line-height:1.6;color:#e5f4f7;margin:10px 0}
.lo-brief-card small{display:block;font-size:11px;line-height:1.4;color:#bfe8ef}
.lo-brief-tabs,.lo-brief-pager{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lo-brief-tabs button,.lo-brief-pager button{border:1px solid var(--line);border-radius:12px;background:var(--glass-fill);padding:9px 12px;color:#efffff;font:inherit;font-size:13px}
.lo-brief-tabs button[aria-pressed="true"]{border-color:#86fff2;color:#a2fff6}
.lo-brief-pager button:disabled{opacity:.4}
.lo-brief-note{font-size:11px;color:#c5e6ee}
@media(max-width:700px){.lo-brief-panel .lo-brief-card{padding:12px;margin:10px 0}.lo-brief-card h3{font-size:17px}.lo-brief-card p{font-size:14px;line-height:1.5}.lo-brief-tabs,.lo-brief-pager{gap:6px}.lo-brief-tabs button,.lo-brief-pager button{font-size:11px;padding:8px}.lo-brief-panel h2{font-size:28px!important}}