:root{color:#161616;font-synthesis:none;text-rendering:optimizelegibility;--mono:"SFMono-Regular", "SF Mono", ui-monospace, "Roboto Mono", monospace;--shell:#eeece4;--ink:#171717;--line:#17171729;--blue:#2f57ff;--red:#ff5947;--yellow:#f5c542;--grid-line:#d0eb99de;--grid-tint:#14120e33;--grid-band:#14120e0f;--grid-gray:#7a7a74db;background:#e9e7df;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{background:#e9e7df;min-width:320px;min-height:100%}body{overscroll-behavior:none;min-width:320px;min-height:100%;margin:0}button,a{font:inherit}button{color:inherit}button,[href]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #2f57ff}.keyboard:focus-visible{outline-offset:-3px;outline:3px solid #2f57ff}.reviewer-page{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));background:radial-gradient(circle at 75% 22%,#ffffffd9,#0000 32%),linear-gradient(145deg,#efede6,#dfddd4)}.reviewer-nav{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;display:flex}.nav-lab{min-width:88px;min-height:44px;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0}.brand{color:var(--ink);letter-spacing:-.06em;align-items:baseline;min-height:44px;font-size:21px;font-weight:700;text-decoration:none;display:inline-flex}.brand span{font-weight:500}.brand b{color:var(--blue)}.candidate-note{font:10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6f6e68}.reviewer-hero{grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:center;gap:clamp(48px,8vw,120px);max-width:1120px;min-height:calc(100dvh - 150px);margin:0 auto;padding:64px 0;display:grid}.eyebrow{font:10px/1 var(--mono);letter-spacing:.13em;align-items:center;gap:9px;display:flex}.eyebrow span{background:var(--red);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #ff594726}.hero-copy h1{letter-spacing:-.09em;margin:22px 0 20px;font-size:clamp(62px,8vw,118px);font-weight:600;line-height:.84}.hero-copy h1 em{color:var(--blue);font-family:Georgia,serif;font-weight:400}.lede{letter-spacing:-.025em;color:#53524d;max-width:510px;margin:0;font-size:clamp(18px,2vw,24px);line-height:1.38}.hero-actions{align-items:center;gap:22px;margin-top:36px;display:flex}.primary-action{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:9px;min-height:52px;padding:0 20px;font-weight:600;transition:transform .16s,box-shadow .16s;box-shadow:0 7px #9e9b91}.primary-action:active{transform:translateY(5px);box-shadow:0 2px #9e9b91}.primary-action span{color:var(--yellow);margin-left:14px}.text-action{min-height:44px;color:var(--ink);text-underline-offset:5px;align-items:center;gap:10px;font-size:14px;display:inline-flex}.proof-row{font:9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#686761;flex-wrap:wrap;align-items:center;gap:10px;margin-top:42px;display:flex}.proof-row i{background:#94928a;border-radius:50%;width:3px;height:3px}.device-preview{aspect-ratio:390/720;background:var(--shell);cursor:pointer;border:1px solid #00000040;border-radius:26px;justify-self:center;width:min(100%,405px);padding:18px;transition:transform .35s cubic-bezier(.2,.8,.2,1);transform:rotate(2.5deg);box-shadow:0 35px 80px #1d1b1638,inset 0 1px #ffffffe6,inset 0 -3px #00000014}.device-preview:hover{transform:rotate(0)translateY(-5px)}.preview-display{background:#d4d1c8;border-radius:13px;place-items:center;height:53%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px 7px #0000001f}.preview-counter{font:8px var(--mono);position:absolute;top:12px;left:14px}.preview-display strong{font:10px var(--mono);letter-spacing:.15em;position:absolute;bottom:13px}.preview-blob{aspect-ratio:1;background:radial-gradient(circle at 32% 27%,#839cff,#2f57ff 55%,#1632b9);border-radius:43% 57% 55% 45%/49% 45% 55% 51%;width:57%;box-shadow:inset -16px -20px 36px #00000040,inset 12px 13px 22px #ffffff47,0 24px 35px #1e2f8038}.preview-spine{grid-template-columns:36px 1fr 1fr 1fr;align-items:center;gap:8px;height:40px;display:grid}.preview-spine b{background:var(--red);border-radius:50%;width:18px;height:18px;margin:auto;box-shadow:inset 0 -2px #0003}.preview-spine span{background:#4c4c49;border-radius:2px;height:5px}.preview-keys{grid-template-columns:repeat(7,1fr);gap:5px;height:calc(47% - 40px);display:grid}.preview-keys i{font:8px var(--mono);background:#f9f7f0;border:1px solid #00000038;border-radius:4px 4px 8px 8px;padding-top:70px;font-style:normal;box-shadow:0 4px #b5b2a9}.thesis-strip{border-top:1px solid var(--line);max-width:1120px;min-height:64px;font:9px var(--mono);letter-spacing:.11em;align-items:center;gap:24px;margin:0 auto;display:flex}.thesis-strip b{color:var(--blue)}.play-shell{min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:radial-gradient(circle at 50% 18%,#faf9f5,#d2d0c8 68%);place-items:center;display:grid}.instrument{background:var(--shell);border:1px solid #00000040;border-radius:clamp(18px,4vw,28px);grid-template-rows:48px minmax(250px,46fr) 44px minmax(300px,48fr) 20px;width:min(100%,420px);height:min(100dvh - 16px,860px);min-height:640px;display:grid;overflow:hidden;box-shadow:0 25px 65px #1f1d193d,inset 0 1px #fff,inset 0 -3px #00000014}.instrument-header{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr auto;align-items:center;padding:0 10px;display:grid}.icon-button{cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:20px}.instrument-brand{justify-self:center;font-size:18px}.engine-status{min-width:94px;font:7px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#6d6c66;justify-content:flex-end;align-items:center;gap:6px;display:flex}.engine-status>span{background:#aaa79e;border-radius:50%;width:6px;height:6px}.engine-status>span.ready{background:#36a664;box-shadow:0 0 0 3px #36a6641f}.status-stack{justify-items:end;gap:3px;display:grid}.engine-status.audio{color:#85827a}.shelf{border-bottom:1px solid var(--line);background:#d8d5cc;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #00000014}.shape-stage{z-index:2;position:absolute;inset:0 9% 48px}.shape-stage canvas{z-index:2;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.shape-fallback{z-index:1;aspect-ratio:1;background:var(--shape);opacity:.9;border-radius:45% 55% 51% 49%/48% 45% 55% 52%;width:48%;position:absolute;top:50%;left:50%;translate:-50% -50%}.shape-index{z-index:4;font:8px var(--mono);letter-spacing:.08em;position:absolute;top:12px;left:9px}.provenance-button{z-index:7;cursor:pointer;background:0 0;border:0;width:44px;height:44px;font:italic 12px Georgia,serif;position:absolute;top:6px;right:1px}.trait-meter{z-index:5;gap:5px;display:flex;position:absolute;bottom:26px;left:50%;translate:-50%}.trait-meter i{background:#00000026;border-radius:2px;width:21px;height:3px;overflow:hidden}.trait-meter i:after{content:"";width:calc(var(--value) * 100%);background:#292927;height:100%;display:block}.gesture-legend{z-index:4;font:6px var(--mono);letter-spacing:.08em;color:#68665f;justify-content:space-between;gap:12px;display:flex;position:absolute;inset:auto 4px 5px}.gesture-legend span:first-child{color:#1e1e1c;font-weight:700}.provenance-card{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f2f0e8f0;border:1px solid #00000040;border-radius:8px;width:min(230px,100% - 16px);padding:13px;position:absolute;top:44px;right:7px;box-shadow:0 12px 28px #0000002e}.provenance-card span{font:7px var(--mono);letter-spacing:.08em;color:#65635d;display:block}.provenance-card strong{margin:6px 0 4px;font-size:16px;display:block}.provenance-card p{font:8px/1.55 var(--mono);color:#55534e;margin:0}.neighbor{aspect-ratio:1;background:var(--neighbor);filter:saturate(.7);opacity:.56;border-radius:48% 52% 45% 55%;width:64px;position:absolute;top:36%;box-shadow:inset -8px -10px 15px #0000002e,inset 6px 7px 10px #ffffff40}.neighbor-left{left:-49px}.neighbor-right{right:-49px}.shelf-arrow{z-index:5;cursor:pointer;background:0 0;border:0;width:44px;height:64px;font-size:28px;position:absolute;top:34%}.shelf-arrow.previous{left:0}.shelf-arrow.next{right:0}.shape-caption{z-index:5;text-align:center;pointer-events:none;position:absolute;bottom:8px;left:0;right:0}.shape-caption p{font:500 12px var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0}.shape-caption span{color:#66645e;margin-top:3px;font-size:9px;display:block}.spine{background:#c5c2b9;border-bottom:1px solid #0000004d;grid-template-columns:44px 62px 1fr 44px;align-items:center;display:grid;box-shadow:inset 0 1px #ffffffb3,inset 0 -2px #00000014}.record,.tape-button{cursor:pointer;background:0 0;border:0;width:44px;height:44px}.record span{background:var(--red);border-radius:50%;width:17px;height:17px;margin:auto;display:block;box-shadow:inset 0 -2px #00000040,0 1px #fff}.spine.recording .record span{animation:.72s ease-in-out infinite alternate record-pulse}.spine.recording{background:#d3b3ac}.tape-label{gap:1px;display:grid}.tape-label b,.tape-label small{font:7px var(--mono);letter-spacing:.07em}.tape-label small{color:#67655f}.tape-track{border-left:1px solid #00000026;align-items:center;gap:2px;height:24px;padding-left:7px;display:flex;overflow:hidden}.tape-track i{opacity:.75;background:#373735;border-radius:1px;flex:0 0 2px;width:2px}.tape-track i:not(.filled){opacity:.17}.tape-button:disabled{opacity:.28;cursor:default}.keyboard{background:var(--shell);grid-template-rows:42px 1fr;min-height:0;padding:0 10px 10px;display:grid;position:relative}.octave-controls{justify-content:space-between;align-items:center;display:flex}.octave-controls button{cursor:pointer;background:0 0;border:0;width:44px;height:40px;font-size:20px}.octave-controls button:disabled{opacity:.25;cursor:default}.octave-controls span{font:8px var(--mono);letter-spacing:.1em;color:#64635d}.key-bed{min-height:0;position:relative}.natural-row{grid-template-columns:repeat(7,1fr);gap:5px;display:grid;position:absolute;inset:0}.key{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #00000057;transition:translate 50ms,box-shadow 50ms,filter 50ms}.key span{font:8px var(--mono);pointer-events:none}.key small{font:6px var(--mono);opacity:.4;pointer-events:none;position:absolute;top:9px}.natural{background:#faf8f0;border-radius:5px 5px 10px 10px;justify-content:center;align-items:flex-end;padding-bottom:13px;display:flex;position:relative;box-shadow:0 6px #aaa79e,inset 0 1px #fff}.natural:first-child{border-top:5px solid #ff5947}.natural:nth-child(4){border-top:5px solid #f5c542}.natural:nth-child(7){border-top:5px solid #2f57ff}.natural:active{filter:brightness(.96);translate:0 5px;box-shadow:0 1px #aaa79e}.natural.pressed{background:#e8e4d9;translate:0 5px;box-shadow:0 1px #aaa79e}.accidental-row{pointer-events:none;grid-template-columns:repeat(7,1fr);gap:5px;display:grid;position:absolute;inset:0}.accidental{--slot:var(--key-slot);grid-column:calc(var(--slot) + 1);z-index:3;pointer-events:auto;color:#f4f2eb;background:#333331;border-radius:3px 3px 7px 7px;justify-self:end;width:62%;min-width:44px;height:58%;position:relative;translate:57%;box-shadow:0 5px #111,inset 0 1px #ffffff2e}.accidental small{left:50%;translate:-50%}.accidental:active{translate:57% 4px;box-shadow:0 1px #111}.accidental.pressed{background:#20201f;translate:57% 4px;box-shadow:0 1px #111}.instrument-footer{border-top:1px solid var(--line);font:6px var(--mono);letter-spacing:.08em;color:#77756e;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.sr-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}.utility-page{min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(30px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));background:#e9e7df}.utility-header{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1080px;min-height:48px;margin:0 auto;display:grid}.utility-header .icon-button{justify-self:start}.utility-header>span{font:8px var(--mono);letter-spacing:.1em;color:#66645e;justify-self:end}.utility-intro{grid-template-columns:1fr 1fr;align-items:end;column-gap:64px;max-width:1080px;margin:70px auto 48px;display:grid}.utility-intro .eyebrow{grid-column:1/-1}.utility-intro h1{letter-spacing:-.08em;margin:20px 0 0;font-size:clamp(56px,8vw,102px);font-weight:600;line-height:.85}.utility-intro>p:last-child{color:#5c5a54;max-width:440px;margin:0;font-size:17px;line-height:1.5}.lab-grid{grid-template-columns:repeat(3,1fr);gap:14px;max-width:1080px;margin:0 auto;display:grid}.lab-card{background:#f1efe8;border:1px solid #0000003d;border-radius:12px;min-height:320px;padding:16px;box-shadow:0 5px #bbb8ae}.lab-swatch{background:radial-gradient(circle at 36% 28%, color-mix(in srgb, var(--swatch), white 35%), var(--swatch) 62%, color-mix(in srgb, var(--swatch), black 28%));border-radius:8px;height:126px;box-shadow:inset 0 1px #ffffff80}.lab-card>span{font:7px var(--mono);color:#6c6962;margin-top:14px;display:block}.lab-card h2{letter-spacing:-.04em;margin:2px 0 18px;font-size:26px}.lab-card dl{font:7px/1.45 var(--mono);grid-template-columns:64px 1fr;gap:7px;margin:0;display:grid}.lab-card dt{color:#77746d}.lab-card dd{overflow-wrap:anywhere;margin:0}.failure-panel{color:#f2efe7;background:#252522;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:30px;max-width:1080px;min-height:112px;margin:24px auto 0;padding:20px;display:grid}.failure-panel span{font:7px var(--mono);letter-spacing:.1em;color:#a7a39a;margin-bottom:6px;display:block}.failure-panel strong{font-size:16px}.failure-actions{flex-wrap:wrap;gap:8px;display:flex}.failure-actions button,.utility-footer button,.clip-report button{color:#fff;min-height:44px;font:8px var(--mono);cursor:pointer;background:#3a3a36;border:1px solid #ffffff3d;border-radius:7px;padding:0 14px}.utility-footer{justify-content:space-between;max-width:1080px;margin:20px auto 0;display:flex}.utility-footer button{color:#181816;background:#f1efe8;border-color:#0003}.clip-drop{max-width:860px;margin:0 auto}.clip-drop>label{cursor:pointer;background:#f1efe8;border:1px dashed #00000061;border-radius:14px;align-content:center;place-items:center;gap:9px;min-height:220px;display:grid}.clip-drop input{opacity:0;width:1px;height:1px;position:absolute}.clip-drop label span{color:#fff;min-height:48px;font:9px var(--mono);letter-spacing:.08em;background:#242421;border-radius:7px;align-items:center;padding:0 18px;display:inline-flex}.clip-drop label small{font:8px var(--mono);color:#6b6962}.clip-report{background:#f1efe8;border:1px solid #00000038;border-radius:12px;margin-top:16px;padding:20px}.clip-report>span{font:7px var(--mono);letter-spacing:.08em;color:#706e67}.clip-report h2{overflow-wrap:anywhere;margin:8px 0 18px}.clip-report>div{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.clip-report p{font:8px var(--mono);margin:0}.clip-report p b{margin-bottom:3px;font-size:16px;display:block}.clip-report button{margin-top:20px}@keyframes record-pulse{to{scale:1.24;box-shadow:0 0 0 5px #ff59472e,inset 0 -2px #0003}}.jam-frame{z-index:9999;width:844px;height:390px;translate:-50% -50%;scale:var(--jam-scale,1);position:fixed;top:50%;left:50%}.jam-frame.native{width:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;top:0;left:0;translate:none;scale:none}.rotate-gate{z-index:10003;color:#f2f0e8;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14120eeb;place-content:center;justify-items:center;gap:18px;padding:24px;display:grid;position:fixed;inset:0}.rotate-glyph{color:#f2f0e8;opacity:.85;width:44px;height:44px;animation:3.2s ease-in-out infinite rotate-hint}.rotate-gate p{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}@keyframes rotate-hint{0%,62%,to{rotate:0deg}76%,90%{rotate:-90deg}}.calibration-grid{opacity:.7;pointer-events:auto;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;background:repeating-linear-gradient(to bottom, var(--grid-band) 0 calc(100% / 7), transparent 0 calc(200% / 7));grid-template-rows:repeat(7,1fr);grid-template-columns:5fr 4fr repeat(24,1fr);display:grid;position:absolute;inset:0}.calibration-grid i{border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line)}.calibration-grid i:nth-of-type(24n){border-right:0}.calibration-grid i:nth-last-of-type(-n+24){border-bottom:0}.calibration-grid>.grid-panel{grid-row:1/-1;display:grid}.calibration-grid>.grid-panel>b{border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line)}.calibration-grid>.grid-panel>b:last-child{border-bottom:0}.panel-rows{grid-column:1;grid-template-rows:repeat(7,1fr);position:relative}.panel-gray{background:#14120e47;grid-column:2;grid-template-rows:repeat(6,1fr)}.plus-slot{background:#14120e38;justify-content:center;align-items:center;display:flex}.plus-glyph{width:18px;height:18px;position:relative}.plus-glyph:before,.plus-glyph:after{content:"";background:#f2f0e8;border-radius:1px;margin:auto;position:absolute;inset:0}.plus-glyph:before{width:18px;height:2px}.plus-glyph:after{width:2px;height:18px}.wire-stage{z-index:9998;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.wire-stage-big{z-index:9997;pointer-events:none;opacity:0;filter:blur(12px);width:100%;height:100%;transition:opacity .26s,filter .26s;position:fixed;inset:0}.wire-stage-big.live{opacity:.84;filter:blur();transition-duration:.43s,.43s}.add-overlay{z-index:10002;background:#14120e70;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.add-modal{width:min(432px,100%);max-height:calc(100dvh - 32px);color:var(--ink);background:#f7f6f2;border-radius:14px;padding:24px;overflow-y:auto;box-shadow:0 24px 64px #14120e59}.add-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.add-header h2{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:600}.add-close{color:#8a887f;cursor:pointer;background:0 0;border:0;width:44px;height:44px;margin:-12px -14px -12px 0;font-size:22px;line-height:1}.add-drop{color:#8a887f;text-align:center;border:1px dashed #17171747;border-radius:10px;place-items:center;min-height:104px;padding:16px;font-size:13px;line-height:1.45;display:grid}.add-or{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;text-align:center;color:#8a887f;margin:12px 0}.add-prompt{width:100%;height:44px;font:inherit;background:#fff;border:1px solid #17171738;border-radius:8px;padding:0 12px;font-size:14px}.add-prompt::placeholder{color:#a09e94}.add-prompt:focus{outline:2px solid var(--blue);outline-offset:-1px}.add-cta{background:var(--ink);color:#fff;width:100%;height:44px;font:inherit;border:0;border-radius:8px;margin-top:16px;font-size:14px;font-weight:600}.add-cta:disabled{opacity:.35}.add-helper{text-align:center;color:#8a887f;margin:8px 0 0;font-size:11px}.calibration-grid i:nth-of-type(7n+1){background:var(--grid-tint)}@media (width<=760px){.reviewer-hero{grid-template-columns:1fr;padding-top:52px}.hero-copy h1{font-size:clamp(58px,19vw,92px)}.device-preview{max-width:360px;transform:none}.candidate-note{display:none}.nav-lab{min-width:72px}.thesis-strip{flex-wrap:wrap;justify-content:center;padding:18px 0}.utility-intro{grid-template-columns:1fr;gap:24px;margin-top:48px}.lab-grid{grid-template-columns:1fr}.lab-card{min-height:0}.failure-panel{grid-template-columns:1fr}}@media (width<=430px){.play-shell{background:var(--shell);padding:0}.instrument{width:100%;height:100dvh;min-height:600px;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0}.engine-status{min-width:82px}.back-button{justify-self:start}}@media (orientation:landscape) and (height<=620px){.play-shell{background:var(--shell);padding:0}.instrument{width:100%;height:100dvh;min-height:0;box-shadow:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border:0;border-radius:0;grid-template:"header header"38px"shelf spine"38px"shelf keyboard"minmax(0,1fr)"footer footer"15px/minmax(0,1fr) minmax(0,1.02fr)}.instrument-header{grid-area:header}.shelf{border-right:1px solid var(--line);grid-area:shelf}.spine{grid-area:spine}.keyboard{grid-area:keyboard}.instrument-footer{grid-area:footer}.instrument-header{padding:0 6px}.icon-button{width:38px;height:38px;font-size:17px}.back-button{justify-self:start}.instrument-brand{font-size:15px}.engine-status{min-width:76px;font-size:6px}.shape-stage{inset:0 12% 34px}.shelf-arrow{height:48px}.neighbor{width:46px}.neighbor-left{left:-34px}.neighbor-right{right:-34px}.trait-meter{bottom:18px}.trait-meter i{width:16px}.shape-caption{bottom:5px}.shape-caption p{font-size:10px}.shape-caption span{margin-top:1px;font-size:8px}.provenance-card{top:36px}.spine{grid-template-columns:38px 54px 1fr 38px}.record,.tape-button{width:38px;height:38px}.tape-track{height:18px}.keyboard{grid-template-rows:30px 1fr;padding:0 8px 8px}.octave-controls button{height:30px}.natural{padding-bottom:8px;box-shadow:0 4px #aaa79e,inset 0 1px #fff}.natural:active,.natural.pressed{translate:0 4px;box-shadow:0 1px #aaa79e}.natural-row,.accidental-row{gap:4px}.accidental{width:58%;min-width:34px}.reviewer-hero{grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:clamp(28px,5vw,64px);min-height:0;padding:28px 0 40px}.hero-copy h1{margin:14px 0 12px;font-size:clamp(40px,7vw,62px)}.lede{font-size:15px}.hero-actions,.proof-row{margin-top:22px}.device-preview{width:min(100%,260px)}.utility-intro{margin:34px auto 30px}.utility-intro h1{font-size:clamp(38px,7vw,62px)}.lab-card{min-height:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.device-preview{transform:none}}.play-shell{background:var(--timbre-bg,#8ace00);transition:background .6s}.play-shell .instrument{visibility:hidden}.stub-page{text-align:center;color:#f2f0e8;background:#17150f;place-content:center;gap:18px;min-height:100dvh;display:grid}.stub-page .brand{color:inherit}.stub-page p{font:11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8a887f;margin:0}.stub-play{color:#17150f;height:48px;font:inherit;cursor:pointer;background:#f2f0e8;border:0;border-radius:999px;padding:0 28px;font-size:15px;font-weight:600}.calibration-grid i.windowed{background:#ffffff29}.calibration-grid i.related{background:#ffffff8c;box-shadow:inset 0 0 0 1px #14120e4d}.calibration-grid i.pressed{background:#fffffff5;box-shadow:inset 0 0 0 2px #14120e8c}.calibration-grid>.grid-panel b.pressed{background:#ffffffb8;box-shadow:inset 0 0 0 2px #14120e80}.calibration-grid>.grid-panel b.selected{box-shadow:inset 0 0 0 2px var(--slot-accent,#14120e80);background:#ffffff24}.grid-readout{z-index:10000;left:50%;bottom:max(14px, env(safe-area-inset-bottom));color:#d0eb99;font:10px var(--mono);letter-spacing:.12em;white-space:nowrap;pointer-events:none;background:#14120ed6;border-radius:6px;padding:7px 13px;position:fixed;translate:-50%}.jam-presence{z-index:10000;top:max(10px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));color:#ffffffe0;letter-spacing:0;pointer-events:none;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-family:Geist,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:12px;display:flex;position:fixed}.jam-presence span{background:#d0eb99;border-radius:50%;width:5px;height:5px;animation:2.4s ease-in-out infinite jam-pulse}@keyframes jam-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.jam-presence span,.rotate-glyph{animation:none}}