:root{--ink-900: #07070a;--ink-850: #0b0b10;--ink-800: #101017;--ink-700: #17171f;--ink-600: #212129;--glass: rgba(255, 255, 255, .045);--glass-hi: rgba(255, 255, 255, .075);--glass-lo: rgba(255, 255, 255, .022);--hairline: rgba(255, 255, 255, .085);--hairline-hi: rgba(255, 255, 255, .16);--blur: 20px;--text: #f4f4f6;--text-2: rgba(244, 244, 246, .66);--text-3: rgba(244, 244, 246, .4);--text-4: rgba(244, 244, 246, .24);--live: #8b8b96;--live-soft: rgba(139, 139, 150, .5);--live-glow: rgba(139, 139, 150, .22);--live-ink: #ffffff;--perfect: #7ff2c0;--excellent: #a5d8ff;--great: #d9c9ff;--close: #ffd9a0;--miss: #ff9d9d;--perfect-glow: rgba(127, 242, 192, .3);--excellent-glow: rgba(165, 216, 255, .3);--great-glow: rgba(217, 201, 255, .3);--close-glow: rgba(255, 217, 160, .3);--miss-glow: rgba(255, 157, 157, .3);--gold: #ffd479;--danger: #ff8080;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-num: ui-rounded, "SF Pro Rounded", ui-sans-serif, system-ui, sans-serif;--t-xs: .6875rem;--t-sm: .8125rem;--t-md: .9375rem;--t-lg: 1.0625rem;--t-xl: 1.375rem;--t-2xl: 1.875rem;--t-3xl: 2.5rem;--t-4xl: 3.75rem;--caps: .14em;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 22px;--s-6: 30px;--s-7: 40px;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 30px;--r-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px -6px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 60px -12px rgba(0, 0, 0, .75);--inset-hi: inset 0 1px 0 rgba(255, 255, 255, .09);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-snap: cubic-bezier(.2, .9, .2, 1);--d-fast: .12s;--d-mid: .24s;--d-slow: .42s;--d-reveal: .9s;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--gutter: 18px;--bar-h: 54px}@media(min-height:780px){:root{--gutter: 22px;--s-5: 26px;--s-6: 34px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100%;background:var(--ink-900);color:var(--text);font-family:var(--font);font-size:var(--t-md);line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;overflow:hidden;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:var(--r-sm)}.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}#app{position:fixed;inset:0;isolation:isolate;background:radial-gradient(120% 80% at 50% -10%,var(--live-glow),transparent 60%),radial-gradient(90% 60% at 50% 110%,rgba(255,255,255,.035),transparent 65%),var(--ink-900);transition:background var(--d-slow) var(--ease-out)}#app:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:60;background:radial-gradient(140% 100% at 50% 50%,transparent 55%,rgba(0,0,0,.45) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}#stage{position:absolute;inset:0}.screen{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(var(--safe-t) + var(--s-3)) var(--gutter) calc(var(--safe-b) + var(--s-4));overflow:hidden}.screen[hidden]{display:none}.scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}.bar{flex:none;display:flex;align-items:center;gap:var(--s-3);min-height:var(--bar-h)}.bar__spacer{flex:1}.bar__title{font-size:var(--t-sm);font-weight:600;letter-spacing:var(--caps);text-transform:uppercase;color:var(--text-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:46px;padding:0 var(--s-5);border-radius:var(--r-full);font-size:var(--t-md);font-weight:600;letter-spacing:.01em;color:var(--text);background:var(--glass);box-shadow:var(--inset-hi),var(--shadow-sm);border:1px solid var(--hairline);transition:transform var(--d-fast) var(--ease-snap),background var(--d-fast) linear,opacity var(--d-fast) linear;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}.btn:active{transform:scale(.965);background:var(--glass-hi)}.btn[disabled],.btn[aria-disabled=true]{opacity:.38;pointer-events:none}.btn--primary{color:#08080a;background:var(--text);border-color:transparent;box-shadow:var(--shadow-md)}.btn--primary:active{background:#fff}.btn--live{color:var(--live-ink);background:var(--live);border-color:transparent;box-shadow:0 10px 30px -6px var(--live-soft)}.btn--wide{width:100%}.btn--lg{min-height:56px;font-size:var(--t-lg)}.icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-full);color:var(--text-2);background:var(--glass-lo);border:1px solid transparent;transition:transform var(--d-fast) var(--ease-snap),color var(--d-fast) linear,background var(--d-fast) linear}.link{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s-3);border-radius:var(--r-full);font-size:var(--t-xs);font-weight:700;letter-spacing:var(--caps);text-transform:uppercase;color:var(--text-2);transition:color var(--d-fast) linear,background var(--d-fast) linear}.link:active{color:var(--text);background:var(--glass-lo)}.icon:active{transform:scale(.9);color:var(--text);background:var(--glass-hi)}.icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.panel{border-radius:var(--r-lg);background:var(--glass-lo);border:1px solid var(--hairline);box-shadow:var(--inset-hi);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}.panel--pad{padding:var(--s-5)}.caps{font-size:var(--t-xs);font-weight:700;letter-spacing:var(--caps);text-transform:uppercase;color:var(--text-3)}.rule{height:1px;background:var(--hairline);border:0}.sheet{position:absolute;inset:0;z-index:70;display:flex;flex-direction:column;justify-content:flex-end}.sheet[hidden]{display:none}.sheet__scrim{position:absolute;inset:0;background:#040407b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity var(--d-mid) var(--ease-out)}.sheet--in .sheet__scrim{opacity:1}.sheet__body{position:relative;max-height:88%;overflow-y:auto;overscroll-behavior:contain;padding:var(--s-6) var(--gutter) calc(var(--safe-b) + var(--s-6));border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--ink-850);border-top:1px solid var(--hairline-hi);box-shadow:var(--shadow-lg);transform:translateY(102%);transition:transform var(--d-slow) var(--ease-out)}.sheet--in .sheet__body{transform:none}.sheet__grip{width:40px;height:4px;margin:calc(var(--s-6) * -1 + var(--s-3)) auto var(--s-5);border-radius:var(--r-full);background:var(--hairline-hi)}.toasts{position:absolute;left:0;right:0;bottom:calc(var(--safe-b) + 96px);z-index:80;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);pointer-events:none}.toast{max-width:min(88%,420px);padding:var(--s-2) var(--s-4);border-radius:var(--r-full);font-size:var(--t-sm);font-weight:600;color:var(--text);background:#14141aeb;border:1px solid var(--hairline);box-shadow:var(--shadow-md);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));animation:toast-in var(--d-mid) var(--ease-out)}.toast--out{animation:toast-out var(--d-mid) var(--ease-in-out) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.94)}}@keyframes toast-out{to{opacity:0;transform:translateY(-6px) scale(.96)}}#confetti{position:absolute;inset:0;z-index:65;pointer-events:none}#boot{position:absolute;inset:0;z-index:90;display:grid;place-items:center;background:var(--ink-900);transition:opacity var(--d-slow) var(--ease-out)}.boot__mark{font-size:var(--t-xl);font-weight:800;letter-spacing:.3em;text-indent:.3em;color:var(--text-3);animation:boot-pulse 1.4s var(--ease-in-out) infinite}@keyframes boot-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){:root{--d-fast: 1ms;--d-mid: 1ms;--d-slow: 1ms}*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.puzzle-tag{display:flex;flex-direction:column;gap:2px}.puzzle-tag__n{font-size:var(--t-sm);font-weight:700;letter-spacing:var(--caps);text-transform:uppercase;color:var(--text)}.puzzle-tag__spec{font-size:var(--t-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.streak{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:var(--r-full);font-size:var(--t-sm);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);background:var(--glass);border:1px solid var(--hairline)}.streak[data-hot=true]{color:#17110a;background:linear-gradient(180deg,#ffdd97,#f5b843);border-color:transparent;box-shadow:0 6px 18px -6px #f5b8438c}.streak__flame{font-size:.8em;line-height:1}.target{flex:none;position:relative;margin:var(--s-3) 0 var(--s-4);padding:0;border-radius:var(--r-lg);overflow:hidden;background:var(--target, #888);border:1px solid var(--hairline);box-shadow:var(--shadow-md),var(--inset-hi);transition:box-shadow var(--d-mid) var(--ease-out)}.target__face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:108px;padding:var(--s-5);text-align:center;color:var(--on-target, #fff);text-shadow:0 1px 12px rgba(0,0,0,.28)}.target__label{font-size:var(--t-xs);font-weight:700;letter-spacing:var(--caps);text-transform:uppercase;opacity:.78}.target__name{font-size:var(--t-xl);font-weight:650;letter-spacing:-.01em;line-height:1.15;text-wrap:balance}.target__meter{flex:none;display:flex;align-items:center;gap:var(--s-3);padding:0 var(--s-4) var(--s-4);color:var(--on-target, #fff)}.target__track{flex:1;height:3px;border-radius:var(--r-full);background:color-mix(in srgb,currentColor 26%,transparent);overflow:hidden}.target__fill{height:100%;width:0%;border-radius:var(--r-full);background:currentColor;transition:width var(--d-slow) var(--ease-out)}.target__read{font-size:var(--t-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:.82}.target[data-idle=true] .target__meter{opacity:.55}.bench{flex:1;position:relative;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;gap:10px;align-content:start;padding:2px 0 var(--s-3);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.bench::-webkit-scrollbar{display:none}.ripple{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:var(--r-full);pointer-events:none;animation:ripple-out .68s var(--ease-out) forwards}@keyframes ripple-out{0%{transform:scale(1);opacity:.75}to{transform:scale(14);opacity:0}}@media(min-width:420px){.bench{grid-template-columns:repeat(5,1fr)}}.slide{position:relative;aspect-ratio:1;border-radius:var(--r-md);background:var(--swatch);border:1px solid var(--hairline);box-shadow:var(--inset-hi);transition:transform var(--d-mid) var(--ease-spring),box-shadow var(--d-mid) var(--ease-out),opacity var(--d-fast) linear;will-change:transform}.slide:active{transform:scale(.955)}.slide:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0f}.slide__name{position:absolute;left:0;right:0;bottom:5px;padding:0 5px;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center;line-height:1.1;color:var(--on-swatch, #fff);opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.slide[data-mine=true] .slide__name:before{content:"◆ ";opacity:.9}.slide[data-selected=true]{transform:translateY(-3px) scale(1.04);box-shadow:0 0 0 2px var(--ink-900),0 0 0 4px var(--text),0 14px 30px -10px #000c;z-index:2}.slide[data-answer=true]{box-shadow:0 0 0 2px var(--ink-900),0 0 0 4px var(--live),0 14px 30px -10px var(--live-soft);z-index:1}.slide[data-selected=true][data-answer=true]{box-shadow:0 0 0 2px var(--ink-900),0 0 0 4px var(--text),0 16px 34px -10px var(--live-soft)}.slide[data-veneer=true]{opacity:.42}.slide--new{animation:slide-born var(--d-slow) var(--ease-spring)}@keyframes slide-born{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.08)}}.slide--pulse{animation:slide-pulse .52s var(--ease-out)}@keyframes slide-pulse{0%{box-shadow:0 0 0 0 var(--text)}to{box-shadow:0 0 0 14px transparent}}.tray{flex:none;display:flex;align-items:center;gap:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--hairline)}.pips{display:flex;gap:5px}.pip{width:9px;height:9px;border-radius:var(--r-full);background:var(--live);box-shadow:0 0 10px -2px var(--live-soft);transition:background var(--d-mid) linear,transform var(--d-mid) var(--ease-spring),box-shadow var(--d-mid) linear}.pip[data-spent=true]{background:var(--text-4);box-shadow:none;transform:scale(.7)}.pip--just[data-spent=true]{animation:pip-spend .42s var(--ease-out)}@keyframes pip-spend{0%{transform:scale(1.6);background:var(--text)}to{transform:scale(.7);background:var(--text-4)}}.tray__spacer{flex:1}.trail{flex:none;display:flex;align-items:center;gap:6px;height:18px;margin-bottom:2px;overflow:hidden}.trail__dot{flex:none;width:12px;height:12px;border-radius:var(--r-full);background:var(--swatch);box-shadow:inset 0 0 0 1px #ffffff1f;animation:trail-in var(--d-mid) var(--ease-spring)}@keyframes trail-in{0%{transform:scale(0) translateY(4px)}}.trail__cap{font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-4)}.hint{position:absolute;left:0;right:0;bottom:calc(var(--safe-b) + 128px);z-index:40;display:flex;justify-content:center;pointer-events:none}.hint__bubble{padding:9px 16px;border-radius:var(--r-full);font-size:var(--t-sm);font-weight:600;color:var(--text);background:#121218db;border:1px solid var(--hairline);box-shadow:var(--shadow-md);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));animation:toast-in var(--d-mid) var(--ease-out)}.hint--out{opacity:0;transition:opacity var(--d-mid) var(--ease-out)}.home{justify-content:space-between}.brand{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding-top:var(--s-5)}.brand__mark{position:relative;font-size:var(--t-3xl);font-weight:800;letter-spacing:.26em;text-indent:.26em;line-height:1;background:linear-gradient(100deg,#ff8a6b,#ffd479,#9df2b8,#7fd8ff,#b79dff,#ff9ad5,#ff8a6b);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brand-drift 22s linear infinite}@keyframes brand-drift{to{background-position:260% 0}}.brand__tag{font-size:var(--t-xs);font-weight:600;letter-spacing:var(--caps);text-transform:uppercase;color:var(--text-3)}.today{position:relative;display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-xl);overflow:hidden;background:var(--glass-lo);border:1px solid var(--hairline);box-shadow:var(--inset-hi),var(--shadow-md)}.today:before{content:"";position:absolute;inset:-40% -20% auto;height:130%;background:radial-gradient(60% 70% at 22% 20%,var(--peek-glow, transparent),transparent 70%);pointer-events:none}.today__head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3)}.today__n{font-size:var(--t-2xl);font-weight:800;letter-spacing:-.02em;line-height:1.05}.today__date{font-size:var(--t-sm);color:var(--text-3)}.today__badge{flex:none;padding:5px 11px;border-radius:var(--r-full);font-size:var(--t-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--glass-hi);border:1px solid var(--hairline)}.today__blurb{position:relative;font-size:var(--t-md);color:var(--text-2)}.today__specs{position:relative;display:flex;gap:var(--s-5)}.spec{display:flex;flex-direction:column;gap:1px}.spec__n{font-size:var(--t-xl);font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.spec__k{font-size:var(--t-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.peek{display:flex;gap:6px;height:28px}.peek__chip{flex:1;border-radius:6px;background:var(--swatch);box-shadow:inset 0 0 0 1px #ffffff14}.strip{display:flex;gap:7px}.strip__day{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.strip__tile{width:100%;aspect-ratio:1;border-radius:9px;background:var(--swatch, var(--glass-lo));border:1px solid var(--hairline);display:grid;place-items:center;font-size:var(--t-sm);font-weight:800;color:var(--on-swatch, var(--text-4))}.strip__tile[data-state=empty]{background:transparent;border-style:dashed;border-color:var(--hairline);color:var(--text-4)}.strip__tile[data-state=today]{border-color:var(--text);border-style:solid;box-shadow:0 0 0 1px var(--text)}.strip__k{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-4)}.home__foot{display:flex;flex-direction:column;gap:var(--s-4);padding-bottom:var(--s-2)}.home__stats{display:flex;gap:var(--s-3)}.stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s-3) var(--s-2);border-radius:var(--r-md);background:var(--glass-lo);border:1px solid var(--hairline)}.stat__n{font-size:var(--t-xl);font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.stat__k{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}.stat[data-accent=gold] .stat__n{color:var(--gold)}.reveal{gap:var(--s-4)}.verdict{display:flex;flex-direction:column;align-items:center;gap:3px;padding-top:var(--s-3);text-align:center}.verdict__symbol{font-size:var(--t-2xl);line-height:1;color:var(--grade);text-shadow:0 0 26px var(--grade-glow);animation:verdict-pop var(--d-reveal) var(--ease-spring)}@keyframes verdict-pop{0%{transform:scale(.2) rotate(-14deg);opacity:0}}.verdict__word{font-size:var(--t-3xl);font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--grade)}.verdict__blurb{font-size:var(--t-md);color:var(--text-2)}.compare{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--hairline);box-shadow:var(--shadow-md)}.compare__half{position:relative;min-height:168px;background:var(--swatch);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--s-3);gap:1px;color:var(--on-swatch, #fff)}.compare__half--bad{animation:half-in var(--d-reveal) var(--ease-out) both}.compare__half--good{animation:half-in var(--d-reveal) var(--ease-out) .12s both}@keyframes half-in{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.compare__k{font-size:var(--t-xs);font-weight:800;letter-spacing:var(--caps);text-transform:uppercase;opacity:.8;text-shadow:0 1px 10px rgba(0,0,0,.35)}.compare__name{font-size:var(--t-sm);font-weight:650;text-shadow:0 1px 10px rgba(0,0,0,.35)}.rows{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--glass-lo);border:1px solid var(--hairline)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) var(--s-4);font-size:var(--t-md)}.row+.row{border-top:1px solid var(--hairline)}.row__k{color:var(--text-2)}.row__v{font-weight:700;font-variant-numeric:tabular-nums}.row--hero .row__v{font-size:var(--t-lg)}.reveal__foot{display:flex;gap:var(--s-3);margin-top:auto;padding-top:var(--s-3)}.next{display:flex;align-items:center;justify-content:center;gap:var(--s-2);font-size:var(--t-sm);color:var(--text-3);font-variant-numeric:tabular-nums}.next__t{font-weight:700;color:var(--text-2)}.dist{display:flex;flex-direction:column;gap:9px}.dist__row{display:grid;grid-template-columns:84px 1fr 34px;align-items:center;gap:var(--s-3)}.dist__k{font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.dist__track{height:9px;border-radius:var(--r-full);background:var(--glass-hi);overflow:hidden}.dist__fill{height:100%;border-radius:var(--r-full);background:var(--bar);transform-origin:left;animation:bar-grow var(--d-slow) var(--ease-out) both}@keyframes bar-grow{0%{transform:scaleX(0)}}.dist__n{font-size:var(--t-sm);font-weight:700;font-variant-numeric:tabular-nums;text-align:right;color:var(--text-2)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.grid-30{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.cal-day{aspect-ratio:1;border-radius:5px;background:var(--glass-lo);border:1px solid var(--hairline)}.cal-day[data-state=empty]{background:transparent;border-style:dashed}.cal-day[data-state=miss]{border-color:var(--miss);box-shadow:inset 0 0 0 1px var(--miss)}.prose{display:flex;flex-direction:column;gap:var(--s-4);font-size:var(--t-md);color:var(--text-2);line-height:1.6}.prose h2{font-size:var(--t-xs);font-weight:800;letter-spacing:var(--caps);text-transform:uppercase;color:var(--text-3);margin-bottom:calc(var(--s-4) * -1 + 2px)}.prose strong{color:var(--text);font-weight:650}.prose ul{display:flex;flex-direction:column;gap:var(--s-2);padding-left:1.1em}.prose li::marker{color:var(--text-4)}.legend{display:flex;flex-direction:column;gap:1px}.legend__row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--glass-lo)}.legend__sym{width:22px;font-size:var(--t-md);color:var(--grade);text-align:center}.legend__k{flex:1;font-size:var(--t-sm);font-weight:650;color:var(--text)}.legend__d{font-size:var(--t-xs);color:var(--text-3)}.archive__item{display:flex;align-items:center;gap:var(--s-4);width:100%;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--glass-lo);border:1px solid var(--hairline);text-align:left;transition:transform var(--d-fast) var(--ease-snap),background var(--d-fast) linear}.archive__item:active{transform:scale(.985);background:var(--glass-hi)}.archive__swatch{flex:none;width:42px;height:42px;border-radius:var(--r-sm);background:var(--swatch);box-shadow:inset 0 0 0 1px #ffffff1a}.archive__meta{flex:1;min-width:0;display:flex;flex-direction:column}.archive__n{font-size:var(--t-md);font-weight:650}.archive__sub{font-size:var(--t-sm);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive__grade{flex:none;font-size:var(--t-sm);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--grade, var(--text-4))}.stack{display:flex;flex-direction:column;gap:var(--s-2)}.section{display:flex;flex-direction:column;gap:var(--s-3)}.section__head{display:flex;align-items:center;justify-content:space-between}.onboard{display:flex;flex-direction:column;gap:var(--s-4)}.onboard__art{display:flex;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-5) 0}.onboard__swatch{width:58px;height:58px;border-radius:var(--r-md);background:var(--swatch);box-shadow:inset 0 0 0 1px #ffffff1a,var(--shadow-sm)}.onboard__plus{font-size:var(--t-xl);color:var(--text-3)}.onboard__step{display:flex;gap:var(--s-3);align-items:flex-start}.onboard__n{flex:none;width:22px;height:22px;border-radius:var(--r-full);display:grid;place-items:center;font-size:var(--t-xs);font-weight:800;color:var(--text);background:var(--glass-hi);border:1px solid var(--hairline)}