:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-0:#fffbf3;--bg-1:#fff4e0;--bg-2:#fff;--card:#fff;--card-border:#1a163014;--card-hover:#fff;--well:#f6f3fb;--fg-0:#1a1630;--fg-1:#4a4567;--fg-2:#716c8a;--sun:#ffb300;--sun-ink:#b26a00;--coral:#ff5c7a;--coral-ink:#d42a4b;--orange:#ff7a1a;--pink:#e0479e;--violet:#7c4dff;--blue:#2f80ed;--teal:#00b8a9;--teal-ink:#0a8f84;--lime:#5dbb2d;--lime-ink:#3d8a17;--red:#e5484d;--neon-pink:var(--pink);--neon-cyan:var(--teal-ink);--neon-lime:var(--lime-ink);--neon-amber:var(--sun-ink);--neon-violet:var(--violet);--neon-red:var(--red);--accent-message:var(--pink);--accent-transport:var(--teal-ink);--accent-keys:var(--lime-ink);--accent-algorithm:var(--violet);--accent-output:var(--sun-ink);--tier-common:#9d9d9d;--tier-common-ink:#5f5f66;--tier-uncommon:#22c55e;--tier-uncommon-ink:#15803d;--tier-rare:#0070dd;--tier-rare-ink:#0a5cb8;--tier-epic:#a335ee;--tier-epic-ink:#7e22ce;--tier-legendary:#ff8000;--tier-legendary-ink:#c2410c;--verdict-broken:var(--tier-common);--verdict-weak:var(--tier-uncommon);--verdict-ok:var(--tier-rare);--verdict-strong:var(--tier-epic);--verdict-quantum:var(--tier-legendary);--rainbow:linear-gradient(90deg, #ff5c7a 0%, #ffb300 22%, #5dbb2d 44%, #00b8a9 62%, #2f80ed 80%, #7c4dff 100%);--sunshine:radial-gradient(900px 420px at 15% -20%, #ffb30047, transparent 60%), radial-gradient(700px 360px at 90% -10%, #ff5c7a2e, transparent 60%), radial-gradient(800px 400px at 50% 110%, #7c4dff1f, transparent 60%);--font-display:"Nunito", "Avenir Next Rounded", "SF Pro Rounded", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--font-body:"Inter", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.75rem;--fs-2xl:clamp(2rem, 4vw, 3rem);--r-sm:10px;--r-md:16px;--r-lg:20px;--r-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--ease-pop:cubic-bezier(.2, 1.4, .4, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--t-fast:.14s;--t-med:.26s;--t-slow:.52s;--shadow-card:0 1px 2px #1a16300f, 0 10px 30px #ff963c1a, 0 2px 8px #1a16300a;--shadow-pop:0 2px 6px #1a163014, 0 18px 50px #1a163024;--glow-color:var(--teal);--glow:0 0 0 1px color-mix(in srgb, var(--glow-color) 45%, transparent), 0 8px 28px color-mix(in srgb, var(--glow-color) 22%, transparent);--pressed-ring:2px solid var(--fg-0);--pressed-glow:0 0 0 4px color-mix(in srgb, var(--item-color,var(--violet)) 22%, transparent);--max-w:1440px;--gutter:clamp(16px, 3vw, 40px)}@media (prefers-reduced-motion:reduce){:root{--t-fast:0s;--t-med:0s;--t-slow:0s}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);font-size:var(--fs-md);color:var(--fg-0);background:var(--sunshine), linear-gradient(180deg, var(--bg-0), var(--bg-1) 40%, var(--bg-0));-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--blue)}:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:var(--r-sm)}code,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{z-index:1;max-width:var(--max-w);padding:var(--sp-5) var(--gutter) var(--sp-7);gap:var(--sp-5);margin:0 auto;display:grid;position:relative}.app__header{gap:var(--sp-4);display:grid}.app__title-row{align-items:center;gap:var(--sp-3) var(--sp-5);grid-template-columns:auto 1fr auto;display:grid}@media (max-width:1023px){.app__title-row{grid-template-columns:1fr}}.app__title{font-size:var(--fs-2xl);background:var(--rainbow);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:1.1}.app__tagline{color:var(--fg-1);font-size:var(--fs-md);max-width:60ch;margin:0}.app__tagline strong{color:var(--fg-0)}.actions{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.btn{border-radius:var(--r-pill);min-height:44px;padding:0 var(--sp-5);border:1px solid var(--card-border);background:var(--card);color:var(--fg-0);box-shadow:var(--shadow-card);transition:transform var(--t-fast) var(--ease-pop), box-shadow var(--t-med) var(--ease-out);font-weight:700}.btn:hover{box-shadow:var(--shadow-pop);transform:translateY(-1px)scale(1.02)}.btn--primary{color:#fff;background:linear-gradient(90deg, var(--violet), var(--pink));box-shadow:0 8px 24px color-mix(in srgb, var(--violet) 35%, transparent);border:none}.btn--ghost:hover{border-color:color-mix(in srgb, var(--violet) 50%, transparent)}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-card);transition:box-shadow var(--t-med) var(--ease-out), border-color var(--t-med) var(--ease-out);position:relative}.card:hover{box-shadow:var(--shadow-pop)}.timebar{gap:var(--sp-4);grid-template-columns:1fr;align-items:start;display:grid}.timebar__slider{padding:var(--sp-4) var(--sp-5);--glow-color:var(--violet);overflow:visible}.timebar__slider:before{content:"";background:var(--rainbow);border-radius:var(--r-lg) var(--r-lg) 0 0;height:6px;position:absolute;inset:0 0 auto}.timebar .ts__era{display:none}.timebar .ts{grid-template-areas:"readout main"}@media (max-width:719px){.timebar .ts{grid-template-columns:1fr;grid-template-areas:"readout""main"}}@media (min-width:1024px){.timebar .era-card>div{column-gap:var(--sp-6);grid-template-columns:minmax(220px,300px) 1fr;grid-template-areas:"kicker para""title para""tagline para""sources para";align-content:start;display:grid}.timebar .era-card{padding-top:var(--sp-4);padding-bottom:var(--sp-4)}.timebar .era-kicker{grid-area:kicker}.timebar .era-title{grid-area:title}.timebar .era-tagline{grid-area:tagline}.timebar .era-sources{grid-area:sources;align-self:end}.timebar .era-paragraph{grid-area:para;max-width:none;margin:0}}.bench{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;display:grid}.bench__main{gap:var(--sp-3);min-width:0;display:grid}.bench__side{top:var(--sp-4);gap:var(--sp-4);min-width:0;display:grid;position:sticky}@media (max-width:1199px){.bench{grid-template-columns:1fr}.bench__main,.bench__side{display:contents}.bench>.bench__main>.pipeline{order:0}.bench [data-testid=story-card]{order:1}.bench>.bench__main>.legend,.bench>.bench__main>.toasts{order:2}.bench [data-testid=sealed-message]{order:3}.bench [data-testid=ladder]{order:4}.bench [data-testid=byte-ruler]{order:5}}.pipeline{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;min-width:0;display:grid}.pipeline__station{min-width:0}.connector{width:36px;color:var(--fg-2);align-self:center;place-items:center;display:grid}.connector__svg{width:36px;height:36px;overflow:visible}@media (max-width:1359px) and (min-width:720px){.pipeline{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr))}.connector{display:none}}@media (max-width:719px){.pipeline{grid-template-columns:1fr}.connector{width:auto;height:32px}.connector__svg{transform:rotate(90deg)}}.station{gap:var(--sp-3);--glow-color:var(--station-accent,var(--violet));border-top:4px solid var(--station-accent,var(--violet));grid-template-rows:auto auto auto 1fr;height:100%;min-height:220px;display:grid}.station__head{align-items:center;gap:var(--sp-3);display:flex}.station__badge{width:36px;height:36px;font-family:var(--font-display);color:#fff;background:var(--station-accent);box-shadow:0 6px 16px color-mix(in srgb, var(--station-accent) 40%, transparent);border-radius:50%;place-items:center;font-weight:800;display:grid}.station__title{font-size:var(--fs-lg);font-weight:800}.station__hint{color:var(--fg-2);font-size:var(--fs-sm);margin:0}.station__body{gap:var(--sp-2);align-content:start;display:grid}.station__search{width:100%;min-width:0;font:inherit;color:var(--fg-0);background:var(--well);border:1px solid var(--card-border);border-radius:var(--r-pill);min-height:40px;padding:8px 14px}.station__retired{gap:var(--sp-2);display:grid}.station__retired-toggle{color:var(--fg-2);font-size:var(--fs-sm);background:0 0;border:none;justify-self:start;min-height:32px;padding:6px 0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.station__retired-toggle:hover{color:var(--fg-0)}.station--frozen .station__body,.station--frozen .message{opacity:.6}.station--frozen .chip:not(.chip--on){pointer-events:none}.pipeline__frozen{font-size:var(--fs-xs);color:var(--sun-ink);background:color-mix(in srgb, var(--sun) 14%, white);border:1px solid color-mix(in srgb, var(--sun) 50%, transparent);border-radius:var(--r-pill);margin-bottom:var(--sp-2);grid-column:1/-1;justify-self:center;padding:2px 12px;font-weight:700}.station__frozen{top:var(--sp-3);right:var(--sp-4);font-size:var(--fs-xs);color:var(--sun-ink);border:1px solid color-mix(in srgb, var(--sun) 60%, transparent);background:color-mix(in srgb, var(--sun) 14%, white);border-radius:var(--r-pill);padding:2px 10px;font-weight:700;display:none;position:absolute}.chip-row{gap:var(--sp-2);flex-wrap:wrap;display:flex}.chip{--tier:var(--tier-rare);--tier-ink:var(--tier-rare-ink);border:1.5px solid color-mix(in srgb, var(--tier) 55%, transparent);border-radius:var(--r-pill);min-height:44px;font-size:var(--fs-sm);color:var(--fg-0);transition:background var(--t-med) var(--ease-out), border-color var(--t-med) var(--ease-out), box-shadow var(--t-med) var(--ease-out), color var(--t-med) var(--ease-out);background:#fff;align-items:center;gap:6px;padding:6px 14px 6px 10px;font-weight:600;display:inline-flex;position:relative;box-shadow:0 1px 2px #1a16300d}.chip[data-tier]:before{content:"";background:var(--tier);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--tier) 18%, transparent);transition:background var(--t-med) var(--ease-out);border-radius:50%;flex:none}.chip:hover{border-color:var(--tier);box-shadow:0 6px 18px color-mix(in srgb, var(--tier) 25%, transparent)}.chip--on{--item-color:var(--tier);background:color-mix(in srgb, var(--tier) 10%, white);border:var(--pressed-ring);box-shadow:var(--pressed-glow)}.chip--tier-common{--tier:var(--tier-common);--tier-ink:var(--tier-common-ink)}.chip--tier-uncommon{--tier:var(--tier-uncommon);--tier-ink:var(--tier-uncommon-ink)}.chip--tier-rare{--tier:var(--tier-rare);--tier-ink:var(--tier-rare-ink)}.chip--tier-epic{--tier:var(--tier-epic);--tier-ink:var(--tier-epic-ink)}.chip--tier-legendary{--tier:var(--tier-legendary);--tier-ink:var(--tier-legendary-ink)}.chip__glyph{font-size:.9em;line-height:1}.chip__badge{font-size:var(--fs-xs);border-radius:var(--r-pill);background:color-mix(in srgb, var(--tier) 14%, white);color:var(--tier-ink);white-space:nowrap;padding:2px 8px;font-weight:700}.chip--not-yet{opacity:.6;border-style:dotted;border-color:var(--tier-common);cursor:pointer;background:var(--well)}.chip--not-yet[data-tier]:before{background:var(--tier-common);box-shadow:none}.chip--retiring{background-image:repeating-linear-gradient(135deg, transparent 0 10px, color-mix(in srgb, var(--sun) 16%, transparent) 10px 14px)}.chip--retiring .chip__badge{background:color-mix(in srgb, var(--sun) 20%, white);color:var(--sun-ink)}.chip--retiring .chip__glyph{color:var(--sun-ink)}.chip--cracked{border-color:color-mix(in srgb, var(--tier-common) 70%, transparent);background:var(--well)}.chip--cracked .chip__name{text-decoration:line-through;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);color:var(--fg-1)}.chip--cracked .chip__glyph{color:var(--red)}.chip--cracked .chip__badge{background:color-mix(in srgb, var(--red) 12%, white);color:var(--coral-ink)}.chip--quantum-vulnerable{background-image:linear-gradient(135deg, color-mix(in srgb, var(--violet) 10%, white), color-mix(in srgb, var(--tier-common) 14%, white))}.chip--quantum-vulnerable .chip__glyph{color:var(--violet)}.chip--quantum-vulnerable .chip__badge{background:color-mix(in srgb, var(--violet) 14%, white);color:var(--violet)}.chip--retired{border-color:color-mix(in srgb, var(--tier-common) 70%, transparent);background:var(--well)}.chip--retired .chip__name{color:var(--fg-1);text-decoration:line-through;-webkit-text-decoration-color:var(--tier-common);text-decoration-color:var(--tier-common)}.chip--retired .chip__badge,.chip--niche .chip__badge{background:color-mix(in srgb, var(--tier-common) 18%, white);color:var(--tier-common-ink)}.legend__item--retired{color:var(--tier-common-ink)}.chip--preset{--tier:var(--fg-2);--tier-ink:var(--fg-1);border-color:var(--card-border)}.chip--preset.chip--on{--item-color:var(--fg-2);background:var(--well);border:var(--pressed-ring);box-shadow:var(--pressed-glow)}.chip__badge--demand-uncommon{background:color-mix(in srgb, var(--tier-uncommon) 16%, white);color:var(--tier-uncommon-ink)}.chip__badge--demand-rare{background:color-mix(in srgb, var(--tier-rare) 14%, white);color:var(--tier-rare-ink)}.chip__badge--demand-epic{background:color-mix(in srgb, var(--tier-epic) 14%, white);color:var(--tier-epic-ink)}.chip--more{--tier:var(--fg-2);border-style:dashed;border-color:var(--card-border);color:var(--fg-1);background:var(--well)}.message{gap:var(--sp-2);display:grid}.message__input{font:inherit;font-family:var(--font-display);font-size:var(--fs-lg);color:var(--fg-0);background:var(--well);border:1px solid var(--card-border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);resize:vertical;min-height:96px;line-height:1.35}.message__input:focus{border-color:var(--station-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--station-accent) 22%, transparent);outline:none}.message__meta{justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--fg-2);flex-wrap:wrap;display:flex}.legend{gap:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);color:var(--fg-2);padding:0 var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.legend__note{font-size:var(--fs-xs);color:var(--fg-2);flex-basis:100%;order:10;margin:0}.legend__group{gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;align-items:center;display:inline-flex}.legend__sep{opacity:.4}.legend__tier{align-items:center;gap:6px;font-weight:600;display:inline-flex}.legend__tier:before{content:"";background:var(--tier);border-radius:50%;width:10px;height:10px}.legend__tier--common{--tier:var(--tier-common);color:var(--tier-common-ink)}.legend__tier--uncommon{--tier:var(--tier-uncommon);color:var(--tier-uncommon-ink)}.legend__tier--rare{--tier:var(--tier-rare);color:var(--tier-rare-ink)}.legend__tier--epic{--tier:var(--tier-epic);color:var(--tier-epic-ink)}.legend__tier--legendary{--tier:var(--tier-legendary);color:var(--tier-legendary-ink)}.legend__item--retiring{color:var(--sun-ink)}.legend__item--cracked{color:var(--coral-ink)}.legend__item--quantum-vulnerable{color:var(--violet)}.legend__item--sound{color:var(--fg-1)}.toasts{pointer-events:none;justify-items:center;min-height:0;display:grid}.toasts:empty{display:none}.toast{background:var(--fg-0);color:#fff;border-radius:var(--r-md);max-width:min(92vw,640px);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);text-align:center;box-shadow:var(--shadow-pop)}.output__label{color:var(--fg-2);font-size:var(--fs-sm)}.sealed{gap:var(--sp-3);--glow-color:var(--teal);perspective:900px;border-top:4px solid var(--teal);display:grid}.sealed--open{--glow-color:var(--coral);border-top-color:var(--coral);box-shadow:0 10px 30px color-mix(in srgb, var(--coral) 25%, transparent)}.sealed__head{justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.sealed__stamp{font-size:var(--fs-xs);color:var(--sun-ink);background:color-mix(in srgb, var(--sun) 18%, white);border:1px solid color-mix(in srgb, var(--sun) 50%, transparent);border-radius:var(--r-pill);padding:3px 10px;font-weight:700}.sealed__flip{min-height:92px;transform-style:preserve-3d}.sealed__face{gap:var(--sp-2);border-radius:var(--r-md);background:var(--well);border:1px solid var(--card-border);padding:var(--sp-3) var(--sp-4);transform-origin:top;backface-visibility:hidden;display:grid}.sealed__face--plain{background:color-mix(in srgb, var(--coral) 10%, white);border-color:color-mix(in srgb, var(--coral) 45%, transparent)}.sealed__tag{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;border-radius:var(--r-sm);background:color-mix(in srgb, var(--teal) 18%, white);color:var(--teal-ink);justify-self:start;padding:2px 8px;font-weight:700}.sealed__tag--open{background:color-mix(in srgb, var(--coral) 18%, white);color:var(--coral-ink)}.sealed__hex{font-size:var(--fs-xs);color:var(--fg-1);overflow-wrap:anywhere;max-height:72px;margin:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.sealed__plain{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--fg-0);margin:0;font-weight:700}.sealed__why{font-size:var(--fs-sm);color:var(--fg-1);margin:0}.sealed__resend{border-radius:var(--r-pill);min-height:44px;padding:0 var(--sp-5);color:#fff;background:linear-gradient(90deg, var(--teal), var(--blue));box-shadow:0 8px 24px color-mix(in srgb, var(--blue) 30%, transparent);transition:transform var(--t-fast) var(--ease-pop);border:none;font-weight:700}.sealed__resend:hover{transform:translateY(-1px)scale(1.02)}.app__footer{color:var(--fg-2);font-size:var(--fs-xs);text-align:center}@keyframes surface-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--violet) 45%, transparent)}70%{box-shadow:0 0 0 14px color-mix(in srgb, var(--violet) 0%, transparent)}to{box-shadow:var(--shadow-card)}}.is-pulsing{animation:1.2s ease-out 2 surface-pulse}@media (prefers-reduced-motion:reduce){.is-pulsing{outline:2px solid var(--violet);outline-offset:4px;animation:none}}.verdict-strip{display:none}@media (max-width:719px){.verdict-strip{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-md);box-shadow:var(--shadow-card);padding:var(--sp-3) var(--sp-4);order:3;gap:6px;display:grid}.bench [data-testid=sealed-message]{order:2}.bench>.bench__main>.legend,.bench>.bench__main>.toasts{order:4}}.verdict-strip__head{justify-content:space-between;align-items:center;gap:var(--sp-2);font-family:var(--font-display);display:flex}.verdict-strip__pill{font-size:var(--fs-xs);border:1px solid var(--card-border);border-radius:8px;padding:2px 10px;font-weight:800}.verdict-strip__pill--cracked{color:var(--tier-common-ink);background:color-mix(in srgb, var(--tier-common) 14%, white)}.verdict-strip__pill--crackable{color:var(--tier-uncommon-ink);background:color-mix(in srgb, var(--tier-uncommon) 14%, white)}.verdict-strip__pill--safe-for-now{color:var(--tier-rare-ink);background:color-mix(in srgb, var(--tier-rare) 14%, white)}.verdict-strip__pill--future-proof{color:var(--tier-epic-ink);background:color-mix(in srgb, var(--tier-epic) 14%, white)}.verdict-strip__weak{font-size:var(--fs-sm);color:var(--fg-1)}.verdict-strip__jump{min-height:36px;color:var(--blue);background:0 0;border:none;justify-self:start;padding:0;font-weight:700;text-decoration:underline}.ruler{gap:var(--sp-3);padding:var(--sp-4);background:var(--card);color:var(--fg-0);display:grid}.ruler__head{justify-content:space-between;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;display:flex}.ruler__title{font-size:var(--fs-lg);color:var(--fg-0)}.ruler__legend{color:var(--fg-2);font-size:var(--fs-xs);font-family:var(--font-mono)}.ruler__group{gap:var(--sp-2);display:grid}.ruler__group-title{font-size:var(--fs-sm);color:var(--station);margin:0;font-weight:700}.ruler__list{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.ruler-sub{justify-content:space-between;gap:var(--sp-3);margin:4px 0 0 var(--sp-5);padding:2px var(--sp-3);border-left:3px solid var(--card-border);color:var(--fg-2);font-size:var(--fs-xs);display:flex}.ruler-bar{align-items:center;gap:var(--sp-3);width:100%;min-height:48px;padding:var(--sp-2) var(--sp-3);text-align:left;color:var(--fg-0);background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-md);transition:box-shadow var(--t-med) var(--ease-out), border-color var(--t-med) var(--ease-out), background var(--t-med) var(--ease-out);grid-template-columns:minmax(130px,170px) minmax(0,1fr) minmax(170px,230px);display:grid}button.ruler-bar{cursor:pointer}button.ruler-bar:hover{background:var(--well);border-color:color-mix(in srgb, var(--fg-2) 40%, transparent)}.ruler-bar.is-info{cursor:default}.ruler__group--lock{--station:var(--accent-algorithm,var(--violet))}.ruler__group--handshake{--station:var(--accent-transport,var(--teal-ink,var(--teal)))}.ruler-bar.is-selected{border:2px solid var(--station);padding:calc(var(--sp-2) - 1px) calc(var(--sp-3) - 1px);background:color-mix(in srgb, var(--station) 8%, white);box-shadow:0 0 0 3px color-mix(in srgb, var(--station) 22%, transparent)}button.ruler-bar.is-selected:hover{background:color-mix(in srgb, var(--station) 10%, white);border-color:var(--station)}button.ruler-bar:not(.is-selected):hover{box-shadow:var(--shadow-pop);transform:translateY(-1px)}.ruler-bar__sel{align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--station);grid-column:1/-1;font-weight:700;display:flex}.ruler-bar__sel-dot{background:var(--station);border-radius:50%;flex:none;width:10px;height:10px}.ruler-bar__sel-badge{border-radius:var(--r-pill);background:color-mix(in srgb, var(--station) 14%, white);border:1px solid color-mix(in srgb, var(--station) 40%, transparent);padding:1px 8px}.ruler-bar__sel-station{color:var(--fg-1);font-weight:600;display:none}.ruler-bar__label{gap:2px;display:grid}.ruler-bar__name{font-family:var(--font-display);color:var(--fg-0);font-weight:700}.ruler-bar__bytes{color:var(--fg-2);font-size:var(--fs-xs)}.ruler-bar__track{border-radius:var(--r-pill);background:var(--well);height:18px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #1a163014}.ruler-bar__fill{border-radius:var(--r-pill);background:linear-gradient(180deg, #fff6 0%, #fff0 50%, #1a16301a 100%), linear-gradient(90deg, color-mix(in srgb, var(--bar-color) 82%, black), var(--bar-color));min-width:8px;height:100%;display:block;box-shadow:inset 0 1px #ffffff8c}.ruler-bar__strike{background:var(--red);transform-origin:0;height:3px;animation:ruler-strike var(--t-slow) var(--ease-out) both;border-radius:2px;margin-top:-1.5px;position:absolute;top:50%;left:0;right:0}.ruler-bar.is-shattered .ruler-bar__fill{background:repeating-linear-gradient(115deg, var(--bar-color) 0 4px, color-mix(in srgb, var(--bar-color) 35%, white) 4px 7px);animation:ruler-shake .42s var(--ease-out) 1}.ruler-bar__meta{justify-items:start;gap:4px;display:grid}.ruler-bar__bits{font-size:var(--fs-sm);color:var(--fg-0);font-weight:700}.ruler-bar__bits--shor{color:var(--coral-ink)}.ruler-bar__bits--grover{color:var(--sun-ink)}.ruler-bar__badge{font-size:var(--fs-xs);border-radius:var(--r-pill);white-space:nowrap;padding:2px 8px;font-weight:600}.ruler-bar__badge--shor{color:var(--coral-ink);background:color-mix(in srgb, var(--coral) 14%, white)}.ruler-bar__badge--grover{color:var(--sun-ink);background:color-mix(in srgb, var(--sun) 18%, white)}.ruler-bar__badge--none{color:var(--teal-ink);background:color-mix(in srgb, var(--teal) 14%, white)}.ruler__teach{margin:var(--sp-2) 0 0;color:var(--fg-1);font-size:var(--fs-sm)}.ruler__twist{color:var(--lime-ink);font-size:var(--fs-sm);margin:0;font-weight:600}@keyframes ruler-strike{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ruler-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)skew(-6deg)}40%{transform:translate(5px)skew(5deg)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@media (max-width:719px){.ruler-bar__sel-station{display:inline}.ruler-bar{gap:var(--sp-2);grid-template-columns:1fr;min-height:44px}.ruler-bar__label{grid-auto-flow:column;justify-content:space-between;align-items:baseline}.ruler-bar__meta{grid-auto-flow:column;justify-content:space-between;align-items:center;width:100%}}@media (prefers-reduced-motion:reduce){.ruler-bar__strike,.ruler-bar.is-shattered .ruler-bar__fill{animation:none}}.story-card,.era-card{min-width:0;overflow:hidden}.tc{--tc-tier:var(--tier-common);--tc-ink:var(--tier-common-ink);min-width:0;padding:var(--sp-4);border:1px solid var(--tc-tier);border-radius:var(--r-md);background:var(--card);color:var(--fg-1);font-family:var(--font-body);font-size:var(--fs-sm);box-shadow:var(--shadow-card);line-height:1.5}.tc-head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.tc-name{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--tc-ink);overflow-wrap:anywhere;margin:0;font-weight:800;line-height:1.2}.tc-tier{padding:1px var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-xs);color:var(--tc-ink);background:color-mix(in srgb, var(--tc-tier) 14%, white);border:1px solid color-mix(in srgb, var(--tc-tier) 55%, transparent);flex:none;font-weight:700}.tc-meta{margin:2px 0 var(--sp-3);font-size:var(--fs-xs);color:var(--fg-2)}.tc-stats{padding:var(--sp-2) 0;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);font-variant-numeric:tabular-nums;margin:0}.tc-stat{justify-content:space-between;gap:var(--sp-3);padding:1px 0;display:flex}.tc-stat dt{color:var(--fg-2)}.tc-stat dd{color:var(--fg-0);text-align:right;align-items:center;gap:6px;margin:0;font-weight:600;display:inline-flex}.tc-dot{border-radius:50%;flex:none;width:8px;height:8px}.tc-req,.tc-then{margin:var(--sp-2) 0 0;font-size:var(--fs-xs);color:var(--fg-2)}.tc-req--unmet{color:var(--red);font-weight:600}.tc-flavour{margin:var(--sp-3) 0 0;color:var(--sun-ink);font-style:italic}.tc-story{margin:var(--sp-3) 0 0;color:var(--fg-1);line-height:1.6}.tc-foot{align-items:flex-start;gap:var(--sp-1);margin-top:var(--sp-3);flex-direction:column;display:flex}.tc-cracked{max-width:100%;font-size:var(--fs-xs);color:var(--red);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.tc-source{font-size:var(--fs-xs);color:var(--fg-2);text-decoration:none}.tc-source:hover{color:var(--tc-ink);text-decoration:underline}.tc--compact{max-width:360px;padding:var(--sp-3);box-shadow:none}.tc--compact .tc-name{font-size:var(--fs-md)}.story-empty{align-items:center;gap:var(--sp-3);color:var(--fg-1);font-size:var(--fs-md);display:flex}.story-empty p{margin:0}.story-empty-icon{font-size:var(--fs-xl)}.tt-pop{z-index:1000;pointer-events:auto;border-radius:var(--r-md);width:max-content;max-width:min(360px,100vw - 16px);box-shadow:var(--shadow-pop);position:fixed}.tt-info{width:44px;height:44px;margin-left:calc(var(--sp-1) * -1);cursor:pointer;vertical-align:middle;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.tt-info span{border:1px solid var(--card-border);background:var(--well);width:22px;height:22px;color:var(--fg-1);font-family:var(--font-display);font-size:var(--fs-xs);border-radius:50%;place-items:center;font-style:italic;font-weight:800;display:grid}.tt-info:hover span,.tt-info:focus-visible span{background:var(--card);color:var(--fg-0);box-shadow:var(--shadow-card)}.tt-backdrop{z-index:1100;background:#1a163066;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.tt-sheet{width:min(100%,520px);max-height:85vh;padding:var(--sp-4);padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom,0px));border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--bg-0);box-shadow:var(--shadow-pop);position:relative;overflow-y:auto}.tt-sheet .tc{box-shadow:none}.tt-close{top:var(--sp-2);right:var(--sp-2);z-index:1;width:44px;height:44px;color:var(--fg-1);cursor:pointer;background:0 0;border:0;font-size:1.5rem;line-height:1;position:absolute}.tt-sheet .tc-head{padding-right:36px}.era-card{padding-top:calc(var(--sp-4) + 4px);background:var(--card);color:var(--fg-1);box-shadow:var(--shadow-card);position:relative}.era-card:before{content:"";background:var(--rainbow);height:4px;position:absolute;inset:0 0 auto}.era-kicker{margin:0 0 var(--sp-1);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2)}.era-title{margin:0 0 var(--sp-1);font-family:var(--font-display);font-size:var(--fs-xl);color:var(--fg-0);overflow-wrap:anywhere;line-height:1.25}.era-tagline{margin:0 0 var(--sp-3);font-style:italic;font-size:var(--fs-sm);color:var(--sun-ink)}.era-paragraph{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--fg-1);margin:0;line-height:1.6}.era-sources{margin:var(--sp-3) 0 0;font-size:var(--fs-xs);color:var(--fg-2);overflow-wrap:anywhere}.era-sources a{color:var(--fg-2);text-underline-offset:3px;text-decoration:underline}.era-sources a:hover{color:var(--fg-0)}@media (max-width:480px){.era-card{padding-left:var(--sp-4);padding-right:var(--sp-4)}.era-title{font-size:var(--fs-lg)}}.tt-anchor{display:contents}.story-card.card{box-shadow:none;background:0 0;border:0;padding:0}.tc-jump{flex-wrap:wrap;gap:8px;margin:0 0 6px;display:flex}.tc-jump-btn{border:1px solid color-mix(in srgb, var(--violet) 45%, transparent);background:color-mix(in srgb, var(--violet) 8%, white);min-height:32px;color:var(--violet);border-radius:999px;padding:0 10px;font-size:12px;font-weight:700}.tc-jump-btn--cracked{border-color:color-mix(in srgb, var(--red) 45%, transparent);background:color-mix(in srgb, var(--red) 8%, white);color:var(--coral-ink)}.tc-jump-btn:hover{filter:brightness(.96)}.chip--tier-legendary{box-shadow:0 0 0 3px color-mix(in srgb, var(--tier-legendary) 22%, transparent), 0 6px 18px color-mix(in srgb, var(--tier-legendary) 35%, transparent)}.chip--tier-legendary.chip--on{box-shadow:0 0 0 4px color-mix(in srgb, var(--tier-legendary) 30%, transparent), 0 8px 24px color-mix(in srgb, var(--tier-legendary) 45%, transparent)}.tc-more{border:1px solid var(--card-border);background:var(--well);min-height:32px;color:var(--fg-1);border-radius:999px;padding:0 10px;font-size:12px;font-weight:700}.tc--compact .tc-meta{font-size:11px}@media (pointer:coarse),(max-width:719px){.tt-anchor{white-space:nowrap;flex-wrap:nowrap;align-items:center;max-width:100%;display:inline-flex;position:relative}.tt-anchor>.chip{padding-right:36px}.tt-anchor>.tt-info{margin:0;position:absolute;top:50%;right:6px;transform:translateY(-50%)}}.tc--compact .tc-name{color:var(--tc-ink)}.hn-card{border:1px solid var(--card-border);border-radius:var(--r-md);max-width:320px;font-size:var(--fs-sm);color:var(--fg-1);background:#fff;gap:4px;padding:10px 12px;display:grid}.hn-card strong{color:var(--fg-0)}.hn-card small{color:var(--fg-2)}.ladder{--verdict:var(--verdict-strong);padding:var(--sp-5) var(--sp-4);background:var(--card);color:var(--fg-0);box-shadow:var(--shadow-card);border:1px solid var(--card-border);border-radius:var(--r-lg);gap:var(--sp-4);min-width:0;display:grid;position:relative;overflow:hidden}.ladder>:not(.ladder__bg){z-index:1;position:relative}.ladder__bg{pointer-events:none;opacity:.05;color:var(--fg-0);position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}.ladder__stream{word-break:break-all;font-size:.7rem;line-height:1.6;animation:60s linear infinite ladder-stream}.ladder__stream p{margin:0 0 1.6em}@keyframes ladder-stream{to{transform:translateY(-50%)}}.ladder__eyebrow{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);margin:0}.ladder__headline{font-size:var(--fs-xl);margin:var(--sp-1) 0 var(--sp-3);overflow-wrap:anywhere;line-height:1.15}.ladder__tags{gap:var(--sp-2);flex-wrap:wrap;display:flex}.ladder__pill,.ladder__tag{border-radius:var(--r-pill);font-size:var(--fs-sm);padding:4px 12px;font-weight:600}.ladder__pill{align-items:center;gap:var(--sp-2);color:var(--verdict-ink);background:color-mix(in srgb, var(--verdict) 14%, white);border:1px solid var(--verdict);display:inline-flex}.ladder__pill-tier{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;padding-left:var(--sp-2);border-left:1px solid color-mix(in srgb, var(--verdict) 55%, transparent);opacity:.9;font-weight:700}.ladder__tag{color:var(--coral-ink);background:color-mix(in srgb, var(--coral) 10%, white);border:1px solid color-mix(in srgb, var(--coral) 55%, transparent)}.ladder__tag--safe{color:var(--teal-ink);background:color-mix(in srgb, var(--teal) 10%, white);border-color:color-mix(in srgb, var(--teal) 55%, transparent)}.ladder__sub{margin:var(--sp-3) 0 0;font-size:var(--fs-sm);color:var(--fg-1)}.ladder__plot-wrap{padding:14px 0}.ladder__plot{height:440px;position:relative}.ladder__rung{border-top:1px dashed color-mix(in srgb, var(--rung) 45%, #d9d5e4);height:0;position:absolute;left:0;right:0}.ladder__rung-label{width:40%;font-size:var(--fs-xs);color:var(--fg-0);background:color-mix(in srgb, var(--card) 85%, transparent);border-radius:6px;align-items:center;gap:6px;padding-right:4px;line-height:1.2;display:flex;position:absolute;bottom:-1px;left:0;transform:translateY(50%)}.ladder__rung-label small{color:var(--fg-2);display:block}.ladder__rung-icon{text-align:center;flex:none;width:1.4rem;font-size:1.15rem}.ladder__lanes{grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0 0 0 42%}.ladder__lane{position:relative}.ladder__lane:before{content:"";background:#e4e0ee;border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.ladder__trail{background:linear-gradient(0deg, transparent, var(--lane));opacity:.7;border-radius:3px;width:3px;margin-left:-1.5px;position:absolute;bottom:0;left:50%}.ladder__bracket{border:2px solid var(--lane);opacity:.9;border-right-width:0;border-radius:8px 0 0 8px;width:18px;min-height:6px;margin-left:-9px;position:absolute;left:50%;transform:translate(-9px)}.ladder__marker{background:var(--card);border:2px solid var(--lane);width:34px;height:34px;box-shadow:0 2px 8px color-mix(in srgb, var(--lane) 35%, transparent), 0 1px 2px #1a16301f;border-radius:50%;place-items:center;margin:0 0 -17px -17px;font-size:1.1rem;display:grid;position:absolute;left:50%;transform:translate(10px)}.ladder__marker:not(.ladder__marker--ghost):after{content:"";background:var(--who);border:2px solid var(--card);border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;right:-3px}.ladder__marker--ghost{box-shadow:none;color:var(--fg-2);opacity:.7;border-style:dashed}.ladder__lane--ghost:before{background:repeating-linear-gradient(#cfcadb 0 4px,#0000 4px 10px)}.ladder__crack{pointer-events:none;fill:none;width:58%;height:100%;stroke:var(--red);stroke-width:1.6px;vector-effect:non-scaling-stroke;position:absolute;top:0;right:0}.ladder__crack path{stroke-dasharray:260;stroke-dashoffset:260px;vector-effect:non-scaling-stroke;animation:ladder-crack var(--t-slow) var(--ease-out) forwards}@keyframes ladder-crack{to{stroke-dashoffset:0}}.ladder--shatter .ladder__lanes{animation:.6s ease-in-out ladder-shake}@keyframes ladder-shake{0%,to{transform:translate(0)}15%{transform:translate(-4px,2px)rotate(-.4deg)}35%{transform:translate(5px,-2px)rotate(.5deg)}55%{transform:translate(-3px,1px)}75%{transform:translate(2px,-1px)}}.ladder--shatter .ladder__lane:last-child:before{background:repeating-linear-gradient(180deg, var(--red) 0 14px, transparent 14px 20px)}.ladder__shatter-note{font-size:var(--fs-sm);color:var(--coral-ink);margin:0}.ladder__legend{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.ladder__who{gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);border-left:3px solid var(--who);background:var(--well);align-items:flex-start;display:flex}.ladder__who-dot{font-size:1.2rem;line-height:1.4}.ladder__who-text strong:before{content:"";background:var(--who);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.ladder__who-text{min-width:0;font-size:var(--fs-sm);display:grid}.ladder__who-text small{color:var(--fg-2)}.ladder__who-band{color:var(--fg-1);overflow-wrap:anywhere}.ladder__handshake,.ladder__odds,.ladder__assume,.ladder__stamp,.ladder__guess p{margin:0}.ladder__handshake{font-size:var(--fs-sm);color:var(--fg-1)}.ladder__handshake strong{color:var(--fg-0)}.ladder__guess{gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-md);border:1px solid var(--card-border);background:var(--well);display:grid}.ladder__guess-num{font-size:var(--fs-lg);color:var(--teal-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;display:block}.ladder__guess-cap,.ladder__guess-line{font-size:var(--fs-sm);color:var(--fg-1)}.ladder__bar{border-radius:var(--r-pill);background:#e4e0ee;height:10px;overflow:hidden}.ladder__bar-fill{background:linear-gradient(90deg, var(--tier-common), var(--tier-uncommon), var(--tier-rare), var(--tier-epic), var(--tier-legendary));border-radius:var(--r-pill);background-size:100% 100%;min-width:0;height:100%}.ladder__bar-fill--full{background:linear-gradient(90deg, var(--tier-common), var(--tier-uncommon), var(--tier-rare), var(--tier-epic), var(--tier-legendary))}.ladder__odds{font-size:var(--fs-md);color:var(--fg-0)}.ladder__reasons{gap:var(--sp-2);font-size:var(--fs-sm);color:var(--fg-1);margin:0;padding-left:1.2em;display:grid}.ladder__source{min-height:44px;color:var(--tier-rare-ink);align-items:center;padding:0 6px;display:inline-flex}.ladder__assume{font-size:var(--fs-xs);color:var(--fg-2)}.ladder__stamp{font-size:var(--fs-xs);color:var(--fg-2);border-top:1px solid var(--card-border);padding-top:var(--sp-3)}@media (max-width:420px){.ladder{padding:var(--sp-4) var(--sp-3)}.ladder__plot{height:400px}}@media (prefers-reduced-motion:reduce){.ladder__stream,.ladder--shatter .ladder__lanes{animation:none}.ladder__crack path{stroke-dashoffset:0;animation:none}}.ladder__via{color:var(--coral-ink);font-style:italic;font-weight:600}.ladder__benchmark{font-size:var(--fs-xs);color:var(--fg-2);margin:4px 0 0}.ladder__weakest{font-size:var(--fs-sm);color:var(--fg-1);margin:2px 0 0}.ladder__pill{border-radius:8px!important}.ladder__headline-sub{font-size:var(--fs-xs);color:var(--fg-2);margin:0 0 6px}.ladder__ghost-caption{color:var(--fg-2);white-space:nowrap;font-size:10px;position:absolute;bottom:calc(100% + 24px);left:50%;transform:translate(-50%)}.ladder__lane--ghost{position:relative}.ladder__marker--ghost{opacity:.8;background:repeating-linear-gradient(135deg, #fff 0 4px, var(--well) 4px 8px)!important;border-style:dashed!important}.ladder__guess-note{color:var(--fg-2);margin:2px 0 0;font-size:10px}.ladder__sources{color:var(--fg-2);margin:6px 0 0;font-size:10px;line-height:1.5}.ladder__sources a{color:var(--blue)}.ladder__ghost-caption--bottom{top:calc(100% + 4px);bottom:auto}.ts{--ts-accent:var(--violet);align-items:center;gap:var(--sp-2) var(--sp-5);grid-template-columns:minmax(11rem,auto) 1fr;grid-template-areas:"readout main""era main";display:grid;position:relative}.ts--projected{--ts-accent:var(--sun-ink)}.ts__readout{grid-area:readout;justify-items:start;gap:6px;display:grid}.ts__year{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ts-accent);white-space:nowrap;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1}.ts__year[data-long=true]{font-size:clamp(2rem,4.6vw,3rem)}.ts__stop-label{color:var(--fg-1);font-size:var(--fs-sm);max-width:16rem}.ts__stone{color:var(--red)}.ts__stamp{font-size:var(--fs-xs);color:var(--fg-0);background:color-mix(in srgb, var(--sun) 35%, white);border:1px solid color-mix(in srgb, var(--sun) 70%, transparent);border-radius:999px;padding:3px 10px;font-weight:700}.ts__era{grid-area:era}.ts__era-name{font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);color:var(--fg-0)}.ts__main{grid-area:main;min-width:0;padding:30px 18px 0}.ts__track{touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;height:118px;position:relative}.ts__track:has(.ts__input:focus-visible){outline:2px solid var(--violet);outline-offset:6px;border-radius:12px}.ts__eras{height:26px;position:absolute;top:-6px;left:0;right:0}.ts__era-band{--band:var(--fg-2);letter-spacing:.01em;color:var(--fg-1);white-space:nowrap;background:color-mix(in srgb, var(--band) 16%, white);border-left:1px solid color-mix(in srgb, var(--band) 35%, white);transition:background var(--t-fast), color var(--t-fast), box-shadow var(--t-fast);justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.ts__era-band[data-era=pencils]{--band:var(--sun);border-left:0;border-radius:8px 0 0 8px}.ts__era-band[data-era=mainframes]{--band:var(--coral)}.ts__era-band[data-era=public-key]{--band:var(--teal)}.ts__era-band[data-era=online]{--band:var(--blue)}.ts__era-band[data-era=countdown]{--band:var(--violet)}.ts__era-band[data-era=after-qday]{--band:#8a84a8;border-radius:0 8px 8px 0}.ts__era-band.is-current{color:var(--fg-0);background:color-mix(in srgb, var(--band) 38%, white);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--band) 85%, var(--fg-0));z-index:1}.ts__bar{background:var(--rainbow);height:14px;box-shadow:0 4px 14px color-mix(in srgb, var(--violet) 22%, transparent), 0 2px 6px color-mix(in srgb, var(--coral) 18%, transparent);border-radius:999px;position:absolute;top:46px;left:0;right:0}.ts__fill{pointer-events:none;border-radius:999px;position:absolute;inset:0 auto 0 0}.ts__projected{background:repeating-linear-gradient(135deg,#1a163014 0 5px,#ffffff8c 5px 10px);border-radius:0 999px 999px 0;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;overflow:hidden;box-shadow:inset 0 0 0 1px #1a163014}.ts__projected span{letter-spacing:.08em;text-transform:uppercase;color:var(--sun-ink);white-space:nowrap;font-size:10px;font-weight:700;position:absolute;top:20px}.ts__qday{background:color-mix(in srgb, var(--violet) 22%, transparent);border:1px solid color-mix(in srgb, var(--violet) 70%, transparent);border-radius:8px;position:absolute;top:-8px;bottom:-8px}.ts__qday span{color:var(--violet);white-space:nowrap;pointer-events:none;margin-bottom:1px;font-size:10px;font-weight:800;line-height:1.1;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.ts__ticks{pointer-events:none;height:14px;position:absolute;top:46px;left:0;right:0}.ts__tick{width:0;height:14px;position:absolute;top:0}.ts__mark{background:var(--fg-2);opacity:.85;width:4px;height:4px;transition:transform var(--t-fast) var(--ease-pop), opacity var(--t-fast);border-radius:50%;font-style:normal;display:block;position:absolute;top:100%;left:0;transform:translate(-50%,4px)}.ts__tick--eol .ts__mark{opacity:.95;width:auto;height:auto;color:var(--red);background:0 0;border-radius:0;font-size:12px;line-height:1;transform:translate(-50%,2px)}.ts__tick--policy .ts__mark{background:var(--sun-ink);border-radius:1px;width:7px;height:7px;transform:translate(-50%,3px)rotate(45deg)}.ts__tick--today .ts__mark{background:var(--fg-0);opacity:1;border-radius:2px;width:4px;height:26px;transform:translate(-50%,-6px);box-shadow:0 0 0 2px #fff}.ts__tick--end .ts__mark{border-radius:1px;width:3px;height:10px;transform:translate(-50%,2px)}.ts__tick.is-hover .ts__mark,.ts__tick.is-active .ts__mark{opacity:1}.ts__tick--introduced.is-hover .ts__mark,.ts__tick--introduced.is-active .ts__mark{background:var(--ts-accent);transform:translate(-50%,4px)scale(2)}.ts__tick-label{font-size:var(--fs-xs);color:var(--fg-1);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:22px;position:absolute;top:100%;left:0;transform:translate(-50%)}.ts__tick--today .ts__tick-label{color:var(--fg-0);font-weight:800}.ts__thumb{border:3px solid var(--violet);width:32px;height:32px;box-shadow:var(--shadow-pop);pointer-events:none;transition:transform var(--t-fast) var(--ease-pop), box-shadow var(--t-fast);background:#fff;border-radius:50%;margin:-16px 0 0 -16px;position:absolute;top:53px}.ts__track.is-dragging .ts__thumb{transform:scale(1.18)}.ts__tip{z-index:5;pointer-events:none;min-width:11rem;max-width:min(18rem,78vw);font-size:var(--fs-xs);color:var(--fg-1);border-radius:var(--r-md);border:1px solid var(--card-border);box-shadow:var(--shadow-pop);background:#fff;gap:2px;padding:8px 12px;line-height:1.35;display:grid;position:absolute;top:76px}.ts__tip strong{color:var(--fg-0);font-size:var(--fs-sm)}.ts__tip--mid{transform:translate(-50%)}.ts__tip--start{transform:translate(-16px)}.ts__tip--end{transform:translate(calc(16px - 100%))}.ts__input{opacity:0;pointer-events:none;width:100%;height:44px;margin:0;position:absolute;top:36px;left:0}@media (max-width:719px){.ts{gap:var(--sp-3);grid-template-columns:1fr auto;grid-template-areas:"readout era""main main"}.ts__era{text-align:right;max-width:9rem}.ts__stop-label{max-width:none}.ts__main{padding:34px 18px 0}.ts__track{height:112px}.ts__era-band{font-size:10px}.ts__tick:not(.is-labelled) .ts__tick-label{display:none}}@media (prefers-reduced-motion:reduce){.ts__thumb,.ts__mark,.ts__era-band{transition:none}}@media (max-width:719px){.ts__qday span{left:auto;right:0;transform:none}.ts__ticks>.ts__tick:not(.ts__tick--today):not(:first-child):not(:last-child) .ts__tick-label{display:none}.ts__tick--today .ts__tick-label{margin-left:-4px;transform:translate(-100%)}}.ts__ticks>.ts__tick:first-child .ts__tick-label{left:0;transform:translate(0)}.ts__ticks>.ts__tick:last-child .ts__tick-label{left:auto;right:0;transform:translate(0)}.ts__tick.is-lifespan .ts__mark{opacity:1;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--violet) 70%, transparent));transform:translate(-50%,2px)scale(1.9)}.ts__tick.is-lifespan .ts__tick-label{color:var(--violet);box-shadow:0 0 0 1px color-mix(in srgb, var(--violet) 40%, transparent), 0 4px 12px color-mix(in srgb, var(--violet) 25%, transparent);z-index:2;background:#fff;border-radius:6px;padding:0 4px;font-weight:800;display:block!important}.ts__era-band{overflow:hidden}.ts__era-text{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 6px;display:block;overflow:hidden}.ts__era-band.is-current{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--violet) 70%, transparent)}.ts__era-inline{color:var(--fg-1)}.ts-callout{z-index:6;border:1px solid var(--card-border);max-width:min(20rem,100%);box-shadow:var(--shadow-pop);font-size:var(--fs-xs);color:var(--fg-0);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#fff;border-radius:10px;padding:4px 10px;font-weight:700;position:absolute;overflow:hidden}.ts-callout:after{content:"";left:var(--pointer-x,50%);border:1px solid var(--card-border);background:#fff;width:10px;height:10px;position:absolute;transform:translate(-50%)rotate(45deg)}.ts-callout--down:after{border-top:none;border-left:none;bottom:-6px}.ts-callout--up:after{border-bottom:none;border-right:none;top:-6px}.ts-callout--era{color:var(--violet);border-color:color-mix(in srgb, var(--violet) 45%, transparent)}.ts-callout--qday{color:var(--violet);padding:2px 8px;font-size:10px}.ts-callout--tip{white-space:normal;text-overflow:clip;color:var(--fg-1);max-width:min(22rem,100%);padding:6px 10px;font-weight:500;line-height:1.35;overflow:visible}.ts-callout--tip strong{color:var(--fg-0);font-weight:700}.ts__track,.ts__bar{overflow:visible}.ts__qday span{display:none}.ts-callout--qday{max-width:100%}@media (min-width:720px){.ts__tick--today .ts__tick-label{transform:translate(-80%)}}.sparkle-layer{pointer-events:none;z-index:90;position:fixed;inset:0;overflow:hidden}.sparkle-burst{width:0;height:0;position:absolute}.sparkle-x,.sparkle-y{will-change:transform;position:absolute;top:0;left:0}.sparkle-x{animation:sparkle-x var(--dur,1.2s) cubic-bezier(.1, .6, .25, 1) var(--delay,0s) both}.sparkle-y{animation:sparkle-y var(--dur,1.2s) linear var(--delay,0s) both}.sparkle-p{left:calc(var(--s) / -2);top:calc(var(--s) / -2);width:var(--s);height:var(--s);background:var(--c);animation:sparkle-spin var(--dur,1.2s) linear var(--delay,0s) both, sparkle-fade var(--dur,1.2s) ease-in var(--delay,0s) both;position:absolute}.sparkle-dot{border-radius:50%}.sparkle-bar{width:calc(var(--s) * .38);height:calc(var(--s) * 1.6);left:calc(var(--s) * -.19);top:calc(var(--s) * -.8);border-radius:1px}.sparkle-star{width:calc(var(--s) * 1.8);height:calc(var(--s) * 1.8);left:calc(var(--s) * -.9);top:calc(var(--s) * -.9);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}@keyframes sparkle-x{0%{transform:translate(0)}to{transform:translateX(var(--dx))}}@keyframes sparkle-y{0%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)}35%{transform:translateY(var(--peak));animation-timing-function:cubic-bezier(.5,0,.9,.6)}to{transform:translateY(var(--fall))}}@keyframes sparkle-spin{0%{rotate:0deg}to{rotate:var(--spin)}}@keyframes sparkle-fade{0%,55%{opacity:1}to{opacity:0}}.sparkle-glow{background:radial-gradient(circle, color-mix(in srgb, var(--sun) 55%, transparent), transparent 70%);border-radius:50%;width:180px;height:180px;animation:.8s ease-out both sparkle-glow;position:absolute;top:-90px;left:-90px}@keyframes sparkle-glow{0%{opacity:0;transform:scale(.6)}35%{opacity:1}to{opacity:0;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.sparkle-x,.sparkle-y,.sparkle-p{animation-duration:1ms}}.tour-root{z-index:100;pointer-events:none;position:fixed;inset:0}.tour-blocker{pointer-events:auto;background:0 0;position:fixed;inset:0}.tour-dim{pointer-events:none;background:#1a16308c;position:fixed;inset:0}.tour-spot{border-radius:var(--r-md);pointer-events:none;position:fixed;box-shadow:0 0 0 9999px #1a16308c}.tour-ring{border-radius:calc(var(--r-md) + 3px);border:2px solid var(--violet);box-shadow:0 0 0 4px color-mix(in srgb, var(--violet) 22%, transparent);animation:1.8s ease-in-out infinite tour-pulse;position:absolute;inset:-3px}@keyframes tour-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--violet) 28%, transparent)}50%{box-shadow:0 0 0 9px color-mix(in srgb, var(--violet) 8%, transparent)}}.tour-card{z-index:1;box-sizing:border-box;width:min(380px,100vw - 32px);padding:var(--sp-5);border-radius:var(--r-lg);background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow-pop);color:var(--fg-0);font-family:var(--font-body);pointer-events:auto;outline:none;position:fixed}.tour-card--sheet{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;padding-bottom:max(var(--sp-5), env(safe-area-inset-bottom));inset:auto 0 0}.tour-dots{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);display:flex}.tour-dot{border-radius:var(--r-pill);background:color-mix(in srgb, var(--fg-2) 30%, white);width:8px;height:8px;transition:width var(--t-med) var(--ease-pop), background var(--t-med)}.tour-dot--done{background:color-mix(in srgb, var(--violet) 45%, white)}.tour-dot--on{background:var(--violet);width:22px}.tour-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-2);margin-left:auto}.tour-title{margin:0 0 var(--sp-2);font-family:var(--font-display);font-size:var(--fs-lg);color:var(--fg-0);line-height:1.2}.tour-body{margin:0 0 var(--sp-5);font-size:var(--fs-md);color:var(--fg-1);white-space:pre-line;line-height:1.5}.tour-actions{align-items:center;gap:var(--sp-3);display:flex}.tour-spacer{flex:1}.tour-skip{min-height:44px;padding:0 var(--sp-2);color:var(--fg-2);font:inherit;font-size:var(--fs-sm);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;text-decoration:underline}.tour-skip:hover{color:var(--fg-0)}.tour-btn{min-width:44px;min-height:44px;padding:0 var(--sp-5);border-radius:var(--r-pill);font-family:var(--font-display);font-size:var(--fs-md);cursor:pointer;transition:transform var(--t-fast) var(--ease-pop), box-shadow var(--t-fast);font-weight:600}.tour-btn:hover{transform:translateY(-1px)scale(1.03)}.tour-btn:active{transform:scale(.97)}.tour-btn--ghost{background:var(--card);border:1px solid var(--card-border);color:var(--fg-0)}.tour-btn--primary{background:var(--violet);border:1px solid var(--violet);color:#fff;box-shadow:0 4px 14px color-mix(in srgb, var(--violet) 35%, transparent)}.tour-btn:focus-visible,.tour-skip:focus-visible{outline:2px solid var(--violet);outline-offset:3px}@media (prefers-reduced-motion:reduce){.tour-dot,.tour-btn{transition:none}.tour-ring{animation:none}}