@font-face{font-family:DM Sans;src:url(/fonts/DMSans-400-800.woff2)format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:DM Mono;src:url(/fonts/DMMono-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:DM Mono;src:url(/fonts/DMMono-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Gelasio;src:url(/fonts/Gelasio.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{--canvas:#e8ecf1;--canvas-hi:#eef2f6;--inset:#dce2ea;--ink:#2b3440;--ink-strong:#1c2634;--muted:#687587;--faint:#98a3b3;--line:#68758733;--cobalt:#0047bb;--cobalt-raised:#0a55c6;--blue-soft:#d8e6fb;--powder:#9db7dc;--serif:Georgia, "Gelasio", "Times New Roman", serif;--sans:"DM Sans", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, monospace;--shadow-sm:-4px -4px 10px #fffffff2, 5px 6px 14px #b3bdcb6e, inset 0 1px 0 #ffffffbd;--shadow-md:-8px -8px 20px #fffffff2, 10px 12px 26px #b3bdcb85, inset 0 1px 0 #ffffffb8;--shadow-lg:-11px -11px 28px #fffffff2, 14px 17px 38px #b3bdcb85, inset 0 1px 0 #ffffffb8;--shadow-inset:inset 2px 2px 5px #b3bdcb47, inset -2px -2px 5px #ffffffd1;--shadow-field:inset 0 1px 0 #fffffff2, 0 5px 12px #70809721, 0 1px 2px #7080971a;--focus:0 0 0 3px #0047bb73}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;background:var(--canvas)}body{font-family:var(--sans);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}a{color:inherit}button,textarea{font:inherit;color:inherit}:focus-visible{box-shadow:var(--focus);outline:0}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ic{vertical-align:-3px;flex:none;width:16px;height:16px;display:inline-flex}.ic img{object-fit:contain;width:100%;height:100%;display:block}.ic-x{padding:1.5px}.ic-pump{background:#263327;border-radius:4px;padding:1.5px}.inl{white-space:nowrap}.inl .ic{margin-right:5px}.display{font-family:var(--serif);letter-spacing:-.065em;color:var(--ink-strong);font-weight:400;line-height:.96}.label{font:500 10px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.lede{max-width:640px;color:var(--muted);font-size:18px;line-height:1.6}.arrow-btn{height:44px;box-shadow:var(--shadow-sm);color:var(--ink-strong);font:600 13px/1 var(--sans);white-space:nowrap;cursor:pointer;background:linear-gradient(145deg,#f8fafc,#e9edf2);border:1px solid #ffffffe6;border-radius:14px;align-items:center;gap:12px;padding:0 5px 0 16px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.arrow-btn:hover{transform:translateY(-1px)}.arrow-btn:active{box-shadow:var(--shadow-inset);transform:translateY(1px)scale(.985)}.arrow-btn.off{opacity:.6;cursor:default;transform:none}.arrow-btn .chip{background:var(--powder);border:1px solid #ffffffb8;border-radius:10px;place-items:center;width:34px;height:34px;font-size:16px;display:grid;box-shadow:0 5px 12px #3952792e,inset 0 1px 2px #ffffffad,inset 0 -1px 2px #324d7429}.page{flex-direction:column;min-height:100vh;display:flex}.page>main{flex:1 0 auto;width:100%;padding-bottom:72px}.top{flex:none;justify-content:center;width:100%;padding:20px 16px 0;display:flex}.pill-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f9fabd;border:1px solid #ffffffe6;border-radius:22px;align-items:center;gap:2px;padding:5px;display:flex;box-shadow:0 12px 28px #4052701f,inset 0 1px 1px #fffffffa,inset 0 -1px 1px #64758f14}.pill-nav .mark{background:var(--canvas);height:36px;box-shadow:var(--shadow-sm);font:400 19px/1 var(--serif);letter-spacing:-.05em;color:var(--ink-strong);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 14px 0 8px;text-decoration:none;display:inline-flex}.pill-nav .mark img{width:26px;height:26px;display:block}.nav-link{min-height:36px;color:var(--muted);font:500 10px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:0 14px;text-decoration:none;transition:color .18s,background-color .18s,box-shadow .24s,transform .24s;display:inline-flex}.nav-link:hover,.nav-link.on{color:#29456c;background:linear-gradient(145deg,#ffffffe6,#e5e9e9e0);box-shadow:-3px -3px 7px #ffffffeb,4px 5px 9px #97a4b44d,inset 0 1px #ffffffe0}.split{height:42px;font:650 13px/1 var(--sans);background:#f7f9f7e6;border:1px solid #ffffffeb;border-radius:16px;grid-template-columns:auto auto;gap:2px;margin-left:4px;padding:3px;display:grid;box-shadow:0 10px 24px #4052701f,inset 0 1px 1px #fffffffa}.split a{color:#12223b;white-space:nowrap;border-radius:12px;align-items:center;gap:7px;height:34px;padding:0 12px;text-decoration:none;display:inline-flex}.split a.hot{background:var(--powder);border:1px solid #ffffffb8;box-shadow:0 5px 12px #3952792e,inset 0 1px 2px #ffffffad,inset 0 -1px 2px #324d7429}.split a.hot:hover{background:#abc2e2}.foot{background:var(--canvas);width:min(100% - 48px,1392px);height:48px;box-shadow:var(--shadow-sm);font:400 11px/1 var(--mono);color:var(--muted);white-space:nowrap;border:1px solid #fffc;border-radius:16px;flex:none;align-items:center;gap:18px;margin:0 auto 20px;padding:0 18px;display:flex}.foot-l{font:600 13px/1 var(--sans);color:var(--ink-strong);align-items:center;gap:8px;display:inline-flex}.foot-l img{width:18px;height:18px;display:block}.foot-l em{font:400 11px/1 var(--mono);color:var(--muted);font-style:normal}.foot-r{align-items:center;gap:16px;margin-left:auto;display:inline-flex}.foot-r a{color:var(--muted);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.foot-r a:hover{color:var(--ink-strong)}.split a,.foot-r a,.nav-link,.pill-nav .mark,.announce{transition:transform .18s,color .18s,background-color .18s,box-shadow .24s}.split a:hover,.pill-nav .mark:hover,.foot-r a:hover,.announce:hover{transform:translateY(-1px)}.split a:active,.nav-link:active,.pill-nav .mark:active,.announce:active{transform:translateY(1px)scale(.97)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page.one{height:100vh;min-height:0;overflow:hidden}.page.one>main.stage{flex:auto;grid-template-rows:minmax(0,1fr) auto;gap:16px;width:min(100%,1440px);min-height:0;margin:0 auto;padding:16px 24px;display:grid}.row1{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;min-height:0;display:grid}.intro{flex-direction:column;justify-content:safe center;align-items:flex-start;gap:16px;min-height:0;display:flex}.intro h1{text-wrap:balance;font-size:clamp(40px,min(5.2vw,7.4vh),92px)}.intro .lede{max-width:520px;font-size:16px}.announce{max-width:100%;box-shadow:var(--shadow-sm);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:#f7f9fab8;border:1px solid #ffffffd9;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;text-decoration:none;display:inline-flex;overflow:hidden}.announce b{color:var(--cobalt);font-weight:600}.announce span{color:var(--cobalt)}.announce:hover{color:var(--ink-strong)}.composer{width:100%;max-width:560px;box-shadow:var(--shadow-field);background:#edf1f5e6;border:1px solid #ffffffd1;border-radius:22px;gap:8px;padding:14px 14px 10px;transition:box-shadow .2s,transform .2s;display:grid}.composer:focus-within{transform:translateY(-2px);box-shadow:0 0 0 3px #0047bb4d,inset 0 1px #fffffff2,0 7px 18px #003da529}.composer textarea{resize:none;width:100%;min-height:46px;color:var(--ink);font:500 15px/1.45 var(--sans);background:0 0;border:0;outline:0;padding:2px 4px}.composer textarea::placeholder{color:var(--muted)}.composer textarea:focus-visible{box-shadow:none}.composer-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.composer-note{color:var(--muted);white-space:nowrap;padding-left:4px;font-size:12px}.intro>*,.live-window,.row2{animation:.6s cubic-bezier(.2,.7,.2,1) both rise}.intro>:nth-child(2){animation-delay:60ms}.intro>:nth-child(3){animation-delay:.12s}.intro>:nth-child(4){animation-delay:.18s}.live-window{animation-delay:.14s}.row2{animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.live-window{background:var(--canvas);height:100%;min-height:0;box-shadow:var(--shadow-lg);border:1px solid #ffffffb8;border-radius:24px;overflow:hidden}.live-window [data-builders=live]{aspect-ratio:auto!important;height:100%!important}.row2{flex-direction:column;gap:6px;min-height:0;display:flex}.wall-head{align-items:center;gap:18px;min-height:34px;display:flex}.wall-head .label{flex:none}.wall-stats{color:var(--muted);white-space:nowrap;font-size:12px}.wall-stats b{font-family:var(--serif);letter-spacing:-.03em;color:var(--ink-strong);font-variant-numeric:tabular-nums;font-size:17px;font-weight:400}.wall-stats i{color:var(--faint);font-style:normal}.wall-hint{color:var(--faint);white-space:nowrap;margin-left:auto;font-size:12px}.wall-arrows{gap:8px;display:flex}.wall-arrows button{width:34px;height:34px;box-shadow:var(--shadow-sm);color:var(--ink-strong);cursor:pointer;background:linear-gradient(145deg,#f8fafc,#e9edf2);border:1px solid #ffffffe6;border-radius:12px;place-items:center;font-size:15px;display:grid}.wall-arrows button:hover{transform:translateY(-1px)}.wall-arrows button:active{box-shadow:var(--shadow-inset);transform:translateY(1px)}.wall-frame{margin:0 -16px}.wall-frame [data-builders=callouts]{height:clamp(250px,34vh,316px)!important}@media (width<=1000px),(height<=640px){.page.one{height:auto;min-height:100vh;overflow:visible}.page.one>main.stage{flex-direction:column;gap:28px;display:flex}.row1{grid-template-columns:minmax(0,1fr);gap:28px}.intro{padding-top:24px}.live-window{height:auto}.live-window [data-builders=live]{height:480px!important}.wall-hint{display:none}}@media (width<=760px){.foot{width:calc(100% - 24px);margin-bottom:12px}.foot-l em{display:none}.foot-r{margin-left:auto}.top .nav-link{display:none}.page.one>main.stage{padding:12px 12px 16px}.intro h1{font-size:44px}.composer-row{flex-wrap:wrap}.live-window [data-builders=live]{height:560px!important}.wall-head{flex-wrap:wrap;gap:6px 12px}.wall-stats{order:3;width:100%}.wall-arrows{margin-left:auto}.wall-frame{margin:0 -12px}.wall-frame [data-builders=callouts]{height:330px!important}}
