: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}.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}.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}.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}.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}}