.quest{box-sizing:border-box;color:#f3f1ea;min-height:100dvh;font-family:Figtree, var(--font-ui);background:#0d0e13;flex-direction:column;padding:52px 20px 30px;display:flex;position:relative}.quest-top{justify-content:space-between;align-items:center;display:flex}.quest-close{color:#a3a7b6;background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 0 0 -8px;padding:0;display:flex}.quest-eye{letter-spacing:.14em;text-transform:uppercase;color:#c8f135;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.quest-pad{width:36px}.quest-copy{flex-direction:column;gap:12px;margin-top:28px;display:flex}.quest-xp{font-family:Unbounded, var(--font-display);color:#c8f135;font-size:44px;font-weight:800;line-height:1}.quest-title{font-family:Unbounded, var(--font-display);color:#f3f1ea;margin:0;font-size:28px;font-weight:800;line-height:1.15}.quest-why,.quest-picks{color:#c9ccd6;margin:0;font-size:15px;line-height:1.45}.quest-picks{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.quest-pick{color:#f3f1ea;background:#171922;border:1px solid #3a3f52;border-radius:16px;height:48px;margin:0;font-size:15px;font-weight:600}.quest-ring{align-self:center;width:220px;height:220px;margin-top:32px;position:relative}.quest-clock{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.quest-time{font-family:Unbounded, var(--font-display);font-variant-numeric:tabular-nums;font-size:44px;font-weight:700}.quest-hint{color:#a3a7b6;font-size:13px;font-weight:600}.quest-toggle{color:#f3f1ea;background:0 0;border:1px solid #3a3f52;border-radius:24px;align-self:center;align-items:center;gap:8px;height:48px;margin-top:20px;padding:0 22px;font-size:15px;font-weight:700;display:flex}.quest-actions{flex-direction:column;gap:4px;margin-top:auto;display:flex}.quest-done{color:#0d0e13;height:60px;font-family:Unbounded, var(--font-display);background:#c8f135;border:0;border-radius:20px;margin:0;font-size:17px;font-weight:800}.quest-done:disabled{opacity:.35}.quest-another{color:#c9ccd6;background:0 0;border:0;height:48px;margin:0;font-size:15px;font-weight:600}.quest-intro{z-index:2;background:#0d0e13b8;flex-direction:column;justify-content:flex-end;padding:24px 20px 30px;display:flex;position:absolute;inset:0}.quest-intro h2{font-family:Unbounded, var(--font-display);margin:0;font-size:22px;font-weight:800}.quest-intro p{color:#c9ccd6;margin:8px 0 16px;font-size:15px}.quest-intro button{color:#0d0e13;height:52px;font-family:Unbounded, var(--font-display);background:#c8f135;border:0;border-radius:16px;margin:0;font-weight:800}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07080c;--bg-elev:#12141b;--bg-dock:#0c0e14;--fg:#f4f1ea;--fg-dim:#9a9488;--line:#2a2d36;--gold:#f5b942;--gold-deep:#c48a14;--mint:#3ee0b2;--ember:#ff6b3d;--ghost:color-mix(in srgb, var(--gold) 35%, transparent);--rank-bronze:#c47a4a;--rank-silver:#c9d0d8;--rank-gold:#f5b942;--rank-platinum:#d4f0ff;--rank-diamond:#7ad7ff;--rank-master:#b388ff;--rank-legend:#ff5c8a;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-ui:ui-sans-serif, system-ui, sans-serif;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--motion-fast:.15s;--motion-base:.22s;--motion-slow:.3s;--ease-out:cubic-bezier(.2, .8, .2, 1)}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s;--motion-slow:0s}}html,body{background:var(--bg);min-height:100%;color:var(--fg);margin:0}body{font-family:var(--font-ui);padding:0}main{min-height:100dvh;padding:env(safe-area-inset-top) 1.5rem calc(4rem + env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-end;display:flex}h1{font-family:var(--font-display);letter-spacing:-.04em;color:var(--gold);margin:0;font-size:2.75rem}p{margin:.75rem 0 0;font-size:1.25rem}form{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}label{flex-direction:column;gap:.4rem;font-size:.95rem;display:flex}input{font:inherit;color:var(--fg);background:var(--bg-elev);border:1px solid var(--line);border-radius:.75rem;padding:.85rem 1rem}button{font:inherit;color:var(--bg);background:var(--gold);border:0;border-radius:.75rem;margin-top:1.25rem;padding:.9rem 1.1rem;font-weight:600}button:disabled{opacity:.6}[role=alert]{color:#f0a0a0;font-size:1rem}.app-shell{min-height:100dvh;position:relative}.app-shell .sign-in{top:calc(env(safe-area-inset-top) + .4rem);margin:0;padding:.45rem .85rem;font-size:.9rem;position:absolute;right:1rem}:is(.app-shell:has(.quest) .sign-in,.app-shell:has(.quest) .sign-out){display:none}.app-shell .sign-out,.app-shell .sound{top:calc(env(safe-area-inset-top) + .4rem);color:var(--fg-dim);background:0 0;margin:0;padding:.35rem .6rem;font-size:.85rem;font-weight:500;position:absolute}.app-shell .sign-out{right:1rem}.today .sound{left:1rem}.offer{padding:calc(env(safe-area-inset-top) + 2.5rem) 1.25rem 0;gap:.5rem;display:flex}.offer button{flex:1;margin:0}.today{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 2.6rem) 1.25rem calc(env(safe-area-inset-bottom) + .5rem);box-sizing:border-box;flex-direction:column;display:flex}.hero{grid-template-columns:1fr auto;align-items:end;gap:.75rem 1rem;display:grid}.hero-copy h1{font-size:2rem}.tagline{color:var(--fg-dim);margin:.25rem 0 0;font-size:.95rem}.rank{font-family:var(--font-display);margin:.85rem 0 0;font-size:1.35rem}.rank[data-rank=Bronze]{color:var(--rank-bronze)}.rank[data-rank=Silver]{color:var(--rank-silver)}.rank[data-rank=Gold]{color:var(--rank-gold)}.rank[data-rank=Platinum]{color:var(--rank-platinum)}.rank[data-rank=Diamond]{color:var(--rank-diamond)}.rank[data-rank=Master]{color:var(--rank-master)}.rank[data-rank=Legend]{color:var(--rank-legend)}.progress,.streak,.next{color:var(--fg-dim);margin:.35rem 0 0;font-size:.95rem}.streak.risk{color:var(--ember)}.ring{width:7.5rem;height:7.5rem}.ring-track,.ring-fill{fill:none;stroke-width:8px}.ring-track{stroke:var(--line)}.ring-fill{stroke:var(--gold);stroke-linecap:round;transition:stroke-dashoffset var(--motion-base) var(--ease-out)}.ring-xp,.ring-unit{fill:var(--fg);text-anchor:middle}.ring-xp{font-family:var(--font-display);font-size:1.6rem}.ring-unit{fill:var(--fg-dim);font-size:.7rem}.bar{background:var(--line);border-radius:999px;height:.45rem;margin-top:1rem;overflow:hidden}.bar-fill{background:var(--gold);transform-origin:0;height:100%;transition:width var(--motion-base) var(--ease-out)}.next{color:var(--fg);margin-top:1rem}.list{flex:1;margin:1rem 0 0;padding:0;list-style:none;overflow:auto}.row{background:var(--bg-elev);border-radius:1rem;grid-template-columns:2rem 1fr 4.25rem;align-items:center;gap:.75rem;margin-bottom:.6rem;padding:.7rem .8rem;display:grid}.row[data-failed="1"]{box-shadow:inset 0 0 0 1px var(--ember);grid-template-columns:2rem 1fr 4.25rem auto}.retry{margin:0;padding:.35rem .55rem;font-size:.8rem}.sync-failed{color:var(--ember);margin:0 0 .4rem;font-size:.95rem}.check{border:2px solid var(--gold);width:2rem;height:2rem;color:var(--bg);background:0 0;border-radius:.55rem;margin:0;padding:0;font-size:1.1rem;line-height:1}.check[aria-checked=true]{background:var(--gold)}.row[data-pop="1"] .check{animation:check-pop var(--motion-fast) var(--ease-out)}.title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row .xp{text-align:center;border-radius:.55rem;margin:0;padding:.4rem .35rem}.what-now{color:#0d0e13;background:#c8f135;width:100%;margin:.5rem 0 0;font-weight:800}.capture{background:var(--bg-dock);grid-template-columns:1fr auto;gap:.6rem;margin:.5rem 0 0;padding-top:.5rem;display:grid}.capture button{margin:0;padding:.85rem 1rem}.token{margin-top:1rem}.token-open{color:var(--fg-dim);background:0 0;margin:0;padding:.45rem .85rem;font-size:.9rem;font-weight:500}.token p{font-size:1rem}.token button:not(.token-open){margin-top:.75rem}.token code{background:var(--bg-elev);border:1px solid var(--line);word-break:break-all;border-radius:.75rem;margin-top:.6rem;padding:.75rem .85rem;font-size:.85rem;display:block;overflow-x:auto}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.xp-fly{z-index:20;color:var(--gold);font-family:var(--font-display);pointer-events:none;animation:xp-fly var(--motion-slow) var(--ease-out) forwards;font-size:1.15rem;position:fixed;transform:translate(-50%,-50%)}@keyframes check-pop{0%{opacity:.4;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes xp-fly{to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.45);opacity:0}}