:root{--ground: #0b1020;--surface: #131a30;--surface-2: #1a2440;--ink: #eef2fa;--muted: #aab6d2;--line: #2b3660;--accent: #9d8bff;--accent-2: #c4b5ff;--cyan: #4fd0e0;--accent-ink: #14082a;--got: #6fe0b0;--almost: #ffcf7a;--missed: #ff8fa8;--radius: 16px;--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 12px 34px rgba(0, 0, 0, .42);--shadow-lift: 0 2px 4px rgba(0, 0, 0, .4), 0 20px 54px rgba(0, 0, 0, .5);--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{background:var(--ground);background-image:radial-gradient(66rem 44rem at 82% -14%,rgba(157,139,255,.14),transparent 60%),radial-gradient(56rem 40rem at -14% 112%,rgba(79,208,224,.1),transparent 60%);background-attachment:fixed;color:var(--ink);font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{max-width:44rem;margin:0 auto;padding:0 1.2rem 4rem}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 0 .9rem;border-bottom:1px solid var(--line);margin-bottom:1.4rem;flex-wrap:wrap;gap:.6rem}.brand{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.15rem;display:inline-flex;align-items:center;gap:.55rem}.brand-mark{width:15px;height:15px;border-radius:4px;background:conic-gradient(from 30deg,var(--cyan),var(--accent) 45%,var(--accent-2),var(--cyan));box-shadow:0 0 14px #9d8bff80;animation:turn 16s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}.topnav{display:inline-flex;align-items:center;gap:.7rem}.muelle-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:650;color:var(--muted);text-decoration:none}.muelle-link:hover{color:var(--accent-2)}.muelle-mark{height:1.05rem;width:auto;display:block}.chip-free{font-size:.58rem;font-weight:700;letter-spacing:.12em;color:#7de2b8;border:1px solid rgba(125,226,184,.5);border-radius:999px;padding:.16rem .6rem;background:#7de2b814}.streak{font-size:.78rem;font-weight:700;color:var(--accent-2);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;padding:.18rem .62rem;background:color-mix(in srgb,var(--accent) 10%,transparent);font-variant-numeric:tabular-nums}h1{font-family:Fraunces,Georgia,serif;font-weight:560;font-size:clamp(2rem,7vw,3rem);line-height:1.08;letter-spacing:-.015em;margin:.5rem 0 1rem;text-wrap:balance}h2{font-family:Fraunces,Georgia,serif;font-weight:580;font-size:1.5rem;margin:.2rem 0 .6rem}h3{font-family:Fraunces,Georgia,serif;font-weight:580;font-size:1.2rem;margin:0 0 .5rem}.step-title{font-size:clamp(1.4rem,5vw,1.9rem);margin:.4rem 0 .3rem}.eyebrow{font-size:.72rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700;margin:0;background:linear-gradient(120deg,var(--cyan),var(--accent) 52%,#ff7db0);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{font-size:1.14rem;color:var(--muted);max-width:38em}.lede strong{color:var(--ink)}.lede em{font-style:italic;color:var(--accent-2)}.guide{color:var(--muted);font-size:.96rem;max-width:38em}.hero-stage{position:relative;overflow:hidden;border-radius:20px;min-height:clamp(220px,42vh,360px);display:flex;align-items:center;margin:.2rem 0 1.6rem;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}.hero-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,#120d28b8,#120d2857 54%,#120d2800 84%)}.hero-inner{position:relative;z-index:2;width:100%;padding:1.7rem}.hero-inner h1{margin-top:.3rem}.hero-inner .lede{margin-bottom:0}@media(max-width:560px){.hero-inner{padding:1.3rem 1.2rem}}a{color:var(--accent-2)}.qsection{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:.9rem;color:var(--accent-2)}.dimnote{font-size:.84rem;color:var(--muted);font-style:italic;margin:.9rem 0 0}.closing{color:var(--muted);font-size:.98rem;margin-top:1.6rem}.reveal{opacity:0;animation:rise .7s var(--ease-out) forwards}.reveal.d1{animation-delay:.08s}.reveal.d2{animation-delay:.18s}.reveal.d3{animation-delay:.3s}.reveal.d4{animation-delay:.44s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.cta{display:inline-flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,var(--accent),var(--cyan));color:var(--accent-ink);border:none;font-family:inherit;font-size:1.02rem;font-weight:650;padding:.9rem 1.7rem;min-height:44px;border-radius:999px;cursor:pointer;margin:1rem 0 .2rem;box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 34%,transparent);transition:transform .15s var(--ease-out);text-decoration:none}.cta:hover{transform:translateY(-2px)}.cta:active{transform:scale(.98)}.cta.small{font-size:.94rem;padding:.66rem 1.35rem;min-height:44px;margin:.6rem 0 0}.back{background:none;border:none;color:var(--muted);font-family:inherit;font-size:.92rem;cursor:pointer;padding:.5rem .2rem;min-height:44px}.back:hover{color:var(--accent-2)}.report-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin:.4rem 0 .8rem}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 50%,transparent);outline-offset:3px;border-radius:6px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem 1.45rem;margin:1.5rem 0;box-shadow:var(--shadow)}.cards{display:grid;gap:.9rem;margin:1.8rem 0 .6rem}.lab-card{display:flex;align-items:flex-start;gap:1rem;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.3rem;cursor:pointer;font-family:inherit;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s var(--ease-out),border-color .15s;width:100%}.lab-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.lab-num{flex:0 0 auto;width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.05rem;color:var(--accent-ink);background:linear-gradient(135deg,var(--accent),var(--cyan))}.lab-body{display:flex;flex-direction:column;gap:.25rem}.lab-title{font-family:Fraunces,Georgia,serif;font-weight:580;font-size:1.16rem;display:inline-flex;align-items:center;gap:.6rem;flex-wrap:wrap}.lab-desc{color:var(--muted);font-size:.94rem;line-height:1.5}.deck-growth{display:block;margin-top:.55rem;padding-top:.55rem;border-top:1px dashed color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent-2);font-size:.84rem;line-height:1.5}.due-pill{font-size:.64rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);background:linear-gradient(135deg,var(--accent),var(--cyan));border-radius:999px;padding:.14rem .55rem}.trust{list-style:none;padding:0;margin:1.9rem 0 0;color:var(--muted);font-size:.94rem}.trust li{padding:.26rem 0 .26rem 1.65rem;position:relative}.trust li:before{content:"";position:absolute;left:0;top:.52rem;width:15px;height:15px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 0 0 0 1.5px var(--accent)}.trust li:after{content:"";position:absolute;left:4.5px;top:.78rem;width:6px;height:3.5px;border-left:1.8px solid var(--accent-2);border-bottom:1.8px solid var(--accent-2);transform:rotate(-45deg)}.demo{border-color:color-mix(in srgb,var(--cyan) 40%,var(--line))}.facts{margin:.6rem 0 1rem;padding-left:1.2rem}.facts li{margin:.4rem 0}.facts.revealed li{color:var(--accent-2)}.recall-prompts{margin:.6rem 0 1rem;padding-left:1.3rem;color:var(--ink)}.recall-prompts li{margin:.5rem 0}.demo-point{color:var(--ink);background:color-mix(in srgb,var(--cyan) 10%,transparent);border-left:3px solid var(--cyan);padding:.8rem 1rem;border-radius:8px;margin:.6rem 0}.tech p{margin:.55rem 0;color:var(--muted)}.tech b{color:var(--ink)}.myths{display:flex;flex-direction:column;gap:.5rem}.myth{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface-2)}.myth-q{width:100%;text-align:left;display:flex;align-items:center;gap:.7rem;background:none;border:none;color:var(--ink);font-family:inherit;font-size:.98rem;font-weight:600;padding:.85rem 1rem;cursor:pointer;min-height:44px}.myth-q:hover{color:var(--accent-2)}.myth-x{flex:0 0 auto;width:1.4rem;height:1.4rem;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--missed) 20%,transparent);color:var(--missed);font-weight:700}.myth-a{margin:0;padding:0 1rem 1rem;color:var(--muted);font-size:.95rem}.progress{height:5px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:.4rem 0 .9rem}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--cyan));transition:width .3s var(--ease-out)}.cardmeta{display:flex;justify-content:space-between;align-items:center;margin:0 0 .6rem}.topic-tag{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);border:1px solid color-mix(in srgb,var(--cyan) 45%,transparent);border-radius:999px;padding:.16rem .66rem;background:color-mix(in srgb,var(--cyan) 8%,transparent)}.cardpos{font-size:.82rem;color:var(--muted);font-variant-numeric:tabular-nums}.flashcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lift);padding:1.8rem 1.5rem;min-height:14rem;display:flex;flex-direction:column;justify-content:center;text-align:center}.card-q{font-family:Fraunces,Georgia,serif;font-size:1.3rem;line-height:1.35;margin:0 0 1.2rem;text-wrap:balance}.reveal-btn{align-self:center}.card-a{animation:rise .35s var(--ease-out)}.card-a>p:first-child{font-size:1.06rem;color:var(--accent-2);margin:0 0 1.2rem}.rate-label{font-size:.85rem;color:var(--muted);margin:0 0 .6rem}.rate-row{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap}.rate-row.two{max-width:22rem;margin:0 auto}.rate-btn{flex:1 1 6rem;min-height:46px;font-family:inherit;font-size:.94rem;font-weight:650;border-radius:999px;cursor:pointer;padding:.6rem .9rem;background:var(--surface-2);color:var(--ink);border:1px solid var(--line);transition:transform .13s,border-color .13s,background .13s}.rate-btn:hover{transform:translateY(-1px)}.rate-btn.got{border-color:color-mix(in srgb,var(--got) 60%,transparent);color:var(--got)}.rate-btn.got:hover{background:color-mix(in srgb,var(--got) 16%,transparent)}.rate-btn.almost{border-color:color-mix(in srgb,var(--almost) 60%,transparent);color:var(--almost)}.rate-btn.almost:hover{background:color-mix(in srgb,var(--almost) 16%,transparent)}.rate-btn.missed{border-color:color-mix(in srgb,var(--missed) 60%,transparent);color:var(--missed)}.rate-btn.missed:hover{background:color-mix(in srgb,var(--missed) 16%,transparent)}.summary{text-align:center}.summary .lede{margin-left:auto;margin-right:auto}.tally{display:flex;justify-content:center;gap:1.2rem;margin:1rem 0;flex-wrap:wrap}.tal{font-size:.9rem;color:var(--muted)}.tal b{font-size:1.4rem;font-family:Fraunces,Georgia,serif;display:block}.tal.got b{color:var(--got)}.tal.almost b{color:var(--almost)}.tal.missed b{color:var(--missed)}.sleep-note{background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:12px;padding:.85rem 1rem;font-size:.94rem;color:var(--muted);margin:1rem auto .4rem;max-width:32rem}.dockmap{width:100%;max-width:26rem;height:auto;display:block;margin:1.2rem auto}.dock-line{stroke:var(--line);stroke-width:3;stroke-linecap:round}.stop-dot{fill:var(--surface-2);stroke:var(--line);stroke-width:2;transition:fill .2s,stroke .2s}.stop-num{fill:var(--muted);font-size:12px;font-weight:700;font-family:Instrument Sans,sans-serif}.stop.on .stop-dot{fill:color-mix(in srgb,var(--accent) 30%,var(--surface-2));stroke:var(--accent);filter:drop-shadow(0 0 6px rgba(157,139,255,.7))}.stop.on .stop-num{fill:var(--ink)}.place-card{text-align:center}.place-stop{font-family:Fraunces,Georgia,serif;font-size:1.05rem;color:var(--cyan);margin:0 0 .4rem}.place-item{font-size:1.14rem;margin:.2rem 0 .6rem}.place-item b{color:var(--accent-2)}.foot{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.3rem;font-size:.84rem;color:var(--muted)}.foot-brand{font-size:.76rem}.foot-refs{font-size:.72rem;opacity:.85}.foot-updated{font-size:.7rem;opacity:.6}.langswitch{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.langbtn{background:none;border:none;color:var(--muted);font-family:inherit;font-size:.72rem;font-weight:650;line-height:1;padding:.4rem .55rem;min-height:32px;cursor:pointer;transition:color .15s,background .15s}.langbtn:hover{color:var(--accent-2)}.langbtn.on{color:var(--accent-ink);background:var(--accent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1}.brand-mark{animation:none}}@media(max-width:480px){body{font-size:16px}.app{padding:0 1rem 3rem}.flashcard{padding:1.4rem 1.1rem}.card-q{font-size:1.16rem}}