:root{--bg: #000;--fg: #fff;--dim: rgba(255, 255, 255, .62);--mute: rgba(255, 255, 255, .38);--line: rgba(255, 255, 255, .14);--line2: rgba(255, 255, 255, .28);--panel: rgba(255, 255, 255, .04);--panel2: rgba(255, 255, 255, .08);--sans: "Inter Tight", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--serif: "Instrument Serif", Georgia, "Times New Roman", serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--pad: clamp(18px, 4vw, 56px);--max: 1240px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{background:#000;color-scheme:dark;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-weight:400;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:#fff;color:#000}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,h4{margin:0;font-weight:500;letter-spacing:-.02em;line-height:1.05}p{margin:0 0 1em}:focus-visible{outline:1px solid #fff;outline-offset:3px;border-radius:4px}.grain{position:fixed;inset:-50%;pointer-events:none;z-index:90;opacity:.09;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain 1.1s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.cursor{position:fixed;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid rgba(255,255,255,.7);border-radius:50%;pointer-events:none;z-index:100;mix-blend-mode:difference;background:#fff0;transition:width .25s var(--ease),height .25s var(--ease),margin .25s var(--ease),background .25s}.cursor.big{width:64px;height:64px;margin:-32px 0 0 -32px;background:#fff}@media (hover: none),(pointer: coarse){.cursor{display:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);pointer-events:none}.nav>*{pointer-events:auto}.brand{font-weight:700;letter-spacing:.04em;font-size:20px;text-decoration:none;display:flex;align-items:center;gap:10px}.brand i{width:14px;height:14px;border-radius:50%;border:2px solid #fff;display:inline-block;position:relative}.brand i:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#fff}.navlinks{display:flex;align-items:center;gap:6px}.navlinks a.link{font-size:14px;text-decoration:none;padding:8px 12px;color:var(--dim);border-radius:999px;transition:color .2s,background .2s}.navlinks a.link:hover,.navlinks a.link.on{color:#fff}.navlinks a.link.on{background:var(--panel2)}.navbg{position:fixed;top:0;left:0;right:0;height:84px;z-index:55;pointer-events:none;background:linear-gradient(#000 20%,#0000)}@media (max-width: 760px){.navlinks a.link:not(.keep){display:none}}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:#fff;font-weight:500;font-size:14px;text-decoration:none;transition:all .25s var(--ease);white-space:nowrap}.btn:hover{background:var(--panel2);border-color:#fff}.btn.solid{background:#fff;color:#000;border-color:#fff;box-shadow:0 0 40px #ffffff1f}.btn.solid:hover{background:#e9e9e9;box-shadow:0 0 60px #ffffff47}.btn.sm{padding:8px 16px;font-size:13px}.btn[disabled]{opacity:.35;pointer-events:none}.btn .arrow{display:inline-block;transition:transform .25s var(--ease)}.btn:hover .arrow{transform:translate(3px)}.mono{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.mono.w{color:var(--dim)}.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}.dim{color:var(--dim)}.mute{color:var(--mute)}.display{font-size:clamp(44px,9vw,148px);font-weight:600;letter-spacing:-.045em;line-height:.92}.h1{font-size:clamp(36px,6vw,84px);font-weight:500;letter-spacing:-.04em;line-height:.98}.h2{font-size:clamp(28px,4vw,56px);letter-spacing:-.035em;line-height:1.02}.h3{font-size:clamp(20px,2.2vw,28px);letter-spacing:-.02em;line-height:1.15;font-weight:500}.lead{font-size:clamp(17px,1.6vw,21px);color:var(--dim);max-width:60ch;line-height:1.5}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}.page{padding-top:110px;padding-bottom:120px;min-height:100vh;animation:pagein .6s var(--ease) both}@keyframes pagein{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rule{height:1px;background:var(--line);border:0;margin:0}.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 620px){.g2,.g3,.g4{grid-template-columns:1fr}}.stack>*+*{margin-top:16px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sp{justify-content:space-between}.card{border:1px solid var(--line);border-radius:22px;padding:22px;background:var(--panel);position:relative;overflow:hidden;transition:border-color .3s,background .3s,transform .4s var(--ease)}a.card,button.card{text-decoration:none;display:block;text-align:left;width:100%;color:#fff}a.card:hover,button.card:hover{border-color:#fff;background:var(--panel2);transform:translateY(-3px)}.card .num{font-family:var(--mono);font-size:12px;color:var(--mute)}.card h3{margin:18px 0 8px}.card p{color:var(--dim);font-size:15px;margin:0}.tag{display:inline-block;border:1px solid var(--line2);padding:3px 10px;border-radius:999px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.tag.solid{background:#fff;color:#000;border-color:#fff}.ev{display:inline-flex;gap:3px;align-items:center;vertical-align:middle}.ev b{width:8px;height:8px;border-radius:50%;border:1px solid #fff;display:inline-block}.ev b.f{background:#fff}.rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.rv.in{opacity:1;transform:none}.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.hero{position:relative;height:100vh;min-height:620px;overflow:hidden}.hero canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:0 var(--pad)}.hero-in>*{pointer-events:auto}.hero-side{position:absolute;top:50%;font-size:13px;color:var(--dim);transform:translateY(-50%)}.hero-hint{position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.pill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line2);padding:10px 20px;border-radius:999px;font-size:13px;color:var(--dim);background:#0006;backdrop-filter:blur(8px)}.pill .bob{animation:bob 1.6s ease-in-out infinite;display:inline-block}@keyframes bob{50%{transform:translateY(3px)}}.sticky-sec{position:relative;height:320vh}.sticky-in{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}.mani{font-size:clamp(30px,5.6vw,84px);font-weight:500;letter-spacing:-.04em;line-height:1.02;max-width:17ch}.mani span{transition:opacity .4s}.stat-huge{font-size:clamp(90px,22vw,340px);font-weight:600;letter-spacing:-.06em;line-height:.85}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;white-space:nowrap}.marquee div{display:inline-flex;gap:48px;animation:marq 46s linear infinite;padding-left:48px}.marquee span{font-size:clamp(22px,3vw,40px);font-weight:500;letter-spacing:-.03em;color:var(--mute)}.marquee span:nth-child(3n){color:#fff;font-family:var(--serif);font-style:italic}@keyframes marq{to{transform:translate(-50%)}}.shell{max-width:960px;margin:0 auto}.crumb{display:flex;align-items:center;gap:10px;margin-bottom:26px}.crumb a{text-decoration:none}.panel{border:1px solid var(--line);border-radius:24px;padding:clamp(18px,3vw,34px);background:var(--panel)}.panel.flat{background:transparent}.q{font-size:clamp(20px,2.4vw,30px);letter-spacing:-.025em;line-height:1.2;font-weight:500}.opts{display:grid;gap:10px;margin-top:20px}.opt{text-align:left;border:1px solid var(--line2);background:transparent;border-radius:16px;padding:14px 18px;font-size:16px;color:#fff;transition:all .2s var(--ease);display:flex;gap:14px;align-items:flex-start}.opt:hover:not([disabled]){border-color:#fff;background:var(--panel2)}.opt .k{font-family:var(--mono);font-size:11px;color:var(--mute);min-width:18px;padding-top:3px}.opt.sel{border-color:#fff;background:var(--panel2)}.opt.right{background:#fff;color:#000;border-color:#fff}.opt.right .k{color:#000}.opt.wrong{border-style:dashed;color:var(--mute);text-decoration:line-through;text-decoration-thickness:1px}.opt[disabled]{cursor:default}.feedback{border-left:2px solid #fff;padding:4px 0 4px 18px;margin-top:22px}.feedback.bad{border-left-style:dashed;border-left-color:var(--line2)}.feedback h4{font-size:15px;font-weight:600;margin-bottom:6px;letter-spacing:0}.feedback p{color:var(--dim);margin:0 0 8px;font-size:15px}.bar{height:3px;background:var(--line);border-radius:3px;overflow:hidden}.bar>i{display:block;height:100%;background:#fff;transition:width .6s var(--ease)}.meter{display:flex;gap:3px}.meter i{flex:1;height:8px;border:1px solid var(--line2);border-radius:2px}.meter i.f{background:#fff;border-color:#fff}input[type=text],input[type=number],textarea,select{width:100%;background:transparent;color:#fff;border:1px solid var(--line2);border-radius:14px;padding:12px 16px;font:inherit;font-size:16px}textarea{resize:vertical;min-height:96px}input::placeholder,textarea::placeholder{color:var(--mute)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:24px;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--line2)}input[type=range]::-moz-range-track{height:2px;background:var(--line2)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-10px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 6px #fff2}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:0}.conf{margin-top:22px}.conf .lab{display:flex;justify-content:space-between;margin-bottom:4px}.conf .val{font-size:34px;font-weight:600;letter-spacing:-.04em}.stage{position:relative;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#050505}.stage canvas{display:block;width:100%;height:auto}.timer{font-family:var(--mono);font-size:13px}.glyphs{display:grid;gap:8px}.glyph{aspect-ratio:1;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:#000}.glyph svg{width:56%;height:56%}button.glyph{color:#fff;transition:all .2s}button.glyph:hover{border-color:#fff;background:var(--panel2)}button.glyph.sel{border-color:#fff;background:#fff;color:#000}button.glyph.wrong{border-style:dashed;opacity:.45}.chat{display:flex;flex-direction:column;gap:12px;max-height:460px;overflow-y:auto;padding-right:6px}.msg{max-width:82%;padding:12px 16px;border-radius:18px;font-size:15.5px;line-height:1.45}.msg.you{align-self:flex-end;background:#fff;color:#000;border-bottom-right-radius:4px}.msg.them{align-self:flex-start;border:1px solid var(--line2);border-bottom-left-radius:4px}.msg.sys{align-self:center;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);max-width:100%;padding:4px 0}table.matrix{width:100%;border-collapse:collapse;font-size:14px}table.matrix th,table.matrix td{border:1px solid var(--line);padding:10px;text-align:center;vertical-align:middle}table.matrix th{font-weight:500;color:var(--dim);font-size:12.5px}table.matrix td.ev-t{text-align:left;font-size:14px;max-width:320px}table.matrix button.cell{width:40px;height:40px;border-radius:10px;border:1px solid var(--line2);background:transparent;font-weight:600;font-family:var(--mono)}table.matrix button.cell:hover{border-color:#fff}table.matrix button.cell.C{background:#fff;color:#000;border-color:#fff}table.matrix button.cell.I{background:repeating-linear-gradient(135deg,#fff 0 2px,#000 2px 5px);color:#fff;border-color:#fff;text-shadow:0 0 3px #000,0 0 3px #000}table.matrix button.cell.N{color:var(--mute)}.scroll-x{overflow-x:auto}.legend{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.chart{width:100%;height:auto;display:block}.chart text{fill:#ffffff8c;font-family:var(--mono);font-size:10px}.kbd{font-family:var(--mono);font-size:11px;border:1px solid var(--line2);border-radius:6px;padding:1px 6px;color:var(--dim)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:120;background:#fff;color:#000;padding:12px 22px;border-radius:999px;font-weight:500;font-size:14px;animation:pagein .4s var(--ease) both}footer.foot{border-top:1px solid var(--line);padding:40px 0 60px;color:var(--mute);font-size:13px}footer.foot .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.search{max-width:520px}.doc{border-top:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:180px 1fr auto;gap:18px;align-items:start}.doc h3{font-size:20px;margin-bottom:6px}.doc p{color:var(--dim);margin:0 0 6px;font-size:15px}@media (max-width: 760px){.doc{grid-template-columns:1fr}}.palace-room{border:1px solid var(--line);border-radius:18px;padding:14px 16px;display:flex;justify-content:space-between;gap:16px;align-items:center}@media (prefers-reduced-motion: reduce){.grain{animation:none}.rv{transition:none;opacity:1;transform:none}.marquee div,.page{animation:none}}.iv-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px}@media (max-width: 860px){.iv-grid{grid-template-columns:1fr}}@media (max-width: 760px){.hero-side{display:none}.hero-in .lead{font-size:16px}}.hero-in .lead{text-shadow:0 0 24px #000,0 0 8px #000}.mani{max-width:20ch}
