:root{--ink:#07121a;--slate:#0f2028;--slate-glass:#0c1a21b8;--bone:#ece3cf;--bone-dim:#c9c1b0;--mist:#8a98ad;--mist-dim:#5d6b80;--ember:#e0a172;--ember-soft:#e0a17229;--hairline:#becde621;--display:"Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;--sans:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--left-edge:44px;--dock-height:132px;color:var(--bone);background:var(--ink);font-family:var(--sans);font-synthesis:none;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{background:var(--ink);margin:0;overflow:hidden}button,input{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p,ul,dl,dd{margin:0;padding:0}ul{list-style:none}a{color:var(--ember);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:801px){.mobile-only{display:none!important}}#app{background:var(--ink);height:100svh;min-height:620px;position:relative;overflow:hidden}#viewport{position:absolute;inset:0}canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}.topbar{height:74px;padding:0 var(--left-edge);z-index:5;pointer-events:none;grid-template-columns:1fr minmax(280px,460px) 1fr;align-items:center;gap:24px;display:grid;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.wordmark{font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--bone);font-variation-settings:"opsz" 72;justify-self:start;font-size:30px;font-weight:400}.wordmark:hover{color:#fff;text-decoration:none}.text-button{color:var(--mist);padding:8px 0;font-size:13px;transition:color .2s}.text-button:hover{color:var(--bone)}.topbar .text-button{justify-self:end}.icon-button{width:34px;height:34px;color:var(--mist);border-radius:50%;place-items:center;font-size:22px;line-height:1;display:grid}.icon-button:hover{color:var(--bone);background:#ffffff0f}.search{background:var(--slate-glass);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:21px;align-items:center;height:42px;transition:border-color .2s,background .2s;display:flex;position:relative}.search:focus-within{background:#0e1626e6;border-color:#e0a1728c}.search-icon{color:var(--mist);margin-left:16px;font-size:18px;line-height:1}#search{min-width:0;height:100%;color:var(--bone);background:0 0;border:0;outline:none;flex:1;padding:0 12px;font-size:13.5px}#search::placeholder{color:var(--mist-dim)}#search::-webkit-search-cancel-button{appearance:none}.search kbd{font-family:var(--sans);color:var(--mist-dim);border:1px solid var(--hairline);border-radius:5px;margin-right:14px;padding:1px 6px;font-size:11px}.search-results{border:1px solid var(--hairline);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a171df2;border-radius:16px;max-height:min(420px,55vh);padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 24px 60px #00000073}.search-results[hidden]{display:none}.search-results li button{text-align:left;width:100%;color:var(--bone-dim);border-radius:10px;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 12px;font-size:13.5px;display:flex}.search-results li button:hover,.search-results li button[aria-selected=true]{background:var(--ember-soft);color:var(--bone)}.search-results .count{color:var(--mist-dim);white-space:nowrap;font-size:11px}.search-results .empty{color:var(--mist);padding:12px;font-size:13px}.search-results .suggest-title{color:var(--mist-dim);padding:6px 12px 4px;font-size:11px}.left-column{left:var(--left-edge);z-index:4;pointer-events:none;flex-direction:column;gap:26px;width:346px;display:flex;position:absolute;top:96px;bottom:52px}.left-column>*{pointer-events:auto}.intro{opacity:0;transition:opacity 1.2s .3s,transform 1.2s .3s;transform:translateY(10px)}#app.ready .intro{opacity:1;transform:none}h1{font-family:var(--display);letter-spacing:-.01em;color:var(--bone);font-variation-settings:"opsz" 96;font-size:clamp(44px,4.2vw,64px);font-weight:400;line-height:1.02}.lede{max-width:300px;color:var(--mist);margin-top:16px;font-size:13.5px;line-height:1.6}.tour-button{color:var(--bone);background:#e0a17214;border:1px solid #e0a17273;border-radius:24px;align-items:center;gap:12px;margin-top:22px;padding:11px 18px 11px 14px;font-size:13px;font-weight:500;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.tour-button:hover{border-color:var(--ember);background:#e0a1722e}.tour-button:active{transform:scale(.98)}#tour-icon{color:var(--ember);text-align:center;width:16px;font-size:15px}.tour-time{color:var(--mist);border-left:1px solid var(--hairline);padding-left:12px;font-size:11px}.systems{flex-direction:column;flex:1;min-height:0;display:flex}.systems-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.systems-head h2{letter-spacing:.02em;color:var(--bone);font-size:13px;font-weight:600}.visible-count{color:var(--mist);font-size:11.5px}.presets{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.presets button{border:1px solid var(--hairline);color:var(--mist);border-radius:15px;padding:6px 11px;font-size:12px;transition:color .2s,border-color .2s,background .2s}.presets button:hover{color:var(--bone);border-color:#becde64d}.presets button[aria-pressed=true]{color:var(--bone);background:var(--ember-soft);border-color:#e0a1728c}.system-list{scrollbar-width:thin;scrollbar-color:#8a98ad59 transparent;grid-template-columns:1fr 1fr;align-content:start;column-gap:10px;min-height:0;margin:0 -8px;padding:0 8px;display:grid;overflow:auto}.system-row{align-items:center;gap:4px;min-width:0;height:30px;display:flex}.system-row .solo{text-align:left;min-width:0;height:100%;color:var(--bone-dim);border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 6px 0 8px;font-size:12.5px;transition:background .15s,color .15s;display:flex}.system-row .solo>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.system-row .solo:hover{color:var(--bone);background:#ffffff0d}.system-row .dot{background:var(--dot);width:9px;height:9px;box-shadow:0 0 0 1px #0000004d, 0 0 10px color-mix(in srgb, var(--dot) 55%, transparent);border-radius:50%;flex:none;transition:opacity .2s}.system-row .count{color:var(--mist-dim);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.system-row.off .solo{color:var(--mist-dim)}.system-row.off .dot{opacity:.25;box-shadow:none}.toggle{background:#8a98ad40;border-radius:9px;flex:none;width:30px;height:17px;transition:background .2s;position:relative}.toggle:after{content:"";background:var(--mist);border-radius:50%;width:13px;height:13px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.toggle[aria-checked=true]{background:#e0a17273}.toggle[aria-checked=true]:after{background:var(--bone);transform:translate(13px)}.inspector{right:var(--left-edge);width:300px;max-height:calc(100% - var(--dock-height) - 150px);z-index:6;background:var(--slate-glass);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:18px;flex-direction:column;padding:22px 22px 18px;animation:.35s cubic-bezier(.2,.8,.2,1) inspector-in;display:flex;position:absolute;top:110px;box-shadow:0 30px 70px #00000073}.inspector[hidden]{display:none}@keyframes inspector-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}#close-inspector{position:absolute;top:10px;right:10px}.inspector-system{color:var(--mist);align-items:center;gap:8px;font-size:11.5px;display:flex}.inspector-system .dot{background:var(--dot,var(--ember));width:8px;height:8px;box-shadow:0 0 8px color-mix(in srgb, var(--dot,var(--ember)) 60%, transparent);border-radius:50%}.inspector h2{font-family:var(--display);color:var(--bone);font-variation-settings:"opsz" 48;margin:8px 24px 12px 0;font-size:27px;font-weight:400;line-height:1.12}.inspector-scroll{scrollbar-width:thin;scrollbar-color:#8a98ad59 transparent;min-height:0;overflow:auto}#inspector-text{color:var(--bone-dim);font-size:13px;line-height:1.6}.inspector-note{color:var(--mist-dim);margin-top:8px;font-size:11px}.inspector-meta{border-top:1px solid var(--hairline);grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 0;padding-top:14px;display:grid}.inspector-meta dt{color:var(--mist-dim);font-size:11px}.inspector-meta dd{color:var(--bone);font-variant-numeric:tabular-nums;margin-top:2px;font-size:13px}#inspector-members-wrap{margin-top:14px}#inspector-members-wrap h3{color:var(--mist-dim);margin-bottom:4px;font-size:11px;font-weight:500}.members li button{text-align:left;width:calc(100% + 16px);color:var(--bone-dim);border-radius:8px;justify-content:space-between;gap:8px;margin:0 -8px;padding:6px 8px;font-size:12.5px;display:flex}.members li button:hover{color:var(--bone);background:#ffffff0d}.members .more{color:var(--mist-dim);padding:6px 0;font-size:11.5px}.inspector-actions{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.primary-button{background:var(--ember);color:#1a0f08;border-radius:20px;padding:10px 16px;font-size:13px;font-weight:600;transition:transform .15s,filter .2s}.primary-button:hover{filter:brightness(1.08)}.primary-button:active{transform:scale(.98)}.primary-button[aria-pressed=true]{background:var(--bone)}.dock{z-index:5;align-items:flex-end;gap:12px;width:min(740px,56vw);display:flex;position:absolute;bottom:52px;left:50%;transform:translate(-40%)}.explode-panel{background:var(--slate-glass);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:18px;flex:1;padding:18px 24px 16px;box-shadow:0 24px 60px #00000059}.explode-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.explode-head label{color:var(--bone);font-size:13px;font-weight:500}output{font-family:var(--display);color:var(--ember);font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 48;font-size:26px;line-height:1}output span{font-family:var(--sans);color:var(--mist);margin-left:3px;font-size:12px}input[type=range]{appearance:none;cursor:ew-resize;background:linear-gradient(to right, var(--ember) var(--progress,0%), #8a98ad47 var(--progress,0%));border-radius:4px;width:100%;height:4px;margin:0 0 12px;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--bone);border:6px solid var(--slate);border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 1px #e0a172b3,0 0 18px #e0a17259}input[type=range]::-moz-range-thumb{background:var(--bone);border:6px solid var(--slate);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #e0a172b3}.range-ends{justify-content:space-between;display:flex}.range-ends button{color:var(--mist);font-size:11.5px;transition:color .2s}.range-ends button:hover{color:var(--bone)}.range-ends button:last-child{color:var(--ember)}.camera-controls{background:var(--slate-glass);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:26px;align-items:center;gap:2px;padding:6px;display:flex}.camera-controls button{width:34px;height:34px;color:var(--mist);border-radius:50%;font-size:12.5px;transition:color .2s,background .2s}.camera-controls button:hover{color:var(--bone);background:#ffffff0f}.camera-controls button[aria-pressed=true]{color:var(--ember);background:var(--ember-soft)}.camera-controls button:disabled{opacity:.35;cursor:default;background:0 0}.camera-controls i{background:var(--hairline);width:1px;height:16px;margin:0 4px}#rotate,#reset,#fullscreen{font-size:17px}.foot{left:var(--left-edge);right:var(--left-edge);height:40px;color:var(--mist-dim);z-index:4;justify-content:space-between;align-items:center;gap:16px;font-size:11.5px;display:flex;position:absolute;bottom:0}.status{color:var(--mist);align-items:center;gap:8px;display:flex}.status-dot{background:var(--ember);width:6px;height:6px;box-shadow:0 0 8px var(--ember);border-radius:50%}.hint{color:var(--mist-dim)}.foot .text-button{font-size:11.5px}.hover-label{z-index:7;pointer-events:none;color:var(--bone);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#08141ae6;border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;transform:translate(14px,18px)}.hover-label[hidden]{display:none}.hover-label i{background:var(--dot,var(--ember));vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}#loading{z-index:20;background:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .9s;display:flex;position:absolute;inset:0}#loading.done{opacity:0;pointer-events:none}.loading-mark{font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--bone);margin-bottom:8px;font-size:34px}#loading p{color:var(--bone-dim);font-size:15px}.loading-track{background:#8a98ad40;border-radius:2px;width:220px;height:2px;overflow:hidden}.loading-track i{background:var(--ember);width:0;height:100%;transition:width .3s;display:block}#loading small{color:var(--mist);font-size:12px}#loading.error .loading-track{display:none}#loading.error p{color:var(--ember);max-width:380px}dialog{border:1px solid var(--hairline);width:min(560px,92vw);max-height:88vh;color:var(--bone);background:#0d1d24;border-radius:22px;padding:44px 46px;overflow:auto;box-shadow:0 40px 140px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040810b8}.dialog-close{position:absolute;top:14px;right:16px}.dialog-mark{font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--ember);font-size:14px}dialog h2{font-family:var(--display);font-variation-settings:"opsz" 72;margin:10px 0 18px;font-size:40px;font-weight:400;line-height:1.05}dialog h3{margin:22px 0 6px;font-size:13px;font-weight:600}dialog p{color:var(--bone-dim);margin-bottom:12px;font-size:13.5px;line-height:1.7}.dialog-source{color:var(--mist);font-size:12.5px}.dialog-controls{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);color:var(--mist-dim);grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 4px;padding:18px 0;font-size:11px;display:grid}.dialog-controls b{color:var(--bone);margin-top:4px;font-size:12.5px;font-weight:500;display:block}@media (max-height:820px) and (min-width:801px){.left-column{gap:16px;top:84px}h1{font-size:clamp(38px,3.6vw,52px)}.lede{display:none}.tour-button{margin-top:14px}.system-row{height:26px}}@media (max-width:1180px){:root{--left-edge:28px}.left-column{width:270px}.topbar{grid-template-columns:auto minmax(200px,1fr) auto}.dock{width:min(680px,62vw);transform:translate(-40%)}.inspector{width:270px}.hint{display:none}}@media (max-width:800px){:root{--left-edge:18px;--dock-height:150px}.mobile-only{display:inline-flex}#app{min-height:560px}.topbar{grid-template-columns:auto 1fr auto;gap:10px;height:62px}.wordmark{font-size:22px}.search{height:38px}.search kbd{display:none}#search{padding:0 8px;font-size:13px}.search-results{position:fixed;top:72px;left:12px;right:12px}.left-column{width:auto;top:74px;bottom:auto;right:var(--left-edge);gap:0}h1{font-size:30px}.lede{display:none}.tour-button{margin-top:12px;padding:8px 12px;font-size:12px}.tour-time{display:none}.systems{border-top:1px solid var(--hairline);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:12;background:#0a171df5;border-radius:22px 22px 0 0;max-height:72vh;padding:18px 18px 24px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(105%)}.systems.open{transform:none}.systems-head{align-items:center;gap:10px}.systems-head .visible-count{margin-left:auto}.inspector{top:auto;left:12px;right:12px;bottom:calc(var(--dock-height) + 8px);width:auto;max-height:46vh;padding:18px;animation-name:inspector-up}@keyframes inspector-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.inspector h2{font-size:22px}.dock{flex-wrap:wrap;gap:8px;width:auto;bottom:38px;left:12px;right:12px;transform:none}.dock-systems{background:var(--slate-glass);border:1px solid var(--hairline);color:var(--bone);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;order:1;padding:9px 14px;font-size:12.5px}.camera-controls{order:2;margin-left:auto;padding:4px}.camera-controls button{width:30px;height:30px}.explode-panel{order:3;width:100%;padding:14px 16px 12px}.explode-head{margin-bottom:10px}output{font-size:22px}.foot{justify-content:center;height:34px}.foot .text-button,.hint{display:none}dialog{padding:30px 24px}dialog h2{font-size:30px}.dialog-controls{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.intro,.inspector,.systems,.toggle,.toggle:after,.loading-track i{transition:none;animation:none}}