:root{--header-h:65px;--bg:#161b1d;--bg-2:#1e2528;--bg-3:#26302f;--ink:#e4e8e4;--ink-2:#aeb8b6;--ink-3:#7d8887;--line:#2e383b;--accent:#fe93a4;--accent-ink:#ffb0bd;--accent-soft:#3b2530;--pass:#6fcb8b;--pass-soft:#193425;--fail:#f08a7e;--fail-soft:#3e211d;--note:#2c2717;--note-ink:#e3cc8e;--code-bg:#0f1315;--code-ink:#dde3df;--code-kw:#8fd3c9;--code-str:#e8c57a;--code-num:#f1a46b;--code-cm:#8a979b;--code-fn:#cbd9f5;--code-tag:#f0a8a0;--code-attr:#bfe2a8;--editor-bg:#0f1315;--editor-ink:#e4e8e4;--on-accent:#2a1219;--focus:#aeb8b6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f6f7f4;--bg-2:#eceee8;--bg-3:#e2e5de;--ink:#1e2528;--ink-2:#4a555a;--ink-3:#7b868b;--line:#d5dad3;--accent:#c24a63;--accent-ink:#a63a52;--accent-soft:#f8e2e7;--pass:#1f7a3e;--pass-soft:#ddefe2;--fail:#b4362b;--fail-soft:#f6e1de;--note:#f3ebd9;--note-ink:#5c4a1c;--code-bg:#1f2629;--code-ink:#e6eae6;--editor-bg:#fbfcfa;--editor-ink:#1e2528;--on-accent:#fff;--focus:#5a666b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:"Source Sans 3",system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5}#root{flex-direction:column;height:100dvh;display:flex;position:relative}.scroll-col,.page{position:relative}@media (width>=801px){body{overflow:hidden}}.scroll-col{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overflow-y:auto}.scroll-col:hover{scrollbar-color:var(--ink-3) transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:JetBrains Mono,monospace}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-family:JetBrains Mono,monospace;font-size:11px}.eyebrow.muted{color:var(--ink-3)}header.top{z-index:20;background:0 0;border-bottom:1px solid #0000;flex-wrap:wrap;align-items:center;gap:20px;padding:14px 24px;transition:background .2s,border-color .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s,box-shadow .2s;display:flex;position:absolute;top:0;left:0;right:0}header.top[data-scrolled=true]{background:color-mix(in srgb, var(--bg) 78%, transparent);border-bottom-color:var(--line);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);box-shadow:0 8px 24px -18px #0009}header.top .brand{align-items:center;margin:0;display:flex}header.top .logo{width:auto;height:36px;display:block}.practice-bar .progress{color:var(--ink-2);align-items:center;gap:10px;font-size:14px;display:flex}.pips{flex:none;align-items:center;gap:5px;padding-right:4px;display:inline-flex}.pip{border:1.5px solid var(--ink-3);opacity:.7;background:0 0;border-radius:50%;width:9px;height:9px;display:inline-block}.pip.known{border-color:var(--accent);background:var(--accent);opacity:1;box-shadow:0 0 0 3px var(--accent-soft);animation:.5s cubic-bezier(.2,1.4,.4,1) both pip-light}@keyframes pip-light{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}.pop{animation:.4s cubic-bezier(.2,1.6,.4,1) pop;display:inline-block}@keyframes pop{0%{transform:scale(.85)}55%{transform:scale(1.12)}to{transform:scale(1)}}.bar{background:var(--bg-3);border-radius:3px;width:140px;height:6px;position:relative;overflow:hidden}.bar i{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}.bar .cold{background:var(--accent-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--on-accent) 25%, transparent);position:absolute;top:0;left:0}.cold-count{color:var(--accent-ink);white-space:nowrap}.mode-switch{border:1px solid var(--line);border-radius:999px;flex:none;display:inline-flex;overflow:hidden}.mode-switch button{font:inherit;color:var(--ink-2);background:0 0;border:0;padding:3px 12px;font-size:13px;transition:background .15s,color .15s}.mode-switch button+button{border-left:1px solid var(--line)}.mode-switch button:hover{color:var(--ink);background:var(--bg-3)}.mode-switch button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink)}.stopwatch{font-variant-numeric:tabular-nums;color:var(--ink-3);flex:none;align-items:center;gap:5px;font-family:JetBrains Mono,monospace;font-size:12px;display:inline-flex}.chips{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.chip{border:1px solid var(--line);color:var(--ink-2);background:0 0;border-radius:999px;padding:3px 11px;font-size:13px;transition:transform .15s,background .15s,color .15s}.chip:hover{color:var(--ink);background:var(--bg-2);transform:translateY(-1px)}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.theme-toggle{border:1px solid var(--line);color:var(--ink-2);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:3px 11px;font-size:13px;display:inline-flex}.theme-toggle:hover{color:var(--ink);background:var(--bg-2)}.theme-toggle:disabled{opacity:.5;cursor:default}.account{color:var(--ink-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.account .avatar{border-radius:50%;display:block}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.sync-dot{background:var(--pass);border-radius:50%;flex:none;width:7px;height:7px}.sync-dot.loading{background:var(--ink-3);animation:1s ease-in-out infinite alternate sync-pulse}.sync-dot.error{background:var(--fail)}@keyframes sync-pulse{to{opacity:.3}}dialog.signin{color:var(--ink);background:linear-gradient(var(--bg), var(--bg)) padding-box, conic-gradient(from var(--demo-angle), var(--line), var(--accent), var(--line) 35%, var(--line) 60%, var(--code-kw), var(--line)) border-box;width:min(440px,100vw - 24px);box-shadow:0 40px 120px -20px color-mix(in srgb, var(--accent) 30%, transparent), 0 24px 64px #00000073;border:1px solid #0000;border-radius:20px;padding:0;overflow:hidden}dialog.signin[open]{animation:.32s cubic-bezier(.2,1.2,.4,1) both signin-in,9s linear infinite demo-turn}dialog.signin::backdrop{-webkit-backdrop-filter:blur(8px)saturate(.8);backdrop-filter:blur(8px)saturate(.8);background:#080b0c9e}dialog.signin[open]::backdrop{animation:.25s both fade-in}@keyframes signin-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}.signin-body{text-align:center;justify-items:center;gap:0;padding:40px 32px 24px;display:grid;position:relative}.signin-body>*{position:relative}.signin-body .signin-glow{pointer-events:none;background:radial-gradient(260px 170px at 50% 45%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 70%), radial-gradient(200px 140px at 18% 60%, color-mix(in srgb, var(--code-kw) 10%, transparent), transparent 70%);height:300px;animation:9s ease-in-out infinite alternate glow-drift;position:absolute;inset:-90px -40px auto}.signin-body .signin-close{width:30px;height:30px;color:var(--ink-3);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;transition:color .15s,background .15s,transform .2s;display:grid;position:absolute;top:14px;right:14px}.signin-close:hover{color:var(--ink);background:var(--bg-2);transform:rotate(90deg)}.signin-logo{width:auto;height:44px;margin-bottom:22px;display:block}.signin-body h2{letter-spacing:-.01em;margin:0 0 10px;font-size:30px;line-height:1.1}.signin-body h2 em{color:var(--accent-ink);font-style:italic}.signin-lead{color:var(--ink-2);max-width:34ch;margin:0 0 24px;font-size:15px}.signin-providers{justify-items:center;gap:10px;width:100%;display:grid}.google-slot{border-radius:20px;justify-items:center;width:min(320px,100%);min-height:40px;display:grid;overflow:hidden}.google-slot[data-ready=false]{background:var(--bg-2);animation:1s ease-in-out infinite alternate sync-pulse}.btn.provider{background:var(--ink);width:min(320px,100%);height:40px;color:var(--bg);border-color:var(--ink);border-radius:20px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-family:Google Sans,Roboto,"Source Sans 3",system-ui,sans-serif;font-size:14px;font-weight:500;display:inline-flex}.btn.provider:hover:not(:disabled){background:var(--ink);filter:brightness(.92);transform:translateY(-1px)}.signin-body .inline-error{max-width:40ch;margin:14px 0 0}.signin-perks{border-top:1px solid var(--line);width:100%;color:var(--ink-3);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 0;padding:16px 0 0;font-size:12px;line-height:1.35;list-style:none;display:grid}.signin-perks b{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:3px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;display:block}.signin-foot{color:var(--ink-3);margin:18px 0 0;font-size:12px}.signin-skip{color:var(--ink-2);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.signin-skip:hover{color:var(--ink)}@media (width<=420px){.signin-body{padding:36px 18px 20px}.signin-perks{grid-template-columns:1fr;gap:8px}}@media (prefers-reduced-motion:reduce){dialog.signin[open],dialog.signin[open]::backdrop,.signin-body .signin-glow,.google-slot[data-ready=false]{animation:none}.signin-close:hover{transform:none}}.wrap{flex:1;grid-template-rows:auto minmax(0,1fr);grid-template-columns:256px minmax(0,1fr) minmax(0,1.25fr);gap:0;min-height:0;display:grid}.wrap>.sidebar,.wrap>.pane{grid-row:2}.wrap:has(>.pane.example.rail){grid-template-columns:256px 46px minmax(0,1fr)}.wrap:has(>.pane.example.kept){grid-template-columns:256px minmax(0,.9fr) minmax(0,1.5fr)}.picker{border-bottom:1px solid var(--line);grid-area:1/1/auto/-1;align-items:center;gap:10px;padding:12px 24px;display:none}.picker select{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:4px;flex:1;min-width:0;max-width:100%;padding:6px 10px}@media (width<=1100px){.wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.wrap:has(>.pane.example.rail){grid-template-columns:46px minmax(0,1fr)}.wrap:has(>.pane.example.kept){grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr)}.wrap>.sidebar{display:none}.picker{display:flex}}@media (width<=800px){#root{height:auto;min-height:100vh}.wrap{grid-template-rows:none;grid-template-columns:1fr;display:block}.scroll-col{overflow-y:visible}}.sidebar{border-right:1px solid var(--line);background:linear-gradient(to bottom, color-mix(in srgb, var(--accent) 6%, transparent), transparent 340px);flex-direction:column;min-height:0;display:flex;position:relative}@keyframes fade-in{0%{opacity:0}}.lang-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid;position:relative}.lang-tabs button{letter-spacing:.1em;color:var(--ink-3);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 0 9px;font-family:JetBrains Mono,monospace;font-size:12px;transition:color .15s,background .15s,border-color .15s}.lang-tabs button+button{border-left:1px solid var(--line)}.lang-tabs button:hover:not(:disabled){color:var(--ink);background:var(--bg-2)}.lang-tabs button[aria-pressed=true]{color:var(--accent-ink);border-bottom-color:var(--accent)}.lang-tabs button:disabled{opacity:.4;cursor:default}.lang-tabs button:focus-visible{outline-offset:-2px}aside.list{flex:1;min-height:0;padding:8px 0 30px;position:relative;overflow-x:hidden}.track[data-from=right]{animation:.28s cubic-bezier(.2,.8,.2,1) both track-in-right}.track[data-from=left]{animation:.28s cubic-bezier(.2,.8,.2,1) both track-in-left}@keyframes track-in-right{0%{opacity:0;transform:translate(40px)}}@keyframes track-in-left{0%{opacity:0;transform:translate(-40px)}}aside.list h3{margin:0;font-weight:500}.topic-toggle{text-align:left;letter-spacing:.12em;text-transform:uppercase;width:100%;color:var(--ink-3);background:0 0;border:0;align-items:center;gap:8px;padding:10px 20px 6px 16px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.topic-toggle:hover{color:var(--ink-2)}.topic-toggle:focus-visible{outline-offset:-2px}.topic-toggle .topic-name{flex:1;padding-bottom:4px;position:relative}.topic-toggle .topic-name:after{content:"";background:var(--accent);opacity:.85;border-radius:1px;width:22px;height:2px;position:absolute;bottom:0;left:0}.topic-name.shimmer{background:linear-gradient(100deg, var(--ink-3) 0 42%, var(--accent-ink) 50%, var(--ink-3) 58% 100%);color:#0000;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;animation:.9s ease-out both shimmer}@keyframes shimmer{0%{background-position:130% 0}to{background-position:-30% 0}}.topic-toggle .topic-count{letter-spacing:0;opacity:.8}.topic-toggle .topic-count.pop{color:var(--accent-ink);opacity:1}aside.list h3.complete .topic-toggle{animation:1.6s .1s topic-glow}@keyframes topic-glow{0%{color:var(--ink-3);background:0 0}25%{color:var(--accent-ink);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}to{color:var(--ink-3);background:0 0}}.chevron{border:1.5px solid;border-width:0 1.5px 1.5px 0;flex:none;width:6px;height:6px;margin-top:-3px;transition:transform .2s;transform:rotate(45deg)}section.topic[data-open=false] .chevron{margin-top:0;transform:rotate(-45deg)}.topic-body{visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .22s,visibility .22s;display:grid}.topic-body>div{min-height:0;overflow:hidden}section.topic[data-open=false] .topic-body{visibility:hidden;grid-template-rows:0fr}@media (prefers-reduced-motion:reduce){.topic-body,.chevron,.bar i{transition:none}ul.results li,.btn.run,.btn.run .run-check,.editor-shell,.pop,.tick,.tick path,.pip.known,aside.list h3 .topic-toggle,.toast,.topic-name.shimmer{animation:none!important}.topic-name.shimmer{color:inherit;background:0 0}.track{animation:none}.btn,.chip{transition:none}.btn:hover:not(:disabled),.chip:hover{transform:none}}.toasts{z-index:900;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--accent-soft);color:var(--accent-ink);border:1px solid var(--accent);border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;animation:.4s cubic-bezier(.2,1.4,.4,1) both toast-in,.35s 3s forwards toast-out;display:flex;box-shadow:0 8px 24px #00000040}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)scale(.95)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px)}}aside.list .item{box-sizing:border-box;text-align:left;width:100%;color:var(--ink-2);background:0 0;border:0;grid-template-columns:18px 1fr;align-items:center;gap:8px;padding:6px 20px;font-size:14px;text-decoration:none;display:grid}aside.list .item.child{padding-left:42px;font-size:13.5px;position:relative}aside.list .item.child:before{content:"";border-left:1px solid var(--line);border-bottom:1px solid var(--line);border-bottom-left-radius:3px;width:8px;position:absolute;top:0;bottom:50%;left:27px}aside.list .item:hover{color:var(--ink);background:radial-gradient(150px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent) 18%, var(--bg-2)), var(--bg-2) 72%)}aside.list .item[aria-current=page]{background:var(--accent-soft);color:var(--accent-ink)}aside.list .item[aria-current=page]:hover{background:radial-gradient(150px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent) 34%, var(--accent-soft)), var(--accent-soft) 72%)}.tick{border:1.5px solid color-mix(in srgb, var(--ink-3) 70%, transparent);border-radius:50%;width:16px;height:16px;transition:border-color .15s,background .25s,box-shadow .25s;display:inline-block;overflow:visible}aside.list .item:hover .tick{border-color:var(--accent)}.tick path{fill:none;stroke:var(--on-accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12;stroke-dashoffset:12px}.tick.done{background:linear-gradient(135deg, var(--accent-ink), var(--accent));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);border-color:#0000}aside.list .item:hover .tick.done{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 30%, transparent)}.tick.done path{stroke-dashoffset:0}.tick.pop{animation:.5s cubic-bezier(.2,1.6,.4,1) tick-spring}.tick.pop path{animation:.3s ease-out .12s both tick-draw}.tick-cell{width:16px;height:16px;display:inline-flex;position:relative}.cold-mark{color:var(--accent-ink);text-shadow:0 0 2px var(--bg), 0 0 2px var(--bg);font-size:10px;line-height:1;position:absolute;top:-7px;right:-7px}.cold-mark.pop{animation:.5s cubic-bezier(.2,1.6,.4,1) .35s both pop}@keyframes tick-spring{0%{transform:scale(.7)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes tick-draw{0%{stroke-dashoffset:12px}to{stroke-dashoffset:0}}.tag.muted{border-color:var(--ink-3);color:var(--ink-3)}.pane{min-width:0;padding:24px 28px 40px}.pane.example{background:var(--bg-2);border-right:1px solid var(--line)}.pane.example.rail{flex-direction:column;align-items:center;gap:14px;padding:16px 0 0;display:flex;overflow:hidden}.rail-label{writing-mode:vertical-rl;white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:11px;transform:rotate(180deg)}.peek-btn{align-items:center;gap:5px;display:inline-flex}.pane.example.rail .peek-btn{writing-mode:vertical-rl;padding:9px 3px;transform:rotate(180deg)}.hidden-example{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:18px;padding-bottom:14px;display:flex}.hidden-example p{margin:0}dialog.peek{border:1px solid var(--line);background:var(--bg-2);color:var(--ink);border-radius:14px;width:min(760px,100vw - 32px);max-height:min(85vh,900px);padding:0;box-shadow:0 30px 80px -30px #000000b3}dialog.peek::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073}dialog.peek[open]{animation:.25s cubic-bezier(.2,1.2,.4,1) peek-in}@keyframes peek-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.peek-body{padding:24px 28px 28px;position:relative}.peek-close{color:var(--ink-3);background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.peek-close:hover{color:var(--ink);background:var(--bg-3)}@media (prefers-reduced-motion:reduce){dialog.peek[open],.cold-mark.pop{animation:none}}.pane.task{background:linear-gradient(to bottom, color-mix(in srgb, var(--accent) 7%, transparent), transparent 260px) var(--bg)}@media (width<=800px){.pane.example{border-right:0;border-bottom:1px solid var(--line)}.pane.example.rail{flex-direction:row;justify-content:space-between;padding:10px 20px}.rail-label,.pane.example.rail .peek-btn{writing-mode:horizontal-tb;transform:none}.pane.example.rail .peek-btn{padding:2px 9px}}h1,h2{letter-spacing:-.005em;text-wrap:balance;margin:0 0 10px;font-family:Newsreader,Georgia,serif;font-size:26px;font-weight:600;line-height:1.15}.pane p{max-width:62ch;margin:0 0 12px}.prompt{white-space:pre-wrap}.meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 14px;font-family:JetBrains Mono,monospace;font-size:13px;display:flex}.dots{letter-spacing:2px}.lang-toggle{border:1px solid var(--line);border-radius:4px;display:inline-flex;overflow:hidden}.lang-toggle button{font:inherit;color:var(--ink-3);background:0 0;border:0;padding:1px 8px}.lang-toggle button+button{border-left:1px solid var(--line)}.lang-toggle button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink)}.lang-toggle button:disabled{opacity:.5;cursor:default}.meta .copy-link{color:var(--ink-3);align-items:center;gap:5px;margin-left:auto;font-family:inherit;display:inline-flex}.meta .copy-link:hover:not(:disabled){color:var(--ink)}.meta .copy-link-url{-webkit-user-select:all;user-select:all;word-break:break-all;color:var(--ink-2);flex-basis:100%}pre{background:var(--code-bg);color:var(--code-ink);border-radius:6px;margin:0 0 16px;font-family:JetBrains Mono,monospace;font-size:13.5px;line-height:1.55;overflow-x:auto}pre code{min-width:max-content;padding:14px 16px;display:block}code{font-family:JetBrains Mono,monospace}table.io{border-collapse:collapse;width:100%;margin:0 0 16px;font-family:JetBrains Mono,monospace;font-size:13.5px}table.io th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);padding:4px 8px;font-size:11px;font-weight:500}table.io td{border-bottom:1px solid var(--line);vertical-align:top;word-break:break-word;padding:6px 8px}.iowrap{overflow-x:auto}.editor-shell{resize:vertical;border:1px solid var(--line);background:var(--editor-bg);border-radius:6px;height:340px;min-height:180px;overflow:hidden}.editor-shell:focus-within{border-color:var(--focus)}.editor-shell{position:relative}.editor-status{z-index:5;border:1px solid var(--line);background:color-mix(in srgb, var(--editor-bg) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:calc(100% - 28px);color:var(--ink-3);border-radius:999px;padding:3px 9px;font-size:12px;line-height:1.5;animation:.25s ease-out rise;position:absolute;bottom:8px;right:14px}@media (prefers-reduced-motion:reduce){.editor-status{animation:none}}.pane.task[data-outcome=pass] .editor-shell,.pane.task[data-outcome=first-solve] .editor-shell{animation:editor-sweep 1.1s ease-out var(--reveal)}@keyframes editor-sweep{0%{border-color:var(--pass);box-shadow:0 0 0 0 color-mix(in srgb, var(--pass) 55%, transparent)}60%{border-color:var(--pass)}to{border-color:var(--line);box-shadow:0 0 0 14px #0000}}.editor-loading{height:100%;color:var(--ink-3);place-items:center;font-family:JetBrains Mono,monospace;font-size:13px;display:grid}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 16px;display:flex}.btn{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:5px;padding:7px 13px;font-size:14px;transition:transform .15s,background .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--bg-2);transform:translateY(-1px)}.btn.primary{background:var(--bg-2);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-ink)}.btn:disabled{opacity:.5;cursor:default}.kbd{opacity:.75;margin-left:6px;font-family:JetBrains Mono,monospace;font-size:11px}.ai-nudge{color:var(--ink-3);font-size:13px}.interview-note{color:var(--ink-3);max-width:62ch;margin:-6px 0 14px;font-size:13px}.interview-note.used{color:var(--ink-2)}.spacer{flex:1}.btn.run .run-check{opacity:0;vertical-align:bottom;max-width:0;display:inline-block;overflow:hidden}.pane.task[data-outcome=pass] .btn.run,.pane.task[data-outcome=first-solve] .btn.run{animation:btn-pass 1.4s ease var(--reveal) both}.pane.task[data-outcome=pass] .btn.run .run-check,.pane.task[data-outcome=first-solve] .btn.run .run-check{animation:check-unfold 1.4s ease var(--reveal) both}.pane.task[data-outcome=fail] .btn.run,.pane.task[data-outcome=fatal] .btn.run{animation:shake .45s ease var(--reveal)}@keyframes btn-pass{0%,to{background:var(--bg-2);border-color:var(--accent);color:var(--accent-ink);transform:scale(1)}12%{background:var(--pass);border-color:var(--pass);color:var(--on-accent);transform:scale(1.06)}20%,80%{background:var(--pass);border-color:var(--pass);color:var(--on-accent);transform:scale(1)}}@keyframes check-unfold{0%,to{opacity:0;max-width:0;margin-right:0}12%,85%{opacity:1;max-width:1.2em;margin-right:6px}}@keyframes shake{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.results-stage{position:relative}.results-stage[data-running=true]{min-height:150px}.matrix-rain{pointer-events:none;width:100%;height:100%;color:var(--accent);opacity:0;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.matrix-rain.on{opacity:.5;transition-duration:.15s}.status{color:var(--ink-2);min-height:20px;margin:0 0 8px;font-size:14px}.status.pass{color:var(--pass);font-weight:600}.status.fail{color:var(--fail);font-weight:600}.status.counting{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace}.status.pop{transform-origin:0}ul.results{flex-direction:column;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}ul.results li{background:var(--bg-2);animation:result-in .28s ease calc(var(--i,0) * 70ms) both;border-radius:5px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:13px;display:grid}ul.results li.pass{background:var(--pass-soft)}ul.results li.fail{background:var(--fail-soft);animation:result-in .28s ease calc(var(--i,0) * 70ms) both, fail-nudge .5s ease-out calc(var(--i,0) * 70ms + .3s)}@keyframes result-in{0%{background:var(--bg-2);opacity:0;transform:translateY(8px)}}@keyframes fail-nudge{0%,to{transform:scale(1)}40%{box-shadow:0 0 0 2px color-mix(in srgb, var(--fail) 45%, transparent);transform:scale(1.015)}}ul.results .badge{letter-spacing:.08em;text-transform:uppercase;background:var(--bg);color:var(--ink-2);border-radius:3px;padding:2px 6px;font-size:11px;font-weight:500}li.pass .badge{color:var(--pass)}li.fail .badge{color:var(--fail)}ul.results .detail{color:var(--ink-2);word-break:break-word;white-space:pre-wrap}ul.results .detail b{color:var(--ink);font-weight:500}.compile-error{white-space:pre;font-variant-ligatures:none;background:var(--fail-soft);color:var(--ink);border-left:3px solid var(--fail);border-radius:5px;margin:0 0 10px;padding:10px 12px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.5;animation:.28s both result-in;overflow-x:auto}.compile-more{color:var(--ink-2);margin:0 0 16px;font-size:13px}.compile-more summary{cursor:pointer;margin-bottom:8px}.compile-more .compile-error{background:var(--bg-2);border-left-color:var(--line,var(--ink-2))}ul.results .row-output{min-width:0;color:var(--ink-2);grid-column:2}.row-output summary,.run-log summary{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.row-output pre,.run-log pre{background:var(--bg);color:var(--ink);font-variant-ligatures:none;white-space:pre-wrap;word-break:break-word;border-radius:4px;max-height:220px;margin:6px 0 2px;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.5;overflow:auto}.run-log{color:var(--ink-2);margin:0 0 16px}.run-log pre{background:var(--bg-2)}.sql-table{min-width:0;margin:0 0 14px}.sql-table figcaption,.sql-more{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 4px;font-family:JetBrains Mono,monospace;font-size:11px}.sql-more{text-transform:none;letter-spacing:0;margin:4px 0 0}.sql-table-scroll{border:1px solid var(--line);background:var(--bg);border-radius:5px;max-height:320px;position:relative;overflow:auto}.sql-table table{border-collapse:collapse;width:100%;font-family:JetBrains Mono,monospace;font-size:12.5px}.sql-table th{text-align:left;color:var(--ink-2);background:var(--bg-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:5px 10px;font-weight:500;position:sticky;top:0}.sql-table td{border-bottom:1px solid var(--line);white-space:nowrap;color:var(--ink);padding:4px 10px}.sql-table tr:last-child td{border-bottom:0}.sql-table td.num{text-align:right;color:var(--code-num)}.sql-table td.null,.sql-empty{color:var(--ink-3);font-style:italic}.sql-empty{margin:0;font-family:JetBrains Mono,monospace;font-size:12.5px}.sql-brief{margin:0 0 4px}ul.results .sql-compare{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;min-width:0;display:grid}ul.results .sql-compare .sql-table{margin:0}.sql-schema{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.sql-schema-about{color:var(--ink-2);font-size:14px}.sql-schema-table{border:1px solid var(--line);background:var(--bg);border-radius:6px;margin:0 0 10px;padding:10px 12px}.sql-schema-head{align-items:baseline;gap:10px;font-family:JetBrains Mono,monospace;font-size:13.5px;display:flex}.sql-schema-head .muted{margin-right:auto;font-size:12px}.btn.small{padding:2px 9px;font-size:12px}.sql-schema-table ul{flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;padding:0;font-family:JetBrains Mono,monospace;font-size:12.5px;list-style:none;display:flex}.sql-schema-table li{white-space:nowrap;align-items:baseline;gap:0 6px;display:flex}.sql-schema-table li code{color:var(--ink)}.sql-type{color:var(--code-kw)}.sql-nullable{color:var(--ink-3);font-style:italic}.sql-schema-table li .tag{margin-left:0}.sql-schema-table li .tag.muted{text-transform:none;letter-spacing:0}.pane.task[data-language=sql] .editor-shell{height:230px}.sql-schema-table .sql-table{margin:10px 0 2px}.status-note{color:var(--ink-2);max-width:62ch;margin:-2px 0 10px;font-size:14px}@media (prefers-reduced-motion:reduce){.compile-error{animation:none}}.note{background:var(--note);color:var(--note-ink);border-radius:6px;max-width:62ch;margin:0 0 14px;padding:10px 14px;font-size:14px}.solution{margin-top:6px}.foot{color:var(--ink-3);max-width:62ch;margin-top:24px;font-size:13px}.hljs-keyword,.hljs-built_in,.hljs-literal{color:var(--code-kw)}.hljs-string,.hljs-regexp{color:var(--code-str)}.hljs-number{color:var(--code-num)}.hljs-comment{color:var(--code-cm);font-style:italic}.hljs-title,.hljs-title.function_,.hljs-title.class_{color:var(--code-fn)}.hljs-attr{color:var(--code-attr)}.hljs-type{color:var(--code-kw)}.review{border:1px solid var(--line);border-radius:6px;max-width:70ch;margin:0 0 16px;padding:12px 16px;font-size:15px}.review .review-text{white-space:pre-wrap;margin:0}.review .thinking{color:var(--ink-3);margin:0;font-style:italic}.inline-error{color:var(--fail);max-width:62ch;margin:0 0 10px;font-size:14px}.tag{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--accent);color:var(--accent-ink);vertical-align:middle;border-radius:3px;margin-left:6px;padding:0 5px;font-family:JetBrains Mono,monospace;font-size:10px}.page{min-height:0;padding:calc(var(--header-h) + 24px) 24px 24px;flex:1;overflow:hidden auto}.page-inner{grid-template-columns:minmax(0,1fr);gap:16px;max-width:960px;margin:0 auto;display:grid}.card{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:18px 20px}.card h2{margin:0 0 8px;font-size:22px}.card h3{margin:0 0 12px;font-size:16px}.muted{color:var(--ink-3)}.profile-head{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.profile-head .avatar-lg{border-radius:50%;width:64px;height:64px;display:block}.profile-head h2{margin:0;font-size:22px}.badge{border:1px solid var(--line);color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:1px 9px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-block}.badge.accent{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.tile{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:14px 16px}.tile .value{font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:1.1}.tile .label{color:var(--ink-3);margin-top:4px;font-size:13px}.meters{gap:10px;display:grid}.meter-row{grid-template-columns:120px 1fr 110px;align-items:center;gap:12px;font-size:14px;display:grid}.meter{background:var(--bg-3);border-radius:4px;height:8px;display:block;position:relative;overflow:hidden}.meter i{background:var(--accent);border-radius:4px;height:100%;transition:width .3s;display:block}.meter .cold{background:var(--accent-ink);position:absolute;top:0;left:0}.meter-row .num{text-align:right;color:var(--ink-2);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:12px}.track-toggle{box-sizing:content-box;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;margin:-4px -6px;padding:4px 6px;font-size:14px}.track-toggle:hover{background:var(--bg-2)}.track-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.track-name{align-items:center;gap:8px;min-width:0;display:flex}.track:not([data-started]) .track-name{color:var(--ink-2)}.track-toggle .caret{border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);flex:none;width:6px;height:6px;transition:transform .15s;transform:rotate(-45deg)}.track-toggle[aria-expanded=true] .caret{transform:rotate(45deg)}.track-topics{border-left:1px solid var(--line);gap:10px;margin:12px 0 8px 2px;padding-left:16px;display:grid}.track-topics .meter-row{color:var(--ink-2);grid-template-columns:104px 1fr 110px;font-size:13px}.track-topics .meter{height:6px}.track-link{color:var(--accent);justify-self:start;font-size:13px;text-decoration:none}.track-link:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.track-toggle .caret{transition:none}}.heatmap{padding-bottom:4px;overflow-x:auto}.heatmap-months{color:var(--ink-3);white-space:nowrap;grid-auto-columns:12px;grid-auto-flow:column;height:14px;font-size:10px;display:grid}.heatmap-grid{grid-template-rows:repeat(7,10px);grid-auto-columns:10px;grid-auto-flow:column;gap:2px;display:grid}.heatmap .cell{background:var(--bg-3);border-radius:2px;width:10px;height:10px;display:inline-block}.heatmap .cell[data-level="1"]{background:color-mix(in srgb, var(--accent) 32%, var(--bg-3))}.heatmap .cell[data-level="2"]{background:color-mix(in srgb, var(--accent) 55%, var(--bg-3))}.heatmap .cell[data-level="3"]{background:color-mix(in srgb, var(--accent) 78%, var(--bg-3))}.heatmap .cell[data-level="4"]{background:var(--accent)}.heatmap .cell.future{visibility:hidden}.heatmap-legend{color:var(--ink-3);align-items:center;gap:3px;margin-top:8px;font-size:11px;display:flex}.form{gap:10px;max-width:520px;display:grid}.form label{color:var(--ink-2);gap:4px;font-size:13px;display:grid}.form label.row,.form .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.form input[type=text],.form textarea,.form input[type=number],.form select{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:5px;padding:7px 10px}.form textarea{resize:vertical}table.data{border-collapse:collapse;width:100%;font-size:14px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px}table.data th{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:12px}table.data .row{align-items:center;gap:6px;display:flex}table.data select{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:4px;padding:4px 6px;font-size:13px}.nav{gap:4px;display:flex}.nav a{color:var(--ink-2);border-radius:999px;padding:3px 10px;font-size:13px;text-decoration:none}.nav a:hover{color:var(--ink);background:var(--bg-2)}.nav a[aria-current=page]{color:var(--accent-ink);background:var(--accent-soft)}.account-name a{color:inherit;text-decoration:none}.account-name a:hover{text-decoration:underline}.calls-left{color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:12px}@media (width<=800px){.page{padding:calc(var(--header-h) + 16px) 16px 16px;overflow:visible}#root{overflow-x:clip}.meter-row{grid-template-columns:90px 1fr 90px}.track-topics .meter-row{grid-template-columns:74px 1fr 90px}}a.btn,a.theme-toggle{align-items:center;text-decoration:none;display:inline-flex}.daily-lists{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.samples ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.sample{background:var(--bg-2);border-radius:5px;align-items:center;gap:8px;padding:5px 8px;font-size:14px;display:flex}.sample code{white-space:pre;font-family:JetBrains Mono,monospace;font-size:13px;overflow-x:auto}.sample .dot{border:1.5px solid var(--ink-3);border-radius:50%;flex:none;width:8px;height:8px}.sample.ok .dot{background:var(--pass);border-color:var(--pass)}.sample.bad .dot{background:var(--fail);border-color:var(--fail)}.sample.ok{background:var(--pass-soft)}.sample.bad{background:var(--fail-soft)}.regex-field{border:1px solid var(--line);background:var(--editor-bg);border-radius:6px;flex:1;align-items:center;gap:2px;min-width:240px;padding:0 10px;display:inline-flex}.regex-field:focus-within{border-color:var(--focus)}.regex-field .slash{color:var(--ink-3);font-family:JetBrains Mono,monospace}.regex-field input{color:var(--editor-ink);background:0 0;border:0;outline:none;flex:1;min-width:0;padding:9px 4px;font-family:JetBrains Mono,monospace;font-size:15px}.daily-solution{margin:10px 0 0;font-size:14px}.daily-solution code{font-family:JetBrains Mono,monospace}.dotstar-mark{color:var(--accent-ink);margin-right:.2em;font-family:JetBrains Mono,monospace;font-weight:600}.feature-copy h2 .dotstar-mark{letter-spacing:-.06em;margin-right:.1em}.daily-what{color:var(--ink-2)}.daily-link{color:var(--ink-2);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 16px;font-size:13px;text-decoration:none;display:flex}.daily-link:hover{color:var(--ink);background:var(--bg-2)}.daily-link b{color:var(--accent-ink);font-weight:600}@media (width<=600px){.daily-lists{grid-template-columns:1fr}}.nav{align-items:center}.nav-menu{position:relative}.nav-trigger{color:var(--ink-2);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;display:inline-flex}.nav-trigger:hover,.nav-trigger[aria-expanded=true]{color:var(--ink);background:var(--bg-2)}.nav-trigger[data-current=true]{color:var(--accent-ink);background:var(--accent-soft)}.caret{border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.nav-trigger[aria-expanded=true] .caret{transform:translateY(1px)rotate(225deg)}.nav-pop{background:var(--bg);border:1px solid var(--line);border-radius:12px;width:248px;padding:12px 8px 8px;animation:.16s ease-out both pop-in;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 18px 48px #00000052}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.nav-pop .eyebrow{margin:0 8px 6px}.nav-pop .nav-group+.nav-group{margin-top:10px}.nav-pop ul{gap:1px;margin:0;padding:0;list-style:none;display:grid}.nav .nav-lang{color:var(--ink);border-radius:8px;align-items:center;gap:10px;padding:6px 8px;font-size:14px;display:flex}.nav .nav-lang .badge{margin-left:auto;font-size:10px}.nav .nav-all{border-top:1px solid var(--line);border-radius:0 0 8px 8px;justify-content:space-between;margin-top:6px;padding:9px 8px 5px;font-size:13px;display:flex}.nav .nav-all:hover{color:var(--accent-ink);background:0 0}.monogram{letter-spacing:.02em;background:var(--accent);width:28px;height:28px;color:var(--on-accent);border:1px solid var(--accent);border-radius:7px;flex:none;place-items:center;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:500;display:inline-grid}.monogram[data-enabled=false]{color:var(--ink-3);border:1px dashed var(--ink-3);background:0 0}.monogram.lg{border-radius:9px;width:38px;height:38px;font-size:13px}.monogram.xl{border-radius:14px;width:64px;height:64px;font-size:20px}.practice-bar{margin-top:var(--header-h);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2);flex-wrap:wrap;flex:none;align-items:center;gap:18px;padding:8px 24px;display:flex}.track-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin:0;font-family:JetBrains Mono,monospace;font-size:11px}.btn.cta{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 8px 28px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:8px;gap:8px;padding:11px 20px;font-size:16px;font-weight:600}.btn.cta:hover:not(:disabled){background:var(--accent);filter:brightness(1.06);transform:translateY(-2px)}.btn.cta span{transition:transform .15s}.btn.cta:hover span{transform:translate(3px)}.btn.ghost{background:0 0;border-radius:8px;padding:11px 18px;font-size:16px}.spot{isolation:isolate;position:relative}.spot:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0px), color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%);transition:opacity .25s;position:absolute;inset:0}.spot:hover:before{opacity:1}.prerender{max-width:760px;color:var(--ink);opacity:0;margin:0 auto;padding:96px 16px 48px;animation:.25s .6s forwards prerender-reveal}@keyframes prerender-reveal{to{opacity:1}}@media (prefers-reduced-motion:reduce){.prerender{animation-duration:0s}}.prerender h1{margin:0 0 12px;font-size:36px;line-height:1.1}.prerender h2{margin:24px 0 8px;font-size:18px}.prerender p,.prerender li{color:var(--ink-2);font-size:17px;line-height:1.5}.prerender ul{margin:0;padding-left:20px}.prerender a{color:var(--accent-ink)}.page-head h1,.page-head h2{margin:.83em 0;font-size:32px}.page-head p{max-width:68ch;margin:0 0 8px}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:12px 0 0;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.lang-groups{gap:22px;display:grid}.lang-group .section-label{margin:0 0 10px}.lang-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;display:grid}.track-group+.track-group{margin-top:16px}.track-group .section-label{margin:0 0 8px}.lang-card{border:1px solid var(--line);background:var(--bg);color:var(--ink);text-align:left;border-radius:12px;flex-direction:column;gap:10px;padding:16px 18px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.lang-card:hover{border-color:var(--accent);transform:translateY(-2px)}.lang-card[data-enabled=false]{border-style:dashed}.lang-card[data-enabled=false]:hover{border-color:var(--ink-3)}.lang-card-head{align-items:center;gap:12px;font-size:17px;display:flex}.lang-card-head .badge{margin-left:auto}.lang-card-tagline{color:var(--ink-2);flex:1;font-size:14px}.lang-card-foot{align-items:center;gap:10px;display:flex}.lang-card-foot .meter{flex:1}.lang-card-foot .num{color:var(--ink-3);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:12px}.card.soon{background:linear-gradient(to bottom, color-mix(in srgb, var(--accent) 7%, transparent), transparent 220px) var(--bg);justify-items:start;gap:10px;padding:32px;display:grid}.card.soon h2{margin:0;font-size:32px}.card.soon .eyebrow{margin:8px 0 0}.soon-lead{color:var(--ink-2);max-width:60ch;margin:0;font-size:18px}.soon-list{color:var(--ink-2);gap:4px;max-width:68ch;margin:6px 0 10px;padding-left:20px;display:grid}.soon-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page.landing{padding:0}.page.landing .hero{padding-top:calc(var(--header-h) + 36px)}.hero{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;padding:36px 24px 72px;display:grid;position:relative;overflow:hidden}.hero>*{max-width:100%;position:relative}.hero .hero-glow{pointer-events:none;background:radial-gradient(520px 320px at 50% 18%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), radial-gradient(420px 300px at 22% 40%, color-mix(in srgb, var(--code-kw) 10%, transparent), transparent 70%), radial-gradient(420px 300px at 80% 46%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%);max-width:none;height:760px;animation:14s ease-in-out infinite alternate glow-drift;position:absolute;inset:-20% -10% auto}@keyframes glow-drift{to{transform:translate(2%,3%)scale(1.06)}}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.35;background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 20%,#0000 75%)}.hero-logo{width:min(260px,60vw);height:auto;margin-bottom:22px;animation:.7s ease-out both rise;display:block}.hero-title{letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(32px,4.6vw,56px);line-height:1.04;animation:.7s ease-out 80ms both rise}.hero-title em{color:var(--accent-ink);font-style:italic;display:block}.hero-lead{color:var(--ink-2);max-width:58ch;margin:0 0 22px;font-size:clamp(16px,1.6vw,19px);animation:.7s ease-out .16s both rise}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.chooser{justify-items:center;gap:14px;animation:.7s ease-out .24s both rise;display:grid}.chooser-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0;font-family:JetBrains Mono,monospace;font-size:11px}.chooser-rows{justify-items:center;gap:8px;max-width:100%;display:grid}.chooser-row-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;border-right:1px solid var(--line);margin-right:2px;padding:0 12px 0 10px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1}.chooser-langs{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-2) 80%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;max-width:100%;padding:4px;display:flex}.chooser-lang{color:var(--ink-2);background:0 0;border:0;border-radius:999px;align-items:baseline;gap:6px;padding:6px 14px;font-size:14px;transition:background .15s,color .15s;display:inline-flex}.chooser-lang:hover{color:var(--ink)}.chooser-lang[aria-checked=true]{background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--accent)}.chooser-lang small{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:9px}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.hero-note{color:var(--ink-3);margin:0;font-size:13px}@property --demo-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.demo-window{text-align:left;background:linear-gradient(var(--bg), var(--bg)) padding-box, conic-gradient(from var(--demo-angle), var(--line), var(--accent), var(--line) 35%, var(--line) 60%, var(--code-kw), var(--line)) border-box;width:min(1040px,100%);box-shadow:0 40px 120px -30px color-mix(in srgb, var(--accent) 35%, transparent), 0 24px 60px #0000004d;border:1px solid #0000;border-radius:14px;margin-top:40px;transition:box-shadow .6s;animation:.9s ease-out .35s both rise,9s linear infinite demo-turn}.demo-window[data-done=true]{box-shadow:0 40px 120px -30px color-mix(in srgb, var(--pass) 40%, transparent), 0 24px 60px #0000004d}@keyframes demo-turn{to{--demo-angle:360deg}}.demo-chrome{border-bottom:1px solid var(--line);align-items:center;gap:7px;padding:10px 14px;display:flex}.demo-chrome i{background:var(--bg-3);border-radius:50%;width:10px;height:10px}.demo-chrome span{color:var(--ink-3);margin-left:10px;font-family:JetBrains Mono,monospace;font-size:11px}.demo-panes{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);display:grid}.demo-pane{min-width:0;padding:18px 20px 20px}.demo-pane.example{background:var(--bg-2);border-right:1px solid var(--line);border-radius:0 0 0 13px}.demo-pane .eyebrow{margin-bottom:4px}.demo-title{margin:0 0 10px;font-family:Newsreader,Georgia,serif;font-size:20px;font-weight:600}.demo-note{color:var(--ink-2);margin:0;font-size:13px}.demo-window pre{margin-bottom:12px;font-size:12px}.demo-editor pre{border:1px solid var(--line);min-height:178px;margin:0}.demo-editor[data-typing=true] code:after{content:"";vertical-align:text-bottom;background:var(--accent);width:7px;height:1.1em;margin-left:1px;animation:.9s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}.demo-actions{align-items:center;gap:8px;margin:12px 0;display:flex}.demo-actions .btn{pointer-events:none;padding:5px 11px;font-size:13px}.demo-window[data-done=true] .demo-actions .btn{border-color:var(--pass);color:var(--pass)}.demo-tests{gap:4px;margin:0;padding:0;list-style:none;display:grid}.demo-tests li{background:var(--bg-2);border-radius:5px;align-items:center;gap:8px;padding:5px 9px;font-size:12px;transition:background .3s;display:flex}.demo-tests .dot{border:1.5px solid var(--ink-3);border-radius:50%;flex:none;width:8px;height:8px;transition:background .3s,border-color .3s,transform .3s cubic-bezier(.2,1.6,.4,1)}.demo-tests li[data-pass=true]{background:var(--pass-soft)}.demo-tests li[data-pass=true] .dot{background:var(--pass);border-color:var(--pass);transform:scale(1.2)}.landing-section{max-width:1240px;margin:0 auto;padding:56px 24px}.landing-section>h2{max-width:24ch;margin-bottom:28px;font-size:clamp(26px,3.2vw,38px)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.reveal.in{opacity:1;transform:none}.mini-regex{gap:12px;margin-top:10px;display:grid}.mini-regex .daily-lists{margin:0}.mini-regex .regex-field{min-width:0}.mini-regex .sample{transition:background .2s}.mini-regex-status{color:var(--ink-2);min-height:21px;margin:0;font-size:14px}.mini-regex-status a,.site-foot a{color:var(--accent-ink);text-decoration:none}.mini-regex-status a:hover,.site-foot a:hover{text-decoration:underline}.mock-review{border-left:2px solid var(--accent);background:var(--bg-2);color:var(--ink-2);border-radius:0 8px 8px 0;gap:8px;margin-top:4px;padding:14px 16px;font-size:14px;display:grid}.mock-review p{margin:0}.mock-review b{color:var(--ink)}.mock-review code{color:var(--accent-ink);font-size:12.5px}.caret-blink{vertical-align:text-bottom;background:var(--accent);width:7px;height:1em;margin-left:3px;animation:.9s step-end infinite caret-blink;display:inline-block}.mock-tree{border:1px solid var(--line);border-radius:8px;gap:2px;margin:8px 0 0;padding:8px;font-size:14px;list-style:none;display:grid}.mock-tree li{border-radius:5px;flex-wrap:wrap;align-items:center;gap:8px;padding:5px 8px;display:flex}.mock-tree li:before{content:"";border:1.5px solid var(--ink-3);border-radius:3px;flex:none;width:12px;height:12px}.mock-tree li[data-done=true]:before{background:var(--accent);border-color:var(--accent)}.mock-tree li.child{margin-left:18px}.mock-tree li.fresh{background:var(--accent-soft);animation:2.4s ease-in-out infinite fresh-pulse}.mock-tree .tag{margin-left:0}@keyframes fresh-pulse{50%{background:0 0}}.landing-section.final{text-align:center;justify-items:center;padding-bottom:72px;display:grid}.landing-section.final>h2{max-width:none;margin-bottom:10px}.site-foot{border-top:1px solid var(--line);color:var(--ink-3);flex-wrap:wrap;justify-content:center;gap:18px;padding:22px 24px 32px;font-size:13px;display:flex}.page-inner>.site-foot{margin-top:24px;padding:22px 0 8px}.legal section{max-width:72ch}.legal h2{margin:20px 0 8px;font-size:20px}.legal p,.legal li{color:var(--ink-2);margin:0 0 10px;font-size:16px;line-height:1.55}.legal ul{margin:0 0 10px;padding-left:20px}@media (width<=900px){.demo-panes{grid-template-columns:1fr}.demo-pane.example{display:none}}@media (width<=800px){header.top{gap:10px;padding:10px 16px;position:fixed}.practice-bar{gap:10px;padding:8px 16px}.practice-bar .chips{margin-left:0}.hero{padding:36px 16px 48px}.landing-section{padding:40px 16px}.demo-window{margin-top:36px}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.hero .hero-glow,.demo-window,.hero-logo,.hero-title,.hero-lead,.chooser,.nav-pop,.mock-tree li.fresh,.caret-blink{animation:none}}.page.daily-page{position:relative}.daily-glow{pointer-events:none;background:radial-gradient(560px 300px at 50% 8%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%), radial-gradient(380px 260px at 16% 30%, color-mix(in srgb, var(--code-kw) 9%, transparent), transparent 70%);height:520px;animation:14s ease-in-out infinite alternate glow-drift;position:absolute;inset:0 0 auto}.page-inner.daily{gap:28px;max-width:1120px;position:relative}.daily-head{text-align:center;justify-items:center;gap:10px;padding-top:12px;animation:.6s ease-out both rise;display:grid}.daily-meta{color:var(--ink-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.daily-meta .dots{color:var(--accent-ink)}.daily-countdown b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}.daily-head h2{letter-spacing:-.015em;max-width:20ch;margin:4px 0 0;font-size:clamp(30px,4.4vw,50px);line-height:1.06}.daily-prompt{color:var(--ink-2);text-wrap:balance;max-width:62ch;margin:0;font-size:18px}.daily-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;animation:.6s ease-out .1s both rise;display:grid}.daily-main{grid-template-columns:minmax(0,1fr);gap:18px;min-width:0;display:grid}.console{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.console-field{background:linear-gradient(var(--editor-bg), var(--editor-bg)) padding-box, conic-gradient(from var(--demo-angle), var(--line), var(--accent), var(--line) 35%, var(--line) 60%, var(--code-kw), var(--line)) border-box;box-shadow:0 20px 60px -28px color-mix(in srgb, var(--accent) 45%, transparent);border:1.5px solid #0000;border-radius:16px;align-items:center;gap:4px;padding:8px 8px 8px 20px;transition:box-shadow .25s;animation:9s linear infinite demo-turn;display:flex}.console-field:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent), 0 24px 70px -24px color-mix(in srgb, var(--accent) 60%, transparent)}.console-field .slash{color:var(--accent-ink);opacity:.8;font-family:JetBrains Mono,monospace;font-size:24px}.console-field input{min-width:0;color:var(--editor-ink);caret-color:var(--accent);background:0 0;border:0;outline:none;flex:1;padding:12px 6px;font-family:JetBrains Mono,monospace;font-size:22px}.console-field input::placeholder{color:var(--ink-3);opacity:.6}.console-go{background:var(--accent);color:var(--on-accent);border:0;border-radius:11px;flex:none;margin-left:8px;padding:12px 18px;font-size:15px;font-weight:600;transition:transform .15s,filter .15s}.console-go:hover{filter:brightness(1.07);transform:translateY(-1px)}.console-go .kbd{margin-left:4px}.console-foot{color:var(--ink-2);align-items:center;gap:8px;margin:0;padding-left:6px;font-size:13px;display:flex}.pips-tries{gap:5px;margin-right:4px;display:inline-flex}.pips-tries i{background:var(--bg-3);border-radius:3px;width:18px;height:5px;transition:background .3s}.pips-tries i[data-used=true]{background:var(--accent)}.console-error{margin:0;padding-left:6px;animation:.35s shake}.boards{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.board{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-2) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;padding:16px}.board-head{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:8px;margin:0 0 12px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.board-mark{letter-spacing:0;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:inline-grid}.board[data-kind=match] .board-mark{background:var(--pass-soft);color:var(--pass)}.board[data-kind=avoid] .board-mark{background:var(--fail-soft);color:var(--fail)}.board-count{letter-spacing:.04em;color:var(--ink-3);margin-left:auto}.board ul{perspective:800px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.tile-sample{border:1px solid var(--line);background:var(--bg);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .2s;display:flex}.tile-sample code{white-space:pre;scrollbar-width:none;flex:1;font-size:14.5px;overflow-x:auto}.tile-sample .verdict{border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.tile-sample.ok,.tile-sample.bad{animation:.5s both tile-flip;animation-delay:calc(var(--i) * 70ms)}.tile-sample.ok{background:var(--pass-soft);border-color:color-mix(in srgb, var(--pass) 55%, transparent)}.tile-sample.bad{background:var(--fail-soft);border-color:color-mix(in srgb, var(--fail) 55%, transparent)}.tile-sample.ok .verdict{background:var(--pass);color:var(--bg)}.tile-sample.bad .verdict{background:var(--fail);color:var(--bg)}@keyframes tile-flip{0%{background:var(--bg);border-color:var(--line);transform:rotateX(0)}49%{background:var(--bg);border-color:var(--line);transform:rotateX(90deg)}51%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.daily-rule{max-width:72ch;margin:0;font-size:13px}.console[data-win] .console-field{background:linear-gradient(var(--editor-bg), var(--editor-bg)) padding-box, conic-gradient(from var(--demo-angle), var(--pass), color-mix(in srgb, var(--pass) 25%, var(--line)), var(--accent), color-mix(in srgb, var(--pass) 25%, var(--line)), var(--pass)) border-box;box-shadow:0 0 0 4px color-mix(in srgb, var(--pass) 18%, transparent), 0 24px 70px -24px color-mix(in srgb, var(--pass) 70%, transparent);animation:demo-turn 1.2s linear infinite, frame-win .7s cubic-bezier(.2, 1.4, .4, 1) var(--payoff,0s)}.console[data-win=ace] .console-field{animation-duration:.7s,.7s}.console[data-win] .console-field .slash{color:var(--pass);opacity:1}.console[data-win] .console-go,.console[data-win] .console-go:hover{background:var(--pass);color:var(--bg);filter:none;opacity:1;transform:none}.console[data-win] .pips-tries i[data-used=true]{background:var(--pass)}@keyframes frame-win{0%{transform:scale(1)}40%{box-shadow:0 0 0 10px color-mix(in srgb, var(--pass) 14%, transparent), 0 30px 90px -20px var(--pass);transform:scale(1.025)}to{transform:scale(1)}}.boards[data-win]{position:relative}.boards[data-win] .tile-sample.ok{animation:.5s both tile-flip,.45s cubic-bezier(.3,1.5,.5,1) tile-hop;animation-delay:calc(var(--i) * 70ms), calc(var(--i) * 70ms + .5s)}@keyframes tile-hop{40%{transform:translateY(-7px)scale(1.03)}}.boards[data-win] .board{border-color:color-mix(in srgb, var(--pass) 45%, var(--line));transition:border-color .4s ease var(--payoff,0s);position:relative;overflow:hidden}.boards[data-win] .board:after{content:"";pointer-events:none;background:linear-gradient(105deg, transparent 35%, color-mix(in srgb, var(--pass) 30%, transparent) 50%, transparent 65%);animation:board-shimmer .9s ease-out var(--payoff,0s);position:absolute;inset:0;transform:translate(-110%)}@keyframes board-shimmer{to{transform:translate(110%)}}.record dd.bump{color:var(--pass);animation:.6s cubic-bezier(.2,1.6,.4,1) record-bump}@keyframes record-bump{35%{transform:scale(1.28)}}.daily-layout[data-win] .tries li.solved{animation:row-pop .55s cubic-bezier(.2, 1.6, .4, 1) var(--payoff,0s)}@keyframes row-pop{40%{box-shadow:0 0 0 4px color-mix(in srgb, var(--pass) 22%, transparent);transform:scale(1.04)}}.daily-layout[data-win] .dist-bar{transition:width .6s cubic-bezier(.2, 1.3, .4, 1) var(--payoff,0s), background .3s ease var(--payoff,0s), color .3s ease var(--payoff,0s)}.daily-result[data-tier=ace] h3{background:linear-gradient(90deg, var(--pass), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:40px}.daily-result[data-tier=great] h3{font-size:32px}.daily-result{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 60%) var(--bg-2);border-radius:16px;justify-items:start;gap:10px;padding:22px 24px;animation:.4s cubic-bezier(.2,1.2,.4,1) both signin-in;display:grid}.daily-main[data-state=solved] .daily-result{border-color:color-mix(in srgb, var(--pass) 60%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--pass) 16%, transparent), transparent 60%) var(--bg-2)}.daily-main[data-state=solved] .daily-result .eyebrow{color:var(--pass)}.daily-result .eyebrow{margin:0}.daily-result h3{margin:0;font-family:Newsreader,Georgia,serif;font-size:28px;line-height:1.15}.daily-result-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.daily-result-actions .btn{padding:9px 16px;font-size:15px}.share-manual{grid-template-columns:minmax(0,1fr);gap:8px;font-size:14px;display:grid}.share-manual p{color:var(--ink-2);margin:0}.share-manual pre{border:1px solid var(--line);background:var(--bg);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:10px;margin:0;padding:12px 14px;line-height:1.35}.daily-rail{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.rail-card{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-2) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;padding:16px}.rail-card .eyebrow{margin-bottom:12px}.tries{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tries li{border:1px solid var(--line);background:var(--bg);border-radius:10px;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:4px 8px;min-height:38px;padding:8px 10px;display:grid}.tries li.empty{opacity:.55;background:0 0;border-style:dashed}.tries li.solved{border-color:var(--pass)}.tries-n{color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:11px}.tries code{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.tries-blank{background:var(--bg-3);border-radius:3px;width:40%;height:6px}.squares{flex-wrap:wrap;grid-column:2;gap:3px;display:flex}.squares i{width:11px;height:11px;animation:.3s cubic-bezier(.2,1.6,.4,1) both square-in;animation-delay:calc(var(--i) * 45ms + .25s);border-radius:3px}.squares i.gap{background:0 0;width:5px;animation:none}.squares i[data-state=ok]{background:var(--pass)}.squares i[data-state=miss]{background:var(--bg-3)}.squares i[data-state=bad]{background:var(--fail)}@keyframes square-in{0%{opacity:0;transform:scale(0)}}.record{text-align:center;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 14px;display:grid}.record dd{font-variant-numeric:tabular-nums;margin:0;font-size:24px;font-weight:600;line-height:1.1}.record dt{color:var(--ink-3);font-size:11px}.distribution{gap:4px;margin:0;padding:0;list-style:none;display:grid}.distribution li{grid-template-columns:14px 1fr;align-items:center;gap:8px;display:grid}.dist-bar{background:var(--bg-3);min-width:22px;color:var(--ink-2);text-align:right;border-radius:4px;padding:1px 7px;font-family:JetBrains Mono,monospace;font-size:11px;transition:width .5s;display:block}.distribution li[data-current=true] .dist-bar{background:var(--pass);color:var(--bg)}.rail-note{color:var(--ink-3);margin:12px 0 0;font-size:12px}.daily-notice{text-align:center;justify-items:center;gap:12px;max-width:520px;margin:8vh auto 0;display:grid}.daily-notice h2{margin:0;font-size:32px}.daily-notice p{margin:0}.daily-skeleton{background:var(--bg-2);border-radius:16px;width:min(420px,80vw);height:64px;animation:1s ease-in-out infinite alternate sync-pulse}@media (width<=960px){.daily-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.boards{grid-template-columns:minmax(0,1fr)}.console-go .kbd{display:none}}@media (prefers-reduced-motion:reduce){.daily-glow,.daily-head,.daily-layout,.console-field,.tile-sample.ok,.tile-sample.bad,.squares i,.daily-result,.console-error,.daily-skeleton,.boards[data-win] .tile-sample.ok,.boards[data-win] .board:after,.record dd.bump,.daily-layout[data-win] .tries li.solved{animation:none}.daily-layout[data-win] .dist-bar,.boards[data-win] .board{transition:none}}.showcase{text-align:center;perspective:1800px;justify-items:center;max-width:1240px;margin:0 auto;padding:40px 24px 56px;display:grid}.showcase>h2,.feature-copy h2{letter-spacing:-.01em;font-size:clamp(26px,3.2vw,40px);line-height:1.1}.showcase>h2{max-width:22ch;margin-bottom:36px}.shot{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;box-shadow:0 50px 140px -40px color-mix(in srgb, var(--accent) 38%, transparent), 0 30px 70px -20px #00000073;border-radius:14px;margin:0;overflow:hidden}.shot img{width:100%;height:auto;display:block}.shot.portrait{justify-self:center;max-width:440px}.shot.tilt{transform-origin:50% 100%;transition:transform 1.2s cubic-bezier(.2,.8,.2,1) .1s;transform:rotateX(16deg)scale(.94)}.reveal.in .shot.tilt{transform:none}.shot.plain{background:linear-gradient(to bottom, color-mix(in srgb, var(--accent) 7%, transparent), transparent 200px) var(--bg);gap:18px;padding:22px;display:grid}.shot.plain .heatmap-months{grid-auto-columns:11px}.shot.plain .heatmap-grid{grid-template-rows:repeat(7,9px);grid-auto-columns:9px}.shot.plain .heatmap .cell{width:9px;height:9px}.shot-tiles{flex-wrap:wrap;gap:10px;display:flex}.shot-tiles span{border:1px solid var(--line);min-width:110px;color:var(--ink-3);text-align:left;border-radius:10px;flex:1;padding:10px 14px;font-size:13px}.shot-tiles b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:26px;line-height:1.1;display:block}.showcase-facts{color:var(--ink-3);flex-wrap:wrap;justify-content:center;gap:12px 44px;margin:36px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.showcase-facts b{color:var(--ink);font-family:Newsreader,Georgia,serif;font-size:34px;line-height:1.1;display:block}.feature{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:56px;max-width:1240px;margin:0 auto;padding:56px 24px;display:grid}.feature.flip .feature-copy{order:2}.feature.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.feature-copy h2{margin-bottom:14px}.feature-copy>p:not(.eyebrow){color:var(--ink-2);max-width:40ch;margin:0;font-size:18px}.feature-copy>p b{color:var(--ink);font-weight:600}.feature-copy>p.feature-note{color:var(--ink-3);max-width:46ch;margin-top:14px;font-size:14px}.link-button{font:inherit;color:var(--accent-ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.link-button:hover{color:var(--ink)}.feature-copy .mini-regex{max-width:440px;margin-top:20px}.feature .shot,.feature .stack{transition:transform .9s cubic-bezier(.2,.8,.2,1) .1s,opacity .9s .1s}.feature.reveal:not(.in) .shot,.feature.reveal:not(.in) .stack{opacity:0;transform:translate(24px)}.feature.flip.reveal:not(.in) .shot,.feature.flip.reveal:not(.in) .stack{transform:translate(-24px)}.stack{place-items:center;min-height:380px;display:grid;position:relative}.stack:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 26%, transparent), transparent);filter:blur(10px);border-radius:50%;position:absolute;inset:10% 5%}.stack-card{border:1px solid var(--line);background:var(--bg);text-align:left;border-radius:14px;grid-area:1/1;width:min(440px,92%);padding:18px;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:relative;box-shadow:0 30px 70px -24px #00000080}.stack-card.review{z-index:1;transform:translate(-7%,-16%)rotate(-2.5deg)}.stack-card.tree{z-index:2;width:min(360px,80%);transform:translate(12%,46%)rotate(2deg)}.stack:hover .stack-card.review{transform:translate(-9%,-20%)rotate(-3.5deg)}.stack:hover .stack-card.tree{transform:translate(14%,52%)rotate(3deg)}.stack-card .mock-review,.stack-card .mock-tree{margin-top:0}@media (width<=900px){.feature.reveal:not(.in) .shot,.feature.reveal:not(.in) .stack,.feature.flip.reveal:not(.in) .shot,.feature.flip.reveal:not(.in) .stack{transform:translateY(24px)}.stack-card.review,.stack:hover .stack-card.review{transform:translate(-3%,-16%)rotate(-2deg)}.stack-card.tree,.stack:hover .stack-card.tree{transform:translate(4%,46%)rotate(1.5deg)}.feature,.feature.flip{grid-template-columns:minmax(0,1fr);gap:28px;padding:40px 16px}.feature.flip .feature-copy{order:0}.showcase{padding:24px 16px 40px}.stack{min-height:420px}}@media (prefers-reduced-motion:reduce){.shot.tilt,.feature .shot,.feature .stack,.stack-card{transition:none;transform:none}.feature.reveal:not(.in) .shot,.feature.reveal:not(.in) .stack{opacity:1;transform:none}.stack-card.review{transform:translate(-7%,-16%)}.stack-card.tree{transform:translate(12%,46%)}}.menu-toggle,.mobile-menu{display:none}@media (width<=800px){header.top{flex-wrap:nowrap}header.top>.nav,header.top .wide-only,header.top .account-name,header.top .account>button{display:none}header.top .logo{height:32px}.menu-toggle{border:1px solid var(--line);background:0 0;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.menu-toggle span,.menu-toggle span:before,.menu-toggle span:after{background:var(--ink);border-radius:2px;width:16px;height:1.6px;transition:transform .2s,background .2s;display:block}.menu-toggle span{position:relative}.menu-toggle span:before,.menu-toggle span:after{content:"";position:absolute;left:0}.menu-toggle span:before{transform:translateY(-5px)}.menu-toggle span:after{transform:translateY(5px)}.menu-toggle[aria-expanded=true] span{background:0 0}.menu-toggle[aria-expanded=true] span:before{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:after{transform:rotate(-45deg)}.mobile-menu{max-height:calc(100dvh - var(--header-h));background:var(--bg);border-bottom:1px solid var(--line);padding:16px 16px 18px;animation:.18s ease-out both pop-in;display:block;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 24px 48px -20px #0009}.mobile-menu ul{margin:0;padding:0;list-style:none}.mobile-menu a{color:var(--ink);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:15px;text-decoration:none;display:flex}.mobile-menu a[aria-current=page]{background:var(--accent-soft);color:var(--accent-ink)}.mobile-menu small{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-left:auto;font-family:JetBrains Mono,monospace;font-size:9px}.mobile-langs{grid-template-columns:1fr 1fr;gap:2px 8px;display:grid}.mobile-group+.mobile-group{margin-top:10px}.mobile-menu .mobile-links{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.mobile-links a{font-weight:600}.mobile-foot{border-top:1px solid var(--line);gap:8px;margin-top:12px;padding-top:14px;display:flex}.mobile-foot .theme-toggle{padding:7px 14px;font-size:14px}}@media (width<=700px){.chooser,.chooser-rows{width:100%}.chooser-langs{border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:420px;padding:6px;display:grid}.chooser-row-label{text-align:center;border-right:0;grid-column:1/-1;margin:0;padding:4px 0 2px}.chooser-lang{white-space:nowrap;justify-content:center;padding:8px 4px}.chooser-langs[data-count="4"],.chooser-langs[data-count="8"]{grid-template-columns:repeat(4,minmax(0,1fr))}.chooser-langs[data-count="7"]{grid-template-columns:repeat(12,minmax(0,1fr))}.chooser-langs[data-count="7"]>.chooser-lang{grid-column:span 3}.chooser-langs[data-count="7"]>.chooser-lang:nth-of-type(-n+3){grid-column:span 4}}@media (width<=600px){.console-field{border-radius:13px;gap:2px;padding:5px 5px 5px 12px}.console-field input{padding:8px 4px;font-size:16px}.console-field .slash{font-size:17px}.console-go{white-space:nowrap;border-radius:9px;margin-left:4px;padding:9px 13px;font-size:14px}.console-foot{flex-wrap:wrap}.board{padding:12px}.tile-sample{min-width:0;padding:8px 10px}.tile-sample code{min-width:0;font-size:13.5px}.daily-head h2{font-size:30px}.daily-prompt{font-size:16px}}@media (width<=800px){.daily-glow{animation:none}}.plans{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:8px 0 24px;display:grid}.plan{border:1px solid var(--line);background:var(--bg);border-radius:14px;flex-direction:column;gap:10px;padding:22px 22px 20px;display:flex;position:relative}.plan.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.plan h2{margin:0;font-size:20px}.plan .price{letter-spacing:-.02em;margin:0;font-family:Newsreader,Georgia,serif;font-size:40px;line-height:1}.plan .price small{color:var(--ink-3);letter-spacing:0;margin-left:6px;font-family:"Source Sans 3",system-ui,sans-serif;font-size:15px}.plan ul{color:var(--ink-2);margin:4px 0 8px;padding-left:18px;font-size:15px;line-height:1.5}.plan .spacer{flex:1}.plan .btn{align-self:flex-start}.plan .save{color:var(--pass);min-height:1.2em;font-size:12px;font-weight:600}.seg{border:1px solid var(--line);border-radius:999px;align-self:flex-start;gap:2px;padding:2px;display:inline-flex}.seg button{color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 12px;font-size:13px}.seg button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.note-box{border:1px solid var(--line);background:var(--note);color:var(--note-ink);border-radius:10px;margin:0 0 20px;padding:12px 16px;font-size:15px;line-height:1.5}@media (width<=700px){.plans{grid-template-columns:minmax(0,1fr)}}.contact-address{letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:0 0 12px;font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;font-size:clamp(20px,4vw,30px)}.contact-list{color:var(--ink-2);margin:0 0 12px;padding-left:20px;line-height:1.55}.contact-list li{margin:0 0 6px}.html-preview-wrap{margin:12px 0}.html-preview{border:1px solid var(--line);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-radius:8px;width:100%;display:block}.html-brief ul{color:var(--ink-2);margin:4px 0 12px;padding-left:18px;font-size:14px;line-height:1.5}.html-brief pre{max-height:220px;overflow:auto}.prose{line-height:1.55}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p,.prose ul,.prose ol,.prose pre,.prose blockquote,.prose table{margin:0 0 10px}.prose ul,.prose ol{padding-left:22px}.prose code{background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:.92em}.prose pre{background:color-mix(in srgb, var(--ink) 6%, transparent);border-radius:8px;padding:10px 12px;font-size:13px;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;padding:0}.prose h1,.prose h2,.prose h3,.prose h4{margin:12px 0 6px;font-family:inherit;font-size:1.05em}.prose table{border-collapse:collapse;font-size:.95em}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:4px 8px}.prose blockquote{border-left:3px solid var(--line);color:var(--ink-2);padding-left:10px}.prose img{max-width:100%}.prose a{color:var(--accent)}.exercises-table{border-collapse:collapse;width:100%;font-size:14px}.exercises-table th,.exercises-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px}.exercises-table th{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.exercises-table .actions{gap:6px;margin:0}.exercises-table select{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:4px;padding:4px 6px;font-size:13px}.exercises-table a strong{color:var(--ink)}.author-form{gap:18px;display:grid}.author-form .form{max-width:none}.author-form .two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:14px;display:grid}.author-form .editor-shell{height:190px}.author-form .preview.card{min-height:60px;padding:12px 14px}.author-form .code-field{gap:4px;display:grid}.author-form .code-label{color:var(--ink-2);gap:2px;font-size:13px;display:grid}.author-form .field-note{color:var(--ink-3);font-size:12px;font-weight:400;display:block}.author-form .form .mono,.author-form .form textarea.mono{font-family:JetBrains Mono,monospace;font-size:13px}.tests-table{border-collapse:collapse;width:100%}.tests-table th,.tests-table td{text-align:left;vertical-align:top;padding:4px 6px}.tests-table th{color:var(--ink-3);font-size:12px;font-weight:500}.tests-table input[type=text],.tests-table textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:5px;padding:5px 8px;font-family:JetBrains Mono,monospace;font-size:13px}.check-status{color:var(--ink-2);max-width:72ch;margin:0;font-size:14px}.check-status.ok{color:var(--pass);font-weight:600}.check-status.error{color:var(--fail);font-weight:600}@media (width<=800px){.exercises-table thead{display:none}.exercises-table tr{border-bottom:1px solid var(--line);padding:10px 0;display:block}.exercises-table td{border:0;padding:4px 0;display:block}.author-form .two{grid-template-columns:minmax(0,1fr)}}