@layer tokens,base,layout,components,states;@layer tokens{:root,html[data-theme=carbon]{color-scheme:dark;--bg: #141713;--surface: #1b1e19;--surface-raised: #252a21;--text: #eceee4;--secondary: #a1aa98;--muted: #7c8575;--untyped: #929a8b;--correct: #f2fed6;--error: #ff918c;--error-bg: #ff918c16;--accent: #d5fb77;--accent-ink: #202a0f;--border: #ffffff12;--focus: var(--accent);--ambient: #b3d76a0a;--glow: #d5fb7730;--veil: #1b1e19bb;--shadow: #00000016;--sheen: #ffffff03;--backdrop: #090c09bb}html[data-theme=tide]{color-scheme:dark;--bg: #0f1419;--surface: #151c23;--surface-raised: #1f2831;--text: #e6edf3;--secondary: #93a4b4;--muted: #6e8092;--untyped: #869aab;--correct: #cff7f2;--error: #ff8f9a;--error-bg: #ff8f9a16;--accent: #5fe3d2;--accent-ink: #042320;--border: #ffffff14;--focus: var(--accent);--ambient: #5fe3d20c;--glow: #5fe3d230;--veil: #151c23bb;--shadow: #00000022;--sheen: #ffffff04;--backdrop: #060b10bb}html[data-theme=fireplace]{color-scheme:dark;--bg: #16100c;--surface: #1f1711;--surface-raised: #2c211a;--text: #f7ece0;--secondary: #c2a995;--muted: #937c69;--untyped: #a78d78;--correct: #ffe2c5;--error: #ff8083;--error-bg: #ff808318;--accent: #ff9d3c;--accent-ink: #2a1403;--border: #ffd9a81f;--focus: var(--accent);--ambient: #ff9d3c12;--glow: #ff9d3c3a;--veil: #1f1711cc;--shadow: #00000030;--sheen: #ffffff05;--backdrop: #0c0705cc}html[data-theme=winter]{color-scheme:dark;--bg: #0d1424;--surface: #16203a;--surface-raised: #212e4c;--text: #f2f7ff;--secondary: #b4c6e0;--muted: #8599b6;--untyped: #9ab0cd;--correct: #f1f9ff;--error: #ff8b95;--error-bg: #ff8b9518;--accent: #cfe9ff;--accent-ink: #0b1626;--border: #dcebff26;--focus: var(--accent);--ambient: #cfe9ff14;--glow: #cfe9ff3d;--veil: #16203acc;--shadow: #00000038;--sheen: #ffffff0a;--backdrop: #070d1acc}html[data-theme=rain]{color-scheme:dark;--bg: #10151d;--surface: #181f2a;--surface-raised: #222b39;--text: #eef2f8;--secondary: #a8b6c8;--muted: #7d8c9f;--untyped: #92a2b5;--correct: #f8efdd;--error: #ff9a8a;--error-bg: #ff9a8a18;--accent: #e7c98f;--accent-ink: #231a0c;--border: #cfe0f51c;--focus: var(--accent);--ambient: #e7c98f10;--glow: #e7c98f30;--veil: #181f2acc;--shadow: #00000038;--sheen: #ffffff07;--backdrop: #070b12cc}html[data-theme=nightsky]{color-scheme:dark;--bg: #0a0d1c;--surface: #121730;--surface-raised: #1c2342;--text: #ecefff;--secondary: #adb6dc;--muted: #828cba;--untyped: #99a3cc;--correct: #efeeff;--error: #ff8bb0;--error-bg: #ff8bb018;--accent: #c9c6ff;--accent-ink: #12102e;--border: #d6dcff1f;--focus: var(--accent);--ambient: #c9c6ff12;--glow: #c9c6ff38;--veil: #121730cc;--shadow: #00000040;--sheen: #ffffff07;--backdrop: #050610cc}html[data-theme=deepsea]{color-scheme:dark;--bg: #04141c;--surface: #0b2029;--surface-raised: #133039;--text: #e4f6f6;--secondary: #9ec4c6;--muted: #74a0a4;--untyped: #8ab4b6;--correct: #d1fae9;--error: #ff8f92;--error-bg: #ff8f9218;--accent: #65f0b4;--accent-ink: #04231a;--border: #b8f0ff1c;--focus: var(--accent);--ambient: #65f0b410;--glow: #65f0b433;--veil: #0b2029cc;--shadow: #00000040;--sheen: #ffffff06;--backdrop: #020d12cc}html[data-theme=autumn]{color-scheme:dark;--bg: #211611;--surface: #2b1e17;--surface-raised: #3a2a20;--text: #fdf3e7;--secondary: #e6d0b8;--muted: #cdb59c;--untyped: #c9ae92;--correct: #fcedcb;--error: #ff6f55;--error-bg: #ff6f551f;--accent: #f5c552;--accent-ink: #2d1f05;--border: #ffe0bb26;--focus: var(--accent);--ambient: #f5c55212;--glow: #f5c55236;--veil: #2b1e17cc;--shadow: #00000038;--sheen: #ffffff08;--backdrop: #140c08cc}html[data-theme=galaxy]{color-scheme:dark;--bg: #050b13;--surface: #101f31;--surface-raised: #243c55;--text: #e3eefa;--secondary: #a7bdd4;--muted: #7e95ae;--untyped: #93a9c2;--correct: #d6faee;--error: #ff8fa6;--error-bg: #ff8fa618;--accent: #76f0c5;--accent-ink: #052419;--border: #243c55;--focus: var(--accent);--ambient: #76f0c512;--glow: #76f0c536;--veil: #101f31cc;--shadow: #00000045;--sheen: #ffffff0a;--backdrop: #050b13e0}html[data-theme=blackhole]{color-scheme:dark;--bg: #050506;--surface: #0f0e10;--surface-raised: #1a1719;--text: #f6efe4;--secondary: #cfc0ad;--muted: #a08f7c;--untyped: #b5a28d;--correct: #fff4e1;--error: #ff8f8a;--error-bg: #ff8f8a18;--accent: #ffd79a;--accent-ink: #2a1c08;--border: #ffe3bd1c;--focus: var(--accent);--ambient: #ffd79a0f;--glow: #ffd79a33;--veil: #0f0e10cc;--shadow: #00000055;--sheen: #ffffff06;--backdrop: #020203e0}html[data-theme=city]{color-scheme:dark;--bg: #0a0e1a;--surface: #121829;--surface-raised: #1d2440;--text: #eef0fb;--secondary: #aeb6d4;--muted: #8089a8;--untyped: #98a1c0;--correct: #ffd7ee;--error: #ff6b9d;--error-bg: #ff6b9d18;--accent: #ff7ac6;--accent-ink: #2d0a22;--border: #d8dcff1f;--focus: var(--accent);--ambient: #ff7ac612;--glow: #ff7ac636;--veil: #121829cc;--shadow: #00000040;--sheen: #ffffff07;--backdrop: #05070fcc}html[data-theme=christmas]{color-scheme:dark;--bg: #1c0f16;--surface: #281520;--surface-raised: #3a2130;--text: #fdf0ee;--secondary: #e0bfc4;--muted: #b4909a;--untyped: #c8a4ab;--correct: #cff4dc;--error: #ff5f52;--error-bg: #ff5f521f;--accent: #5fd98a;--accent-ink: #06240f;--border: #ffd9e026;--focus: var(--accent);--ambient: #ff9d5e14;--glow: #5fd98a33;--veil: #281520cc;--shadow: #00000040;--sheen: #ffffff08;--backdrop: #0e0609cc}html[data-theme=paper]{color-scheme:light;--bg: #f1efe7;--surface: #fbfaf6;--surface-raised: #e9e7dc;--text: #1b1d18;--secondary: #54584d;--muted: #6f7467;--untyped: #6f7467;--correct: #202c09;--error: #a81f12;--error-bg: #a81f1210;--accent: #41640a;--accent-ink: #f6fae9;--border: #1b1d1820;--focus: var(--accent);--ambient: #41640a12;--glow: #41640a2e;--veil: #fbfaf6cc;--shadow: #1b1d1814;--sheen: #ffffff80;--backdrop: #1b1d1899}:root{--mono: "DejaVu Sans Mono", "SFMono-Regular", Consolas, monospace;--sans: "Inter", "Helvetica Neue", Arial, sans-serif;--line-height: 52px}}@layer base{*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:5px}button:disabled{cursor:default}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--accent-ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}@layer layout{.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 83% 26%,var(--ambient),transparent 48%)}.rain{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.rain-night{position:absolute;inset:0;background:linear-gradient(to bottom,#090e15,#111926 56%,#19222f)}.rain-bokeh{position:absolute;inset:0}.rain-bokeh i{position:absolute;border-radius:50%;animation:bokeh-drift 19s ease-in-out infinite}.rain-bokeh i:nth-child(1){left:9%;top:58%;width:190px;height:190px;background:radial-gradient(circle,#e7c98f33,transparent 64%)}.rain-bokeh i:nth-child(2){left:26%;top:74%;width:120px;height:120px;background:radial-gradient(circle,#ffb86b2b,transparent 62%);animation-duration:24s}.rain-bokeh i:nth-child(3){right:14%;top:62%;width:230px;height:230px;background:radial-gradient(circle,#8fb6e733,transparent 66%);animation-duration:29s}.rain-bokeh i:nth-child(4){right:31%;top:80%;width:96px;height:96px;background:radial-gradient(circle,#e7c98f26,transparent 60%);animation-duration:21s;animation-delay:-7s}.rain-bokeh i:nth-child(5){left:47%;top:66%;width:150px;height:150px;background:radial-gradient(circle,#7fd3d82a,transparent 64%);animation-duration:33s;animation-delay:-14s}.rain-bokeh i:nth-child(6){left:68%;top:88%;width:180px;height:180px;background:radial-gradient(circle,#ffc98b24,transparent 62%);animation-duration:26s;animation-delay:-4s}.rain-glass{position:absolute;inset:0;width:100%;height:100%}.rain-condensation{position:absolute;inset:0;background:radial-gradient(ellipse 118% 78% at 50% 52%,transparent 40%,#090e15a6 100%),linear-gradient(to top,#090e15cc,transparent 26%)}@keyframes bokeh-drift{0%,to{transform:translate(0) scale(1);opacity:.78}50%{transform:translate(9px,-11px) scale(1.07);opacity:1}}.nightsky{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;--horizon: min(32vh, 24vw)}.sky-deep{position:absolute;inset:0;background:linear-gradient(to bottom,#05081a,#0a0e24 48%,#141b3c 76%,#232c54)}.sky-way{position:absolute;left:-30%;right:-30%;top:4%;height:48%;transform:rotate(-21deg);background:linear-gradient(to bottom,transparent,#cdd2ff12 26%,#e6e8ff24 50%,#cdd2ff12 74%,transparent)}.sky-stars{position:absolute;inset:0;width:100%;height:100%}.sky-glow{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(to top,#2c3768 0%,#19204199 40%,transparent 100%)}.sky-horizon{position:absolute;left:0;bottom:0;width:100%;height:var(--horizon)}.horizon-hills{fill:#06091a}.horizon-trees{fill:#04060f}.deepsea{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.sea-column{position:absolute;inset:0;background:linear-gradient(to bottom,#062c34,#04202a 30%,#03151d 62%,#010a10)}.sea-rays{position:absolute;left:0;right:0;top:-12%;height:92%;mix-blend-mode:screen}.sea-rays i{position:absolute;top:0;height:100%;transform-origin:50% 0;background:linear-gradient(to bottom,#9ff0ff2b,#9ff0ff0f 44%,transparent 76%);animation:ray-sway 15s ease-in-out infinite}.sea-rays i:nth-child(1){left:8%;width:13%;animation-duration:17s}.sea-rays i:nth-child(2){left:31%;width:9%;animation-duration:13s;animation-delay:-5s}.sea-rays i:nth-child(3){left:58%;width:15%;animation-duration:21s;animation-delay:-9s}.sea-rays i:nth-child(4){left:81%;width:10%;animation-duration:19s;animation-delay:-3s}.sea-life{position:absolute;inset:0}.jelly{position:absolute;height:auto}.jelly-bell{fill:#8ef0d8;opacity:.24}.jelly-arms{fill:none;stroke:#8ef0d8;stroke-width:2;stroke-linecap:round;opacity:.2}.jelly-1{left:41%;bottom:13%;width:54px;animation:jelly-drift 27s ease-in-out infinite}.jelly-2{right:19%;top:4%;width:72px;animation:jelly-drift 35s ease-in-out infinite;animation-delay:-16s}.jelly-3{left:74%;top:19%;width:40px;animation:jelly-drift 31s ease-in-out infinite;animation-delay:-8s}.sea-motes{position:absolute;inset:0;width:100%;height:100%}.sea-floor{position:absolute;left:0;right:0;bottom:0;height:22vh;background:linear-gradient(to top,#010a10f7 0%,#010a10b3 40%,transparent 100%)}@keyframes ray-sway{0%,to{transform:rotate(-3deg) scaleX(1);opacity:.62}50%{transform:rotate(3deg) scaleX(1.14);opacity:1}}@keyframes jelly-drift{0%,to{transform:translate(0) scaleY(1)}25%{transform:translate(13px,-27px) scaleY(.91)}50%{transform:translate(-7px,-54px) scaleY(1.07)}75%{transform:translate(-17px,-25px) scaleY(.95)}}.autumn{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;--wood: min(46vh, 34vw)}.autumn-dusk{position:absolute;inset:0;background:linear-gradient(to bottom,#2e4256,#4f5a58 32%,#8a7049 60%,#c89a55 84%,#e2b063)}.autumn-sun{position:absolute;left:22%;bottom:calc(var(--wood) * .34);width:min(180px,19vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff3d2 0%,#ffd68c66 38%,#ffb44f2b 58%,transparent 74%);animation:hearth-breathe 11s ease-in-out infinite}.autumn-haze{position:absolute;left:-10%;right:-10%;bottom:calc(var(--wood) * .42);height:22vh;background:linear-gradient(to top,#f0c48c2e,#e0b57d0f 46%,transparent);animation:mist-drift 29s ease-in-out infinite}.autumn-wood{position:absolute;left:0;bottom:0;width:100%;height:var(--wood)}.wood-far{fill:#7d5330;opacity:.6}.wood-far-canopy{fill:#b4762f;opacity:.55}.wood-near{fill:#4a2a1a}.wood-near-canopy{fill:#c0632a}.autumn-leaves{position:absolute;inset:0;width:100%;height:100%}.autumn-ground{position:absolute;left:0;right:0;bottom:0;height:17vh;background:linear-gradient(to top,#211611f7 0%,#211611c4 36%,transparent 100%)}.galaxy{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.galaxy-void{position:absolute;inset:0;background:radial-gradient(ellipse 96% 80% at 72% 14%,#0e2235,#081422 46%,#050b13)}.galaxy-nebula{position:absolute;inset:0;mix-blend-mode:screen}.galaxy-nebula i{position:absolute;border-radius:50%;animation:nebula-drift 44s ease-in-out infinite}.galaxy-nebula i:nth-child(1){left:-12%;top:4%;width:66%;height:60%;background:radial-gradient(ellipse at 50% 50%,#76f0c518,#76f0c506 42%,transparent 68%)}.galaxy-nebula i:nth-child(2){right:-8%;top:18%;width:58%;height:66%;background:radial-gradient(ellipse at 50% 50%,#243c5538,#243c5512 44%,transparent 70%);animation-duration:57s}.galaxy-nebula i:nth-child(3){left:14%;bottom:-18%;width:70%;height:58%;background:radial-gradient(ellipse at 50% 50%,#4f86c81c,#4f86c808 46%,transparent 72%);animation-duration:63s;animation-delay:-21s}.galaxy-field{position:absolute;inset:0;width:100%;height:100%}.galaxy-worlds{position:absolute;inset:0}.world{position:absolute;aspect-ratio:1}.world-body{position:absolute;inset:0;border-radius:50%;box-shadow:inset -14% -12% 24% #050b13e6,inset 0 0 0 1px #76f0c51f,0 0 60px -22px #76f0c53d}.world-giant{left:-11%;bottom:-26%;width:min(430px,42vw)}.world-giant .world-body{background:repeating-linear-gradient(96deg,#e3eefa0a 0 9px,transparent 9px 24px),radial-gradient(circle at 34% 30%,#3f6a8e,#243c55 44%,#132536 72%,#081322 92%)}.world-ring{position:absolute;left:-26%;top:36%;width:152%;height:32%;border-radius:50%;border:8px solid #76f0c52b;transform:rotate(-17deg)}.world-ice{left:6%;bottom:16%;width:min(86px,8vw)}.world-ice .world-body{background:radial-gradient(circle at 34% 30%,#e3eefa,#a7bdd4 44%,#4e6a88 74%,#15293d 94%)}.world-moon{position:absolute;right:-36%;top:10%;width:24%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 34%,#e3eefa,#93a9c2 58%,#3d5873);box-shadow:inset -16% -14% 26% #050b13d9}.world-pebble{right:11%;bottom:9%;width:min(48px,5vw)}.world-pebble .world-body{background:radial-gradient(circle at 36% 32%,#8ba4bd,#4e6a88 48%,#1d3348 78%,#0a1420 96%)}.galaxy-edge{position:absolute;inset:0;background:radial-gradient(ellipse 116% 86% at 50% 48%,transparent 48%,#050b13ad 100%),linear-gradient(to top,#050b13d6,transparent 26%)}@keyframes nebula-drift{0%,to{transform:translate(0) scale(1);opacity:.78}50%{transform:translate(-3%,2%) scale(1.08);opacity:1}}.christmas{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.room-wall{position:absolute;inset:0;background:linear-gradient(180deg,#46202c,#321621 44%,#1c0f16)}.room-canvas{position:absolute;inset:0;width:100%;height:100%}.room-warmth{position:absolute;inset:0;background:radial-gradient(ellipse 58% 44% at 24% 84%,#ff9d4a33,#ff7a2b14 40%,transparent 70%),radial-gradient(ellipse 112% 86% at 50% 46%,transparent 50%,#0e0609ad 100%),linear-gradient(to top,#0e0609c4,transparent 22%)}html[data-theme=christmas] .under-stage,html[data-theme=christmas] .quiet-note,html[data-theme=christmas] footer{text-shadow:0 1px 3px #1c0f16,0 0 12px #1c0f16e6}.city{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.city-sky{position:absolute;inset:0;background:linear-gradient(to bottom,#080c18,#101830 44%,#23294d 72%,#3c3059 88%,#5a3a5e)}.city-glow{position:absolute;left:50%;bottom:0;width:140%;height:46%;transform:translate(-50%);background:radial-gradient(ellipse 50% 100% at 50% 100%,#ff7ac62e,#ff9d6b1c 34%,transparent 70%)}.city-canvas{position:absolute;inset:0;width:100%;height:100%}.city-haze{position:absolute;inset:0;background:radial-gradient(ellipse 108% 80% at 50% 48%,transparent 46%,#05070fb3 100%),linear-gradient(to top,#05070ff2 0%,#05070fbf 12%,transparent 30%)}.blackhole{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;--hole: min(42vh, 30vw)}.hole-void{position:absolute;inset:0;background:radial-gradient(ellipse 86% 72% at 50% 46%,#0d0a07,#060507 44%,#020203)}.hole-canvas{position:absolute;inset:0;width:100%;height:100%}.hole-stage{position:absolute;left:50%;top:46%;width:var(--hole);aspect-ratio:1;transform:translate(-50%,-50%)}.hole-glow{position:absolute;inset:-120% -180%;background:radial-gradient(ellipse 42% 28% at 44% 50%,#ffb45a2e,#ff9d3c12 38%,transparent 68%)}.hole-sphere{position:absolute;inset:0;border-radius:50%;background:#000;box-shadow:0 0 0 1.5px #ffe9c4d9,0 0 22px 2px #ffb45a73,0 0 64px 10px #ff9d3c29}.hole-rings{position:absolute;left:50%;top:50%;width:360%;height:170%;transform:translate(-50%,-50%);overflow:visible}.hole-rings>*{fill:none;vector-effect:non-scaling-stroke}.ring-glow{stroke:#ff9d3c;stroke-width:22;opacity:.15}.ring-base{stroke-linecap:round}.ring-base.ring-halo{stroke:#ffc87a;stroke-width:7}.ring-base.ring-disc{stroke:#ffdca6;stroke-width:6}.ring-flow{stroke:#fff4da;stroke-dasharray:23 15;animation:ring-flow 1.25s linear infinite}.ring-flow.ring-halo{stroke-width:5;opacity:.85;animation-duration:2.1s}.ring-flow.ring-disc{stroke-width:4.5;opacity:.92}.ring-near{animation-direction:reverse}.hole-edge{position:absolute;inset:0;background:radial-gradient(ellipse 104% 78% at 50% 46%,transparent 48%,#020203c7 100%),linear-gradient(to top,#020203e6,transparent 22%)}@keyframes ring-flow{to{stroke-dashoffset:-38}}.winter{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;--range: min(64vh, 42vw)}.winter-sky{position:absolute;inset:0;background:linear-gradient(to bottom,#0b1222,#101a30 50%,#1a2946 70%,#354b74)}.winter-moon{position:absolute;top:33px;right:25%;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff,#e7f0ff 56%,#c2d5f0);box-shadow:0 0 46px 14px #cfe9ff22,0 0 140px 52px #cfe9ff10}.winter-mist{position:absolute;left:-12%;right:-12%;bottom:calc(var(--range) * .42);height:16vh;background:linear-gradient(to top,#e4efff33,#cfe4ff14 46%,transparent);animation:mist-drift 27s ease-in-out infinite}.winter-range{position:absolute;left:0;bottom:0;width:100%;height:var(--range)}.range-far{fill:#6c85ad;opacity:.36}.range-far-caps{fill:#eef5ff;opacity:.42}.range-near{fill:#16213c}.range-near-caps{fill:#f4f9ff;opacity:.88}.range-trees{fill:#101b33}.winter-snow{position:absolute;inset:0;width:100%;height:100%}.winter-ground{position:absolute;left:0;right:0;bottom:0;height:24vh;background:linear-gradient(to top,#0d1424f7,#0d1424d6 26%,#0d142466 62%,#0d142400)}.winter-frost{position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,#e7f2ff26,transparent 28%),radial-gradient(circle at 100% 0%,#e7f2ff20,transparent 26%),radial-gradient(circle at 0% 100%,#e7f2ff18,transparent 24%),radial-gradient(circle at 100% 100%,#e7f2ff18,transparent 24%)}@keyframes mist-drift{0%,to{transform:translate(-3%);opacity:.8}50%{transform:translate(3%);opacity:1}}@media(max-width:760px){.winter-moon{display:none}.winter{--range: min(44vh, 96vw)}.winter-ground{height:16vh}}.hearth{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.hearth-glow{position:absolute;left:50%;bottom:-34vh;width:min(2200px,170vw);height:84vh;transform:translate(-50%);background:radial-gradient(ellipse 50% 50% at 50% 100%,#ff8c2466 0%,#ff61003d 30%,#c2300112 55%,transparent 74%);animation:hearth-breathe 7.3s ease-in-out infinite}.hearth-flames{position:absolute;left:50%;bottom:-12vh;width:min(1480px,124vw);height:58vh;transform:translate(-50%);opacity:.9;mix-blend-mode:screen;transition:opacity 1.1s ease,transform 1.1s ease}.hearth-flames i{position:absolute;bottom:0;height:100%;transform-origin:50% 100%;background:radial-gradient(ellipse 46% 54% at 50% 100%,#ffd98fa6,#ff923860 40%,#ff4a0022 66%,transparent 80%);animation:flame-lick 4.1s ease-in-out infinite}.hearth-flames i:nth-child(1){left:6%;width:32%;height:74%;animation-duration:5.7s;background:radial-gradient(ellipse 46% 54% at 50% 100%,#ffa44080,#ff5f1440 44%,transparent 74%)}.hearth-flames i:nth-child(2){left:21%;width:30%;height:93%;animation-duration:4.3s;animation-delay:-1.9s}.hearth-flames i:nth-child(3){left:36%;width:29%;height:100%;animation-duration:3.4s;animation-delay:-.7s;background:radial-gradient(ellipse 44% 52% at 50% 100%,#fff0c9c4,#ffaa4470 38%,#ff52001f 68%,transparent 82%)}.hearth-flames i:nth-child(4){left:52%;width:31%;height:88%;animation-duration:4.9s;animation-delay:-2.6s}.hearth-flames i:nth-child(5){left:66%;width:33%;height:70%;animation-duration:6.2s;animation-delay:-3.4s;background:radial-gradient(ellipse 46% 54% at 50% 100%,#ffa44080,#ff5f1440 44%,transparent 74%)}.hearth-coals{position:absolute;left:50%;bottom:-5vh;width:min(1320px,112vw);height:22vh;transform:translate(-50%);mix-blend-mode:screen;background:radial-gradient(ellipse 54% 62% at 50% 100%,#ffe6b8d6,#ff9c38a1 26%,#ff5a0f4d 48%,transparent 72%);animation:coal-pulse 3.1s ease-in-out infinite}.hearth-embers{position:absolute;inset:0;width:100%;height:100%}.hearth-shade{position:absolute;inset:0;background:linear-gradient(to bottom,var(--bg) 0%,#16100c99 18%,transparent 46%)}html[data-state=running] .hearth-flames{opacity:1;transform:translate(-50%) scaleY(1.07)}@keyframes hearth-breathe{0%,to{opacity:.84}23%{opacity:.97}51%{opacity:.88}74%{opacity:1}}@keyframes coal-pulse{0%,to{opacity:.86;transform:translate(-50%) scaleY(1)}34%{opacity:1;transform:translate(-50%) scaleY(1.07)}67%{opacity:.9;transform:translate(-50%) scaleY(.96)}}@keyframes flame-lick{0%,to{transform:translateY(5%) scaleY(.93) skew(0);opacity:.74}27%{transform:translateY(-3%) scale(.93,1.1) skew(3.5deg);opacity:.96}54%{transform:translateY(2%) scale(1.06,1.01) skew(-3deg);opacity:.8}79%{transform:translateY(-5%) scale(.9,1.16) skew(2deg);opacity:1}}.site-shell{max-width:1440px;padding:0 64px;margin:auto;min-height:100svh;display:flex;flex-direction:column}.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}main{width:min(100%,1040px);margin:0 auto;flex:1}.intro{position:relative;padding:69px 0 43px}h1{font-size:clamp(46px,6vw,78px);letter-spacing:-.065em;font-weight:500;line-height:1.08;margin:21px 0 18px}h1 em{color:var(--accent);font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.06em}.intro p{font-size:15px;color:var(--secondary);margin:0;letter-spacing:.01em}footer{min-height:100px;margin-top:32px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}}@layer components{.brand{display:flex;gap:11px;align-items:center;color:var(--text);font-size:25px;font-weight:650;letter-spacing:-1.1px;text-decoration:none}.brand svg{width:30px;height:28px;fill:var(--accent)}.brand-period{color:var(--accent)}.header-label{font-size:10px;font-family:var(--mono);letter-spacing:.15em;margin-left:-90px;color:var(--muted)}.icon-button{background:transparent;border:1px solid var(--border);border-radius:10px;width:38px;height:38px;display:grid;place-items:center;color:var(--secondary);transition:color .15s,background .15s}.icon-button:hover{color:var(--accent);background:var(--surface-raised)}.eyebrow{display:flex;align-items:center;gap:9px;font:10px var(--mono);letter-spacing:.12em;color:var(--secondary)}.status-dot{height:6px;width:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px var(--glow)}.edition{margin-left:10px;color:var(--muted)}.speed-lines{position:absolute;right:19px;top:94px;display:flex;gap:12px;transform:skew(-28deg)}.speed-lines i{width:17px;height:86px;border:1px solid var(--border);background:linear-gradient(180deg,var(--ambient),transparent)}.speed-lines i:nth-child(2){opacity:.75}.speed-lines i:nth-child(3){opacity:.5}.speed-lines i:nth-child(4){opacity:.25}.test-panel{position:relative;border:1px solid var(--border);border-radius:18px;background:var(--surface);overflow:hidden;box-shadow:0 18px 70px var(--shadow),inset 0 1px 0 var(--sheen)}.test-toolbar{display:flex;justify-content:space-between;align-items:center;padding:19px 29px;border-bottom:1px solid var(--border);min-height:78px}.segmented{display:flex;position:relative;background:var(--bg);border-radius:8px;padding:4px}.segmented button{position:relative;z-index:1;height:30px;padding:0 13px;background:none;border:0;color:var(--secondary);font:12px var(--mono);border-radius:5px;transition:color .18s;white-space:nowrap}.segmented button span{margin-left:2px;font-size:10px}.segmented button[aria-pressed=true]{color:var(--accent)}.segmented button:hover:not(:disabled){color:var(--text)}.segmented-highlight{position:absolute;left:0;top:4px;width:0;height:30px;border-radius:5px;background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--border);transition:transform .2s ease,width .2s ease}#length-picker button{min-width:46px}.passage-source{font:11px var(--mono);color:var(--muted);text-align:right;max-width:46%;line-height:1.5}.test-body{padding:28px 36px 17px}.run-heading{display:flex;align-items:center;justify-content:space-between;height:35px;margin-bottom:23px}#run-label{color:var(--muted);font:9px var(--mono);letter-spacing:.14em}.clock{display:flex;align-items:baseline;gap:3px;font-family:var(--mono);color:var(--accent)}#time-left{font-size:24px;font-variant-numeric:tabular-nums}.clock-unit{color:var(--muted);font-size:12px}.clock svg{height:25px;width:25px;align-self:center;margin-left:9px;fill:none;stroke-width:2;transform:rotate(-90deg)}.clock-track{stroke:var(--border)}#clock-progress{stroke:var(--accent);stroke-dasharray:100;stroke-dashoffset:0}.typing-surface{position:relative;cursor:text}.words-viewport{height:calc(var(--line-height) * 3);overflow:hidden;position:relative;margin-bottom:15px}.words{position:relative;font:24px/var(--line-height) var(--mono);letter-spacing:-.04em;color:var(--untyped);-webkit-user-select:none;user-select:none;overflow-wrap:anywhere}.word{display:inline-block;margin-right:.65em;max-width:100%;vertical-align:top}.char{display:inline-block}.char.correct{color:var(--correct)}.char.incorrect,.char.extra{color:var(--error);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;background:var(--error-bg)}.char.missed{color:var(--error);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:6px}.caret{position:absolute;width:2px;height:29px;background:var(--accent);top:11px;left:0;border-radius:1px;pointer-events:none}.typing-input{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;border:0;padding:0;resize:none;font-size:16px}.typing-surface:has(.typing-input:focus-visible){outline:1px solid var(--border);outline-offset:9px;border-radius:4px}.typing-surface[data-resting] .words{filter:blur(2.6px);opacity:.5}.typing-surface[data-resting] .caret{opacity:0}.words,.caret{transition:filter .2s ease,opacity .2s ease}.focus-prompt{position:absolute;inset:0;display:flex;gap:12px;justify-content:center;align-items:center;font-size:13px;color:var(--text);text-shadow:0 1px 10px var(--bg),0 0 22px var(--bg)}.focus-key{font:16px var(--mono);color:var(--accent)}.stage-bottom{display:flex;align-items:center;justify-content:space-between;min-height:45px;gap:12px}#input-instructions{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:8px}.hint-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.restart-button{display:flex;align-items:center;gap:7px;border:0;border-radius:6px;padding:8px 4px 8px 10px;color:var(--secondary);background:transparent;font-size:11px}.restart-button svg{width:16px;height:16px}.restart-button:hover{color:var(--accent)}.progress-track{height:2px;background:var(--border)}#time-progress{height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}.under-stage{display:flex;align-items:center;justify-content:space-between;margin:21px 3px 0;font-size:10px;color:var(--muted)}.under-stage>span{display:flex;align-items:center;gap:7px}kbd{font:9px var(--mono);padding:3px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;color:var(--secondary)}.practice-label{font:9px var(--mono);letter-spacing:.06em}.outlined-dot{width:6px;height:6px;border:1px solid var(--muted);border-radius:50%}.quiet-note{display:flex;align-items:center;justify-content:center;gap:18px;margin:44px 0 9px}.quiet-note p{color:var(--muted);font:italic 15px Georgia,serif}.note-line{width:32px;height:1px;background:var(--border)}.footer-tag,.footer-version{font:9px var(--mono);letter-spacing:.08em}.footer-version span{color:var(--secondary);margin-left:8px}.theme-button{display:flex;align-items:center;gap:10px;padding:5px 11px 5px 7px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--secondary);transition:border-color .15s,background .15s,color .15s}.theme-button:hover{border-color:var(--border);background:var(--surface-raised);color:var(--text)}.theme-swatch{display:flex;align-items:center}.theme-swatch i{height:9px;width:9px;border-radius:50%;border:1px solid var(--border);margin-left:-2px}.theme-swatch i:first-child{margin-left:0}[data-theme-option=carbon] .theme-swatch i{background:#141713}[data-theme-option=carbon] .theme-swatch i:nth-child(2){background:#eceee4}[data-theme-option=carbon] .theme-swatch i:nth-child(3){background:#d5fb77}[data-theme-option=tide] .theme-swatch i{background:#0f1419}[data-theme-option=tide] .theme-swatch i:nth-child(2){background:#e6edf3}[data-theme-option=tide] .theme-swatch i:nth-child(3){background:#5fe3d2}[data-theme-option=fireplace] .theme-swatch i{background:#16100c}[data-theme-option=fireplace] .theme-swatch i:nth-child(2){background:#f7ece0}[data-theme-option=fireplace] .theme-swatch i:nth-child(3){background:#ff9d3c}[data-theme-option=winter] .theme-swatch i{background:#0d1424}[data-theme-option=winter] .theme-swatch i:nth-child(2){background:#f2f7ff}[data-theme-option=winter] .theme-swatch i:nth-child(3){background:#cfe9ff}[data-theme-option=paper] .theme-swatch i{background:#f1efe7}[data-theme-option=paper] .theme-swatch i:nth-child(2){background:#1b1d18}[data-theme-option=paper] .theme-swatch i:nth-child(3){background:#41640a}[data-theme-option=rain] .theme-swatch i{background:#10151d}[data-theme-option=rain] .theme-swatch i:nth-child(2){background:#eef2f8}[data-theme-option=rain] .theme-swatch i:nth-child(3){background:#e7c98f}[data-theme-option=nightsky] .theme-swatch i{background:#0a0d1c}[data-theme-option=nightsky] .theme-swatch i:nth-child(2){background:#ecefff}[data-theme-option=nightsky] .theme-swatch i:nth-child(3){background:#c9c6ff}[data-theme-option=deepsea] .theme-swatch i{background:#04141c}[data-theme-option=deepsea] .theme-swatch i:nth-child(2){background:#e4f6f6}[data-theme-option=deepsea] .theme-swatch i:nth-child(3){background:#65f0b4}[data-theme-option=autumn] .theme-swatch i{background:#211611}[data-theme-option=autumn] .theme-swatch i:nth-child(2){background:#fdf3e7}[data-theme-option=autumn] .theme-swatch i:nth-child(3){background:#f5c552}[data-theme-option=galaxy] .theme-swatch i{background:#050b13}[data-theme-option=galaxy] .theme-swatch i:nth-child(2){background:#e3eefa}[data-theme-option=galaxy] .theme-swatch i:nth-child(3){background:#76f0c5}[data-theme-option=blackhole] .theme-swatch i{background:#050506}[data-theme-option=blackhole] .theme-swatch i:nth-child(2){background:#f6efe4}[data-theme-option=blackhole] .theme-swatch i:nth-child(3){background:#ffd79a}[data-theme-option=city] .theme-swatch i{background:#0a0e1a}[data-theme-option=city] .theme-swatch i:nth-child(2){background:#eef0fb}[data-theme-option=city] .theme-swatch i:nth-child(3){background:#ff7ac6}[data-theme-option=christmas] .theme-swatch i{background:#1c0f16}[data-theme-option=christmas] .theme-swatch i:nth-child(2){background:#fdf0ee}[data-theme-option=christmas] .theme-swatch i:nth-child(3){background:#5fd98a}.theme-name{font-size:10px;white-space:nowrap}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:22px 0 20px}.theme-option{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--secondary);font-size:12px;text-align:left;transition:border-color .15s,background .15s,color .15s}.theme-option:hover{background:var(--surface-raised);color:var(--text)}.theme-option[aria-pressed=true]{border-color:var(--accent);color:var(--text)}.theme-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-live{font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid var(--border);border-radius:4px;padding:2px 4px}html[data-theme=winter] .caret{box-shadow:0 0 14px var(--glow)}html[data-theme=galaxy] .test-panel{background:linear-gradient(180deg,#17293e,#101f31 48%,#0c1827);box-shadow:0 34px 90px #01040abf,0 0 90px -32px #76f0c533,inset 0 1px #ffffff14}html[data-theme=galaxy] .caret{box-shadow:0 0 14px var(--glow)}html[data-theme=winter] .under-stage,html[data-theme=winter] .quiet-note,html[data-theme=winter] footer{text-shadow:0 1px 3px #0d1424,0 0 12px #0d1424e6}html[data-theme=autumn] .under-stage,html[data-theme=autumn] .quiet-note,html[data-theme=autumn] footer{text-shadow:0 1px 3px #211611,0 0 12px #211611e6}html[data-theme=city] .under-stage,html[data-theme=city] .quiet-note,html[data-theme=city] footer{text-shadow:0 1px 3px #05070f,0 0 12px #05070fe6}html[data-theme=fireplace] .test-panel{box-shadow:0 18px 70px var(--shadow),0 44px 130px -46px var(--glow),inset 0 1px 0 var(--sheen)}html[data-theme=fireplace] .caret{box-shadow:0 0 14px var(--glow)}html[data-theme=fireplace] #time-progress{box-shadow:0 0 16px var(--glow)}html[data-theme=fireplace] .ambient{animation:hearth-breathe 9.7s ease-in-out infinite}html[data-theme=fireplace] .status-dot,html[data-theme=fireplace] .hint-dot{box-shadow:0 0 16px var(--glow)}.results{height:calc(var(--line-height) * 3 + 15px)}#results:focus{outline:none}.result-summary{display:flex;align-items:center;gap:55px}.primary-result{display:flex;align-items:baseline;gap:13px}#result-wpm{font-size:66px;letter-spacing:-.065em;line-height:1.12;color:var(--accent);font-variant-numeric:tabular-nums}.primary-result>span:last-child{color:var(--secondary);font:12px var(--mono)}.result-detail{display:grid;grid-template-columns:auto auto;column-gap:24px;row-gap:12px;font-size:11px;color:var(--secondary)}.result-detail strong{color:var(--text);font:15px var(--mono)}.result-detail small{font-size:10px;color:var(--muted)}.pace-chart{margin-top:12px}.chart-label{display:flex;justify-content:space-between;font:8px var(--mono);color:var(--muted);letter-spacing:.06em}#pace-chart{height:43px;width:100%;display:block;margin-top:5px;overflow:visible}.chart-baseline{stroke:var(--border)}#pace-line{stroke:var(--accent);stroke-width:1.5;fill:none;vector-effect:non-scaling-stroke}#pace-fill{fill:var(--ambient)}dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:18px;padding:28px;width:min(500px,calc(100% - 32px));box-shadow:0 20px 90px var(--backdrop)}dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}dialog h2{font-size:24px;font-weight:500;letter-spacing:-.04em;margin:0}dialog p,dialog dd{color:var(--secondary);font-size:13px;line-height:1.7}dialog dl{display:grid;grid-template-columns:95px 1fr;gap:16px;margin:24px 0}dialog dt{font:11px/1.7 var(--mono);color:var(--accent)}dialog dd{margin:0}dialog summary{font-size:12px;cursor:pointer}}@layer states{.intro,.header-label,.quiet-note,.speed-lines{transition:opacity .3s}html[data-state=running] .intro{opacity:.4}html[data-state=running] .header-label,html[data-state=running] .quiet-note{opacity:.3}html[data-state=running] .segmented{opacity:.55}html[data-state=ready] .caret{animation:caret-blink 1.1s step-end infinite}html[data-state=finished] .results{animation:result-in .3s ease-out}html[data-state=finished] .restart-button{color:var(--accent)}@keyframes caret-blink{50%{opacity:0}}@keyframes result-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.intro{padding-top:85px}}@media(max-width:760px){.test-toolbar{flex-wrap:wrap;justify-content:center}.test-toolbar>*{flex:0 1 auto}.passage-source{max-width:100%;text-align:center}}@media(max-width:800px){.site-shell{padding:0 28px}.site-header{height:85px}.header-label{display:none}.intro{padding-top:52px}.speed-lines{right:9px;top:75px;gap:8px}.speed-lines i{height:66px;width:12px}.test-body{padding-inline:25px}.words{font-size:22px}}@media(max-width:520px){:root{--line-height: 44px}.site-shell{padding:0 18px}.site-header{height:77px}.brand{font-size:22px}.intro{padding:40px 0 30px}h1{font-size:48px;margin-top:18px}.intro p{font-size:12px;max-width:260px;line-height:1.7}.speed-lines{display:none}.test-toolbar{padding:12px;gap:9px}.segmented button{padding:0 10px;font-size:11px}#length-picker button{min-width:40px}.test-body{padding:22px 18px 13px}.words{font-size:20px}.run-heading{margin-bottom:18px}#run-label{font-size:8px;letter-spacing:.08em}.caret{height:25px}.under-stage{gap:20px}.practice-label{font-size:8px;text-align:right;line-height:1.5}.under-stage>span{gap:4px}.quiet-note{margin-top:28px}footer{flex-wrap:wrap;gap:17px;padding:22px 0;min-height:80px;margin-top:12px}.footer-version,.theme-name{display:none}.theme-grid{grid-template-columns:minmax(0,1fr)}.footer-tag{font-size:8px}.result-summary{gap:28px}#result-wpm{font-size:48px}.result-detail{column-gap:13px;row-gap:8px}.primary-result{gap:8px}#pace-chart{height:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}}