:root{--paper: #f2ede3;--ink: #111111;--coral: #f26b4f;--mist: #d9dee3;--blue: #0b46f5;--night: #0b0b0b;--cream: #f2ede3;--lime: #d9f24a;--ink-mute: rgba(17, 17, 17, .45);--cream-mute: rgba(242, 237, 227, .45);--serif: "Instrument Serif", "Times New Roman", serif;--mono: "DM Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--night)}.board{display:grid;grid-template-columns:repeat(3,1fr);height:100vh;height:100dvh;min-height:560px}.panel{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;padding:12px 0}.panel-formula{background:var(--paper);--focus: var(--coral)}.panel-geometry{background:var(--mist);--focus: var(--blue)}.panel-rhythm{background:var(--night);--focus: var(--lime)}.poster{width:100%;height:100%;max-width:100%;user-select:none;-webkit-user-select:none;touch-action:none}@media (max-width: 900px){.board{grid-template-columns:1fr;height:auto}.panel{height:auto;padding:0}.poster{height:auto;aspect-ratio:420 / 800;max-height:100vh}}.label{font-family:var(--mono);font-weight:400;font-size:14px;letter-spacing:.18em}.label.caps{text-transform:uppercase;font-weight:300;font-size:15px}.label.small{font-size:12px;letter-spacing:.12em}.glyph{font-family:var(--serif);font-style:italic}.ctl{cursor:grab;outline:none}.ctl:active{cursor:grabbing}[role=button].ctl{cursor:pointer}.ctl:focus-visible .handle{stroke:var(--focus);stroke-width:2;stroke-dasharray:3 3;paint-order:stroke}.ctl:focus-visible>rect[fill=transparent]{stroke:var(--focus);stroke-dasharray:3 4;stroke-width:1}.fx-input{width:100%;height:100%;border:0;border-bottom:1px solid var(--ink-mute);background:transparent;color:var(--ink);font-family:var(--serif);font-style:italic;font-size:30px;padding:0 2px;outline:none}.fx-input:focus{border-bottom-color:var(--ink)}.fx-input.error{border-bottom:2px solid var(--coral);color:var(--coral)}