:root{color-scheme:dark;--bg:#101016;--ink:#e9e3f0;--muted:#aaa1b7;--accent:#c9b2ee;--line:#39323f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:4px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#211c29;color:var(--ink);border-radius:5px;padding:9px 16px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e5c287;outline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 5vw;border-bottom:1px solid var(--line)}header>a{font:bold 25px Georgia,serif;text-decoration:none}nav{display:flex;gap:24px;font-size:12px}main{max-width:1160px;margin:auto;padding:28px 28px 40px}.intro{max-width:760px}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--muted)}h1{font:normal clamp(36px,5vw,58px)/1.1 Georgia,serif;margin:12px 0}h1 em{color:var(--accent)}.intro p{margin:9px 0}.muted{color:var(--muted);font-size:13px}.scene{margin-top:25px;background:#17151f;border:1px solid var(--line);border-radius:12px;padding:20px 25px}.machine-views{display:flex;gap:10px;border-bottom:1px solid var(--line);padding-bottom:14px}.machine-views button[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.mechanism{display:block;width:100%;height:min(48vh,480px);min-height:260px;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#32294255,transparent 70%)}.mechanism[data-view="3d"]{cursor:grab;touch-action:none}.mechanism[data-view="3d"]:active{cursor:grabbing}.drawing{fill:none;stroke-linecap:round;stroke-linejoin:round}.drawing path{fill:none}.drawing text{font:10px Arial;letter-spacing:1px;fill:#a59bb5}.drawing .pivot-label{fill:#d4c3ed}.machine-legend{display:flex;gap:24px;font-size:11px;color:var(--accent)}.machine-legend span:before{content:"";display:inline-block;width:16px;height:2px;background:var(--accent);margin-right:8px;vertical-align:middle}.machine-legend span:nth-child(2){color:#efa861}.machine-legend span:nth-child(2):before{background:#efa861}.machine-controls,.machine-subcontrols{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:18px}.machine-play{background:#bce9d4;color:#15231d;font-weight:700;min-width:110px}.machine-mode-status{font-size:12px;min-width:80px}.machine-tempo{display:flex;flex:1;gap:14px;align-items:center;font-size:12px;min-width:220px}.machine-speed-track{position:relative;flex:1;display:block;padding-bottom:20px}.machine-speed{width:100%;accent-color:var(--accent);margin:0}.machine-swing-label,.machine-transition{position:absolute;font-size:10px;color:var(--muted);top:24px;white-space:nowrap}.machine-swing-label{left:0}.machine-transition{left:80%;transform:translateX(-50%)}.machine-speed-value{min-width:45px}.machine-subcontrols{font-size:12px;color:var(--muted)}.machine-subcontrols select{background:#211c29;color:var(--ink);padding:6px;border:1px solid var(--line)}.machine-reset{margin-left:auto;font-size:12px}.machine-hint{font-size:12px;color:#bcb3c9;margin:18px 0 0}.mechanism-note{font-size:10px;color:var(--muted);margin:5px 0 0}footer{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-size:11px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:640px){header{align-items:flex-start;padding:16px 20px}nav{gap:7px;flex-direction:column;font-size:11px}main{padding:20px 14px}.scene{padding:15px 12px}.machine-tempo{flex-basis:100%;margin-top:8px}.machine-controls{gap:10px}.machine-legend{gap:12px;font-size:9px}.machine-subcontrols{gap:10px}footer{flex-direction:column}.mechanism{height:300px;min-height:0}}