:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--base:#100f16;--panel:#191622;--stage:#15121e;--paper:#211a2c;--ink:#faf4f1;--muted:#bdb2c7;--border:#44364e;--violet:#b69afc;--coral:#ffad94;--primary:#f0ddff;--on-primary:#251733;--mist:#49244b;--mist2:#402b64;--shadow:#07050b94;--glass:#181321d9;--grain:#a88ce8;--gradient:linear-gradient(105deg,var(--violet),var(--coral));--font-display:"Instrument Serif",Georgia,serif;--font-ui:Inter,system-ui,sans-serif;--fill-a:#7c5cff;--fill-b:#ff7a59;--fill:linear-gradient(120deg,var(--fill-a),var(--fill-b))}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--base:#f9f4ed;--panel:#fffcf7;--stage:#f3ecfb;--paper:#fffaf3;--ink:#27202c;--muted:#5c4d64;--border:#cbbbd0;--violet:#6535ac;--coral:#a84333;--primary:#3e215f;--on-primary:#fff5ff;--mist:#ffc9b2;--mist2:#dfcbff;--shadow:#744f6532;--glass:#fff8efe2;--grain:#9461b5;--fill-a:#6a47f5;--fill-b:#f0603d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--base);color:var(--ink);font:15px/1.6 var(--font-ui);margin:0}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}h1,h2,h3,h4{font-family:var(--font-ui);letter-spacing:-.025em;margin:0;line-height:1.02}h1,h2,.legend h3{font-family:var(--font-display);font-weight:400}pre,code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}p{color:var(--muted);margin:0}:focus-visible{outline:2px solid var(--violet);outline-offset:4px}.shell{width:min(1320px,100% - 10vw);margin-inline:auto}.top{z-index:9;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0}.top-inner{justify-content:space-between;align-items:center;gap:20px;min-height:70px;display:flex}.top nav{color:var(--muted);gap:26px;font-size:13px;display:flex}.top nav a,.wordmark{text-decoration:none}.top nav a:hover{color:var(--ink)}.wordmark{width:auto;min-width:138px;height:40px;font:400 27px var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;display:inline-flex}.wordmark b{font:700 22px var(--font-ui);letter-spacing:-.03em}.wordmark img{object-fit:contain;object-position:left center;width:100%;height:100%}.symbol{background:linear-gradient(var(--base),var(--base)) padding-box,var(--fill) border-box;width:18px;height:18px;box-shadow:0 0 16px color-mix(in srgb,var(--violet),transparent 65%);border:3px solid #0000;border-radius:50%}.theme,.quiet,.switcher button{border:1px solid var(--border);background:var(--panel);color:var(--ink);border-radius:8px;padding:8px 13px;text-decoration:none;display:inline-block}.quiet:hover,.theme:hover,.switcher button:hover{border-color:var(--violet)}.hero{isolation:isolate;border-bottom:1px solid var(--border);scroll-margin-top:70px;position:relative;overflow:clip}.mesh{z-index:-1;background:radial-gradient(ellipse at 66% 44%,color-mix(in srgb,var(--fill-a),transparent 78%),transparent 38%),radial-gradient(ellipse at 88% 80%,color-mix(in srgb,var(--fill-b),transparent 78%),transparent 36%),radial-gradient(ellipse at 72% 58%,var(--mist2),transparent 49%),radial-gradient(ellipse at 92% 93%,var(--mist),transparent 57%);transform:translate(var(--mesh-x,0px),var(--mesh-y,0px));transition:transform 1.2s ease-out;animation:16s ease-in-out infinite alternate mesh-drift;position:absolute;inset:-65px}.mesh:after{content:"";opacity:.19;background:radial-gradient(circle,var(--grain) .55px,transparent .75px) 0 0/7px 7px,radial-gradient(circle,var(--grain) .55px,transparent .75px) 2px 3px/11px 11px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0006,#000);mask-image:linear-gradient(90deg,#0006,#000)}@keyframes mesh-drift{to{rotate:-2deg;scale:1.14}}.hero-inner{grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);align-items:center;gap:5vw;padding-block:clamp(68px,10vw,154px);display:grid}.eyebrow,.caption{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.eyebrow{align-items:center;gap:10px;margin-bottom:19px;display:flex}.eyebrow i,.frame-bar i{background:var(--fill);width:7px;height:7px;box-shadow:0 0 13px var(--fill-a);border-radius:50%;display:inline-block}h1{letter-spacing:-.04em;font-size:clamp(56px,6.8vw,108px);font-weight:400}h1 em{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;padding-inline-end:.08em}.hero-copy p{max-width:36ch;margin:24px 0 29px;font-size:clamp(16px,1.65vw,20px)}.primary{background:var(--primary);color:var(--on-primary);border:1px solid #0000;border-radius:9px;padding:10px 15px;font-weight:700}.hero-cta{translate:var(--mx,0) var(--my,0);background:linear-gradient(var(--primary),var(--primary)) padding-box,var(--fill) border-box;padding:13px 20px;transition:translate .15s ease-out;position:relative}.hero-cta:hover{animation:1.6s linear infinite cta-border;transform:translateY(-2px)}.hero-cta span{margin-left:12px}.icon{vertical-align:-.125em}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes cta-border{0%{--angle:0deg;background:linear-gradient(var(--primary),var(--primary)) padding-box,conic-gradient(from var(--angle),var(--fill-a),var(--fill-b),var(--fill-a)) border-box}to{--angle:360deg;background:linear-gradient(var(--primary),var(--primary)) padding-box,conic-gradient(from var(--angle),var(--fill-a),var(--fill-b),var(--fill-a)) border-box}}.hero-stage{view-transition-name:studio-stage;min-width:0}.studio-open .hero-inner{grid-template-columns:1fr;gap:32px;padding-block:46px 64px}.studio-open h1{font-size:clamp(52px,6.2vw,86px)}.studio-open .hero-copy p{max-width:none;margin:14px 0}.frame{background:var(--panel);border:1px solid var(--border);box-shadow:0 28px 72px var(--shadow);border-radius:17px;overflow:hidden}.frame-bar{border-bottom:1px solid var(--border);min-height:50px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex}.frame-bar span:first-child{align-items:center;gap:8px;display:flex}.frame-bar b{text-transform:capitalize;color:var(--ink);font-weight:500}.chip{border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:20px;padding:2px 9px;font-size:11px}.frame-body{grid-template-columns:minmax(128px,.72fr) minmax(0,3fr) minmax(170px,1fr);display:grid}.stage,.room-stage{background:radial-gradient(circle,var(--border) 1px,transparent 1px) 0 0/18px 18px,var(--stage);min-width:0;height:clamp(360px,43vw,560px);position:relative;overflow:hidden}.frame-preview .stage{height:clamp(310px,34vw,490px)}.frame-preview .path,.frame-preview .legend{display:none}.frame-preview .frame-body{display:block}.path,.legend{min-width:0;padding:18px}.legend{isolation:isolate;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid var(--border);position:relative;overflow:hidden}.legend:before{content:"";z-index:-1;aspect-ratio:1;background:repeating-conic-gradient(var(--muted) 0 .7deg,transparent .7deg 10deg),conic-gradient(var(--muted) 0 1.6deg,transparent 1.6deg 88.4deg,var(--muted) 88.4deg 91.6deg,transparent 91.6deg 178.4deg,var(--muted) 178.4deg 181.6deg,transparent 181.6deg 268.4deg,var(--muted) 268.4deg 271.6deg,transparent 271.6deg 358.4deg,var(--muted) 358.4deg);opacity:.45;border-radius:50%;width:220px;position:absolute;bottom:-70px;right:-70px;-webkit-mask:radial-gradient(closest-side,#0000 82%,#000 83% 97%,#0000 98%);mask:radial-gradient(closest-side,#0000 82%,#000 83% 97%,#0000 98%)}.legend:after{content:"";z-index:-1;clip-path:polygon(50% 0,64% 50%,50% 100%,36% 50%);background:linear-gradient(var(--fill-a),var(--fill-b) 50%,var(--border) 50%);opacity:.55;width:18px;height:150px;position:absolute;bottom:-35px;right:31px;transform:rotate(28deg)}.legend .caption:before{content:"N";border:1px solid var(--border);width:17px;height:17px;font:700 9px/1 var(--font-ui);letter-spacing:0;color:var(--fill-a);border-radius:50%;place-items:center;margin-right:7px;display:inline-grid}.path{border-right:1px solid var(--border)}.path ol{margin:14px 0 0;padding:0;list-style:none}.path li{color:var(--muted);align-items:baseline;gap:8px;padding:0 0 14px;font-size:12px;display:flex;position:relative}.path,.roadmap{--node:13px}.node{width:var(--node);height:var(--node);border:1.5px dashed var(--muted);color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:9px;line-height:1;display:inline-grid}.done .node,.current .node{background:var(--fill);color:var(--on-primary);border:0}.current .node{box-shadow:0 0 0 3px color-mix(in srgb,var(--fill-a),transparent 65%);animation:1.8s ease-out infinite node-pulse}@keyframes node-pulse{to{box-shadow:0 0 0 10px color-mix(in srgb,var(--fill-a),transparent 85%)}}:is(.path li,.roadmap details):after{content:"";left:calc(var(--node)/2 - 1px);top:calc(var(--node) + 5px);border-left:2px dashed var(--muted);width:0;opacity:var(--seg-o,1);position:absolute;bottom:2px}:is(.path li,.roadmap details).done:after{background:var(--fill);border:0;width:2px}.path li:last-child:after{display:none}.path li.current{color:var(--ink);font-weight:700}.legend h3{margin:11px 0;font-size:27px}.legend p{margin-bottom:12px;font-size:13px}.legend label{color:var(--muted);font-size:12px}.legend input:not([type=checkbox]){border:1px solid var(--border);background:var(--base);width:100%;color:var(--ink);border-radius:7px;margin:4px 0 9px;padding:8px;font-size:16px;display:block}.legend button{margin-top:8px}.legend details{color:var(--muted);font-size:12px}.legend pre{white-space:pre-wrap;overflow-wrap:anywhere}.legend [role=status]{margin-top:8px;font-size:12px}.share{margin-top:16px}.canvas-hint,.kit-details{z-index:300;background:var(--panel);border:1px solid var(--border);white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.kit-details{pointer-events:auto;gap:2px;display:grid;top:auto;bottom:62px}.comap-card{border:1px solid var(--violet);background:var(--paper);color:var(--ink);border-radius:12px;flex-direction:column;justify-content:center;padding:12px 16px;line-height:1.2;display:flex}.comap-card span,.comap-card small{color:var(--muted);font-size:11px}.comap-card strong{margin:5px 0;font-size:22px}.room{grid-template-columns:1fr auto;align-items:center;gap:18px;padding-block:44px;display:grid}.room h2{margin-bottom:10px;font-size:clamp(26px,4vw,40px)}.room-stage{border:1px solid var(--border);border-radius:16px;grid-column:1/-1}.sections{--scroll:0;padding-left:44px;position:relative}.site-path{background:var(--border);width:1px;position:absolute;top:76px;bottom:94px;left:7px}.site-path span{height:calc(var(--scroll,0) * 100%);background:var(--fill);display:block}.sections section{border-bottom:1px solid var(--border);padding-block:clamp(58px,7.8vw,106px);scroll-margin-top:60px;position:relative}.sections section:before{content:"";background:var(--base);border:1px solid var(--border);border-radius:100%;width:9px;height:9px;position:absolute;top:calc(clamp(58px,7.8vw,106px) + 5px);left:-41px}.sections section.arrived:before{background:var(--fill);box-shadow:0 0 15px var(--fill-a)}.reveal.arrived>*{animation:.52s ease-out both reveal}.reveal.arrived>:nth-child(2){animation-delay:70ms}.reveal.arrived>:nth-child(3){animation-delay:.13s}@keyframes reveal{0%{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sections h2{letter-spacing:-.03em;margin-bottom:27px;font-size:clamp(42px,6.6vw,88px)}.beats,.anatomy{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.photo{aspect-ratio:16/10;background:var(--mist);border-radius:9px;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;display:block;scale:1.14}.photo-depth img{transform:translateY(var(--photo-offset,0px))}.photo span{background:linear-gradient(150deg,color-mix(in srgb,var(--mist2),transparent 62%),color-mix(in srgb,var(--mist),transparent 45%));position:absolute;inset:0}.beats h3,.anatomy h3{margin:15px 0 7px;font-size:25px}.anatomy{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.anatomy article{border-top:1px solid var(--border)}.switcher{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.switcher button[aria-pressed=true]{background:var(--primary);color:var(--on-primary);border-color:#0000}.paper,.rule-board{background:var(--paper);border:1px solid var(--border);border-radius:10px;width:min(90%,520px);max-height:calc(100% - 64px);margin:32px auto;padding:22px;overflow:auto}.paper h4{margin-top:15px;font-size:30px}.paper p{overflow-wrap:anywhere;margin-top:13px}.paper h4{overflow-wrap:anywhere}.check-row{align-items:baseline;gap:8px;display:flex}.rule-board>div{border-bottom:1px solid var(--border);overflow-wrap:anywhere;gap:3px;padding:12px 0;display:grid}.rule-board>div:last-child{border:0}.ledger-list{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px;padding:0;list-style:none;display:grid}.ledger-card{border-color:var(--border);justify-content:flex-start;gap:3px;position:relative;overflow:hidden}.ledger-card:before{content:"";background:var(--fill);height:2px;position:absolute;inset:0 0 auto}.ledger-card span{color:var(--ink);font-size:14px}.ledger-bar{align-items:center;gap:12px;margin:14px 0 18px;display:flex}.ledger-track{border:1px solid var(--border);background:var(--panel);border-radius:99px;flex:1;height:10px;overflow:hidden}.ledger-track i{background:var(--fill);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);display:block}.ledger-bar>span{text-align:right;font-variant-numeric:tabular-nums;min-width:7ch;font-weight:700}.ledger-list small,.ledger-total{color:var(--muted);font-variant-numeric:tabular-nums}.roadmap{--node:18px}.roadmap details{padding:0 0 22px;position:relative}.roadmap summary{min-height:var(--node);cursor:pointer;align-items:center;gap:14px;list-style:none;display:flex}.roadmap summary::-webkit-details-marker{display:none}.roadmap summary:hover .node{border-color:var(--violet)}.roadmap summary>span:not(.node){letter-spacing:.15em;text-transform:uppercase;width:62px;color:var(--violet);font-size:11px;font-weight:700}.roadmap p{max-width:60ch;margin:8px 0 0 32px}footer{justify-content:space-between;align-items:center;gap:16px;padding-block:25px;display:flex}footer p{font-size:12px}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=900px){.frame-body{grid-template-columns:116px minmax(0,1fr) 170px}.path,.legend{padding:12px}.hero-inner{gap:3vw}}@media (width<=680px){.shell{width:calc(100% - 32px)}.top nav{display:none}.top-inner{min-height:60px}.hero-inner{grid-template-columns:1fr;gap:31px;padding-block:54px}.frame-body{grid-template-columns:1fr}.stage{height:330px}.frame-preview .stage{height:300px}.path,.legend{border:0}.path{border-bottom:1px solid var(--border)}.legend{border-top:1px solid var(--border)}.path ol{flex-wrap:wrap;gap:8px 0;margin-top:6px;display:flex}.path li{padding:0}.path li:after{border-left:0;border-top:2px dashed var(--muted);flex:none;align-self:center;width:16px;height:0;margin-inline:8px;position:static}.path li.done:after{border:0;width:16px;height:2px}.sections{padding-left:22px}.site-path{left:1px}.sections section:before{left:-25px}.beats{grid-template-columns:1fr}.anatomy{grid-template-columns:repeat(2,minmax(0,1fr))}footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}.mesh,.photo-depth img{transform:none!important}.current .node{animation:none!important}}