:root{color-scheme:dark;--bg:#0b1218;--panel:#101c24;--line:#293840;--text:#ecede6;--muted:#a5b7bd;--gold:#e9bc6e;--mint:#8dd8c2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header{max-width:1420px;margin:auto;padding:25px 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:14px}.brand{letter-spacing:.17em;font-size:13px;font-weight:650;display:flex;align-items:center;gap:13px}.sigil{font-size:30px;color:var(--gold)}main{max-width:1420px;margin:auto;padding:30px 42px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:20px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--gold)}h1{font:clamp(30px,3.5vw,49px)/1.1 Georgia,serif;font-weight:normal;margin:12px 0}h1 em{color:var(--mint);font-weight:normal}.intro p{font-size:14px;color:var(--muted);margin:0}.lab{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.dish-panel{padding:22px;background:radial-gradient(ellipse at 50% 35%,#182b30 0,#0d181e 65%);min-width:0}.dish-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:.08em}.dish-top i{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:7px}.viewport{position:relative;max-width:490px;margin:8px auto 3px}#tissue{display:block;width:100%;aspect-ratio:1;touch-action:pan-y;border-radius:50%;background:radial-gradient(circle,#15282c,#0a161e 70%);border:1px solid #365153;box-shadow:inset 0 0 60px #0007}#tissue.erasing{cursor:crosshair;touch-action:none}.reference{position:absolute;bottom:14px;right:-4px;width:100px;background:#101c24;border:1px solid #39484a;border-radius:8px;padding:6px;text-align:center;box-shadow:0 8px 20px #0005}.reference canvas{width:100%;display:block;image-rendering:pixelated}.reference span{font-size:10px;letter-spacing:.1em;color:var(--muted)}.axis-label{position:absolute;left:0;bottom:17px;font-size:10px;letter-spacing:.18em;color:#8ca6ab;writing-mode:vertical-rl}.transport{display:flex;align-items:center;gap:8px;margin:20px 0 18px}button{border:1px solid #3b4c52;background:#16252d;color:var(--text);border-radius:6px;padding:9px 14px;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#253942;border-color:#76918d}button:disabled{opacity:.45;cursor:wait}button.primary{background:var(--mint);color:#132522;border-color:var(--mint);min-width:86px;font-weight:650}button.selected,button[aria-pressed=true]{background:#30443e;border-color:var(--mint);color:#c5f1e2}.speed-label{margin-left:auto;font-size:13px;color:var(--muted)}select{background:#15252c;color:var(--text);border:1px solid #3c4d54;border-radius:5px;padding:6px;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--line);padding-top:15px}.metrics div{display:flex;flex-direction:column}.metrics strong{font-size:24px;font-weight:400;font-variant-numeric:tabular-nums}.metrics span{font-size:12px;color:var(--muted)}.status{font-size:13px;color:var(--muted);min-height:40px;margin:14px 0 0}.controls{padding:27px 30px;background:#121e26;border-left:1px solid var(--line)}.section-label{font-size:12px;letter-spacing:.13em;color:var(--gold);margin-bottom:15px}.section-label:not(:first-child){margin-top:27px}.segmented{display:flex;gap:8px}.segmented button{flex:1}.hint{font-size:13px;color:var(--muted);line-height:1.5;margin:10px 0 0}.slider-heading{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.slider-heading label{font-size:14px}.slider-heading small{color:var(--muted);margin-left:5px}.slider-heading output{font:14px ui-monospace,monospace;color:var(--mint)}input[type=range]{width:100%;margin:14px 0 4px;accent-color:var(--mint);height:20px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.range-note{font-size:12px;color:var(--gold);margin:18px 0 12px}.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.presets button{font-size:12px;padding:8px 3px}.check{display:flex;gap:9px;align-items:center;font-size:14px;margin-top:20px}.check input{accent-color:var(--mint);width:17px;height:17px}.view-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.view-label select{max-width:78%}.tools{display:flex;gap:8px;margin-top:15px}.tools button{flex:1;padding:9px 5px;font-size:13px}.explain{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:40px 0 30px}.explain h2{font:32px Georgia,serif;margin:10px 0 15px}.explain p{font-size:15px;color:var(--muted);max-width:550px}.equation{align-self:center;border-left:1px solid #46605b;padding-left:30px}.equation span{font-size:11px;letter-spacing:.14em;color:var(--mint)}.equation p{font:24px Georgia,serif;color:var(--text)}.equation small{font-size:13px;color:var(--muted);display:block;max-width:450px}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:14px}.about{max-width:900px;color:var(--muted);font-size:15px}.about a{color:var(--mint);text-decoration:underline}.about li{margin:12px 0}footer{display:flex;justify-content:space-between;gap:20px;margin:25px 0 8px;font-size:11px;letter-spacing:.06em;color:var(--muted)}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media(min-width:1100px){.viewport{max-width:490px}}@media(max-width:900px){header{padding:18px 22px}main{padding:23px 22px}.controls{padding:22px}.intro p{display:none}.lab{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr)}.dish-panel{padding:18px}.transport{flex-wrap:wrap}.speed-label{margin-left:0}.explain{gap:30px}.reference{width:76px}.metrics strong{font-size:22px}}@media(max-width:670px){header{padding:14px 18px}.brand{font-size:10px;letter-spacing:.1em;gap:8px}header>a:last-child{font-size:12px}.sigil{font-size:25px}main{padding:19px 14px}.intro{margin-bottom:16px}h1{font-size:32px}.eyebrow{font-size:10px}.lab{display:flex;flex-direction:column}.dish-panel{padding:17px}.dish-top{font-size:10px}.viewport{max-width:390px}.transport{margin:16px 0}.transport button{padding:9px 12px}.speed-label{margin-left:auto}.reference{width:80px;bottom:9px}.metrics span{font-size:11px}.status{min-height:0}.controls{border-left:0;border-top:1px solid var(--line);padding:24px}.section-label{font-size:12px}.explain{display:block;padding:32px 6px}.equation{margin-top:25px}.explain p{font-size:15px}footer{flex-direction:column;gap:8px}input[type=range]{height:30px}.presets button{font-size:13px;padding:10px 4px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Readable control and explanatory text across small screens. */
.hint{font-size:14px}.intro p,.explain p{font-size:16px}.reference span,.axis-label,.eyebrow,.brand,.dish-top,.equation span,footer{font-size:12px}.reference span,.axis-label{font-size:12px}.presets button,.tools button,.speed-label{font-size:14px}.metrics span{font-size:12px}.status{font-size:14px}@media(max-width:670px){.brand{font-size:12px}.eyebrow{font-size:12px}.dish-top{font-size:12px}.reference{width:100px}.axis-label{display:none}}

.body-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.body-plans button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 3px 10px;font-size:14px;line-height:1.3;min-width:0;overflow-wrap:anywhere}.body-plans img{width:64px;height:64px;max-width:100%;object-fit:contain;image-rendering:pixelated;border-radius:4px}.geometric{margin-top:8px}.geometric button{font-size:13px;padding:6px 10px}.equation p{font-size:clamp(18px,2vw,24px);line-height:1.5}.dish-panel{align-self:start;position:sticky;top:12px}.lab{overflow:visible}.dish-panel{border-radius:12px 0 0 12px}.controls{border-radius:0 12px 12px 0}@media(max-width:670px){.dish-panel{position:relative;top:0;align-self:stretch;border-radius:12px 12px 0 0}.controls{border-radius:0 0 12px 12px}.body-plans img{width:72px;height:72px}.equation p{font-size:18px}}