/* ADHD planet (/focus/): shared look. Electric indigo + cyan sparks on the site's gold-and-night palette. */
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/cormorant-400.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/cormorant-400i.woff) format("woff");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/cormorant-500.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}
:root{--c:#3a2fd8;--g:#86f2ff;--v:#b9a4ff;--gold:#d4a537;--gl:#ffe08a;--ink:#f4efe4;--mute:#c9c2b4;--dim:#a49c8e;--card:rgba(12,11,26,.78);--line:rgba(134,242,255,.26);
 --serif:"Cormorant Garamond",Garamond,Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;min-height:100vh;min-height:100dvh;background:#04030c;color:var(--ink);font:16px/1.5 var(--sans);overflow-x:hidden}
#fsky{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}
main{position:relative;z-index:1;margin:0 auto;padding:max(46px,calc(env(safe-area-inset-top) + 40px)) 20px calc(80px + env(safe-area-inset-bottom));max-width:560px}
.eyebrow{margin:0 0 8px;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--g);opacity:.8;text-align:center}
h1{margin:0 0 10px;font:400 clamp(38px,9vw,58px)/1.05 var(--serif);letter-spacing:.03em;color:#e9fbff;text-align:center;text-shadow:0 0 26px rgba(134,242,255,.35)}
.lead{margin:0 auto 24px;max-width:470px;text-align:center;color:var(--mute);font-size:15.5px}
.note{margin:22px auto 0;max-width:460px;text-align:center;font-size:12.5px;color:var(--dim)}
footer.cr{margin-top:22px;text-align:center;font-size:12.5px;color:var(--dim);letter-spacing:.02em}footer.cr a{color:var(--ink)}
a.back{display:table;margin:26px auto 0;color:var(--gold);text-decoration:none;font-size:13px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid rgba(212,165,55,.45);padding-bottom:3px}
a.back:hover,a.back:focus-visible{color:var(--gl);border-color:var(--gl);outline:none}
.card{position:relative;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(134,242,255,.07),rgba(255,255,255,.015)),var(--card);box-shadow:0 18px 50px rgba(0,0,0,.5);padding:22px 20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;padding:14px 22px;border-radius:999px;border:1px solid rgba(134,242,255,.6);background:radial-gradient(120% 160% at 30% 0%,#6a5cff 0%,#3a2fd8 48%,#1d1670 100%);color:#fff;font:600 17px/1.2 var(--sans);letter-spacing:.03em;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 10px 30px rgba(58,47,216,.45),0 0 26px rgba(134,242,255,.25);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .25s,filter .25s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.btn:hover,.btn:focus-visible{filter:brightness(1.12);box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 12px 34px rgba(58,47,216,.55),0 0 34px rgba(134,242,255,.45);outline:none}
.btn:active{transform:scale(.97)}
.btn[disabled]{opacity:.45;cursor:default;filter:none}
.btn.ghost{background:rgba(255,255,255,.04);border-color:rgba(233,220,184,.3);color:var(--ink);box-shadow:none;font-weight:500}
.btn.gold{background:radial-gradient(120% 160% at 30% 0%,#ffe9a8 0%,#d4a537 55%,#8a6420 100%);border-color:rgba(255,224,138,.8);color:#1a1206;box-shadow:0 10px 30px rgba(212,165,55,.35),0 0 26px rgba(255,224,138,.3)}
.btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.lnk{background:none;border:0;padding:12px 10px;min-height:44px;color:var(--g);font:500 14.5px var(--sans);letter-spacing:.04em;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(134,242,255,.35);text-underline-offset:4px;-webkit-tap-highlight-color:transparent}
.lnk:hover,.lnk:focus-visible{color:#fff;outline:none;text-decoration-color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}
.chip{min-height:46px;padding:10px 16px;border-radius:999px;border:1px solid rgba(134,242,255,.3);background:rgba(134,242,255,.06);color:var(--ink);font:500 15px var(--sans);cursor:pointer;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.chip:hover,.chip:focus-visible{border-color:var(--g);background:rgba(134,242,255,.14);outline:none}
.chip:active{transform:scale(.96)}
.chip[aria-pressed="true"],.chip[aria-checked="true"]{border-color:var(--g);background:rgba(134,242,255,.2);box-shadow:0 0 16px rgba(134,242,255,.3)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fade-in{animation:fin .6s cubic-bezier(.2,.8,.2,1) both}@keyframes fin{from{opacity:0;transform:translateY(12px)}}
.crisis{border-color:rgba(255,200,150,.5);background:linear-gradient(180deg,rgba(255,190,140,.1),rgba(255,255,255,.02)),var(--card);text-align:center}
.crisis h2{margin:0 0 8px;font:400 28px/1.15 var(--serif);color:#ffe2c8}
.crisis p{color:var(--mute);margin:0 0 14px}
.crisis .r{display:grid;gap:10px}
.crisis a.btn{text-decoration:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}