:root{--ink:#e9e9ec;--dim:#8a8f96;--box:transparent;--line:#202327}*{box-sizing:border-box}html,body{margin:0}html{background:#050506}body{color:var(--ink);background:#050506;font:14px/1.6 ui-monospace,SF Mono,Menlo,monospace;overflow-x:hidden}main{z-index:1;max-width:640px;margin:0 auto;padding:96px 24px 160px;position:relative}h1{letter-spacing:.18em;text-transform:uppercase;margin:0 0 6px;font-size:22px;font-weight:500}.lead{color:var(--dim);margin:0 0 40px}.sub{background:var(--box);border-radius:10px;padding:20px 22px}.card h2{margin:0 0 8px;font-size:15px;font-weight:600}.card p{color:var(--dim);margin:0}.row{gap:12px;margin-top:40px;display:flex}.btn{background:var(--box);color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;flex:1;padding:16px}.btn:hover{background:#ffffff0d}.chip{letter-spacing:.1em;border-radius:999px;margin-top:40px;padding:8px 14px;font-size:12px;display:inline-block}.tall{margin-top:40px}.shapes{justify-content:space-between;align-items:center;gap:28px;margin-top:44px;display:flex}.shape{color:var(--dim);letter-spacing:.1em;border:none;justify-content:center;align-items:center;padding:0;font-size:11px;display:flex}.shape span{pointer-events:none}.circle{width:132px;height:132px}.star{width:150px;height:150px}.hex{width:150px;height:140px}.pages{letter-spacing:.14em;text-transform:uppercase;gap:16px;margin:0 0 28px;font-size:11px;display:flex}.pages a{color:var(--dim);text-decoration:none}.pages a[aria-current=page]{color:var(--ink)}.reflow{margin-top:36px}.reflow>summary{cursor:pointer;color:var(--dim);letter-spacing:.14em;text-transform:uppercase;font-size:11px;list-style:none}.reflow>summary::-webkit-details-marker{display:none}.reflow>summary:before{content:"▸ ";color:#5a6068}.reflow[open]>summary:before{content:"▾ "}.reflow-body{border:1px solid var(--line);background:#0a0b0df7;border-radius:12px;margin-top:10px;padding:14px 16px}.reflow-body p{color:var(--dim);margin:0 0 8px}.status{color:var(--dim);font-size:12px}.status b{color:#a6d18c}#panel{z-index:3;backdrop-filter:blur(10px);border:1px solid var(--line);background:#0a0b0ddb;border-radius:12px;width:248px;padding:14px;font-size:12px;position:fixed;top:16px;right:16px}#panel h3{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0 0 10px;font-size:11px;font-weight:600}#panel button{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#14161a;border-radius:7px;padding:6px 8px}.btns{gap:6px;margin-bottom:12px;display:flex}.btns button{flex:1}.ctrl{grid-template-columns:1fr;margin:0 0 10px;display:grid}.ctrl span{color:var(--dim);justify-content:space-between;display:flex}.ctrl input[type=range]{accent-color:#6fbf4a;width:100%}.ctrl.structure input[type=range]{accent-color:#5f9bff}.ctrl.structure span{color:#9dbcf0}.ctrl.cells input[type=range]{accent-color:#6fbf4a}.ctrl.cells span{color:#a6d18c}.ctrl.look input[type=range]{accent-color:#e0a94a}.ctrl.look span{color:#e3c48a}.ctrl.global input[type=range]{accent-color:#8a8f96}.ctrl.global span{color:var(--dim)}.check{color:var(--dim);cursor:pointer;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:12px;display:flex}.check input{accent-color:#6fbf4a}#panel details{border-top:1px solid var(--line);margin:0 0 6px;padding-top:4px}#panel summary{cursor:pointer;color:var(--dim);letter-spacing:.14em;text-transform:uppercase;padding:4px 0;font-size:10px;font-weight:600;list-style:none}#panel summary::-webkit-details-marker{display:none}#panel summary:before{content:"▸ ";color:#5a6068}#panel details[open]>summary:before{content:"▾ "}#panel .group{padding:6px 0 2px}#legend{letter-spacing:.08em;text-transform:uppercase;gap:10px;margin:0 0 12px;font-size:10px;display:flex}#legend span{color:var(--dim);align-items:center;gap:5px;display:inline-flex}#legend span:before{content:"";border-radius:2px;width:8px;height:8px}#legend .k-global:before{background:#8a8f96}#legend .k-structure:before{background:#5f9bff}#legend .k-cells:before{background:#6fbf4a}#legend .k-look:before{background:#e0a94a}hr{border:0;border-top:1px solid var(--line);margin:12px 0}