@font-face{font-family:Montserrat;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/montserrat-latin-ext-variable.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/montserrat-latin-variable.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#eee5d4;background:#050504;font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--warm: #eee5d4;--muted: rgba(238, 229, 212, .62);--faint: rgba(238, 229, 212, .18);--line: rgba(238, 229, 212, .14);--mono: var(--body);--display: var(--body);--body: "Montserrat", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(88,71,45,.16),transparent 36%),linear-gradient(180deg,#070706,#030302 72%)}button,a{font:inherit}.signals-shell{position:fixed;inset:0;isolation:isolate;cursor:default;touch-action:pan-y;user-select:none}.field-canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0 60%,rgba(5,5,4,.26) 84%,rgba(5,5,4,.48) 100%),linear-gradient(90deg,rgba(5,5,4,.12),transparent 20% 80%,rgba(5,5,4,.14))}.signal-identity{position:absolute;z-index:5;left:clamp(22px,5vw,72px);bottom:clamp(68px,10vh,104px);max-width:min(560px,calc(100vw - 44px));color:var(--warm);transition:opacity .8s ease}.signal-identity span,.signal-identity h1,.signal-identity p{margin:0}.signal-identity span{display:block;color:#eee5d485;font-family:var(--mono);font-size:.72rem;line-height:1.2}.signal-identity h1{margin-top:10px;color:#eee5d4eb;font-family:var(--display);font-size:clamp(1.68rem,4.9vw,4.76rem);line-height:.95;font-weight:600;letter-spacing:0}.signal-identity p{margin-top:14px;color:#eee5d4b8;font-family:var(--body);font-size:clamp(.96rem,1.8vw,1.24rem);line-height:1.35}.signal-overlay{position:absolute;z-index:4;inset:0;display:block;padding:max(26px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 48%,transparent 0 42%,rgba(5,5,4,.28) 76%),#0505042e;animation:overlayIn .46s ease-out both}.signal-readout{position:absolute;top:max(26px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));display:grid;gap:13px;width:min(330px,calc(100vw - 44px));margin:0;padding-top:2px;transition:opacity .8s ease}.signal-readout div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;padding-bottom:13px;border-bottom:1px solid var(--line)}.signal-readout .readout-rule{display:block;height:1px;padding:0;border:0;background:linear-gradient(90deg,rgba(238,229,212,.22),transparent)}.signal-readout dt,.signal-readout dd{margin:0;font-family:var(--mono);font-size:.72rem;line-height:1.36}.signal-readout dt{color:#eee5d46b}.signal-readout dd{color:#eee5d4cc;overflow-wrap:anywhere}.privacy-note{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:calc(max(20px,env(safe-area-inset-bottom)) + 38px);width:min(310px,calc(100vw - 44px));margin:0;color:#eee5d48f;font-size:.72rem;line-height:1.42}.signal-indicators{position:absolute;z-index:5;left:50%;bottom:max(24px,env(safe-area-inset-bottom));display:inline-flex;gap:9px;transform:translate(-50%);transition:opacity .7s ease}.interaction-hint{position:absolute;z-index:5;top:max(24px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));color:#eee5d475;font-family:var(--mono);font-size:.72rem;line-height:1.18;text-align:right;transition:opacity .8s ease}.headphones-note{position:absolute;z-index:5;left:max(22px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));color:#eee5d470;font-family:var(--mono);font-size:.72rem;line-height:1.2;transition:opacity .8s ease}.audio-unlock{position:absolute;z-index:6;left:50%;top:50%;width:28px;height:28px;padding:0;border:1px solid rgba(238,229,212,.18);border-radius:999px;background:#05050414;cursor:pointer;transform:translate(-50%,-50%);transition:border-color .18s ease,background .18s ease,opacity .5s ease;animation:audioPulse 2.6s ease-in-out infinite}.audio-unlock span{position:absolute;left:50%;top:50%;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid rgba(238,229,212,.66);transform:translate(-36%,-50%)}.audio-unlock:before{content:"";position:absolute;inset:-7px;border-radius:999px;border:1px solid rgba(238,229,212,.06)}.audio-unlock:hover,.audio-unlock:focus-visible{border-color:#eee5d457;background:#eee5d40a;outline:none}.signal-indicators span{width:6px;height:6px;border:1px solid rgba(238,229,212,.52);border-radius:999px;opacity:.62}.signal-indicators .is-active{background:#eee5d4eb;border-color:#eee5d4eb;opacity:1}.quiet-control,.return-control,.overtone-link{position:absolute;z-index:5;color:#eee5d48a;background:transparent;border:0;text-decoration:none;font-family:var(--mono);font-size:.72rem;line-height:1.2;transition:color .18s ease,opacity .7s ease}.quiet-control{top:max(24px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));padding:0;cursor:pointer}.return-control{right:max(22px,env(safe-area-inset-right));bottom:calc(max(20px,env(safe-area-inset-bottom)) + 34px);padding:0;cursor:pointer}.overtone-link{right:max(22px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:inline-flex;align-items:center;width:max-content;max-width:calc(100vw - 44px)}.quiet-control:hover,.quiet-control:focus-visible,.return-control:hover,.return-control:focus-visible,.overtone-link:hover,.overtone-link:focus-visible{color:var(--warm);outline:none}.is-immersive .signal-identity,.is-immersive .signal-readout,.is-immersive .signal-indicators,.is-immersive .quiet-control,.is-immersive .interaction-hint,.is-immersive .headphones-note{opacity:0;pointer-events:none}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes audioPulse{0%,to{opacity:.38;transform:translate(-50%,-50%) scale(.98)}50%{opacity:.82;transform:translate(-50%,-50%) scale(1.12)}}@media (max-width: 720px){.signal-overlay{overflow:auto;padding-top:calc(max(22px,env(safe-area-inset-top)) + 40px);padding-bottom:calc(max(22px,env(safe-area-inset-bottom)) + 54px)}.signal-readout{position:relative;top:auto;right:auto;order:1;width:100%;max-width:330px}.signal-identity{left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));bottom:calc(max(22px,env(safe-area-inset-bottom)) + 50px)}.signal-identity h1{font-size:clamp(1.54rem,8.4vw,3.08rem)}.interaction-hint{top:max(18px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));left:88px;width:auto;font-size:.64rem;white-space:nowrap}.quiet-control{top:max(18px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));min-width:52px;min-height:36px;text-align:left}.headphones-note{left:max(16px,env(safe-area-inset-left));bottom:calc(max(16px,env(safe-area-inset-bottom)) + 6px);font-size:.64rem}.overtone-link{right:max(16px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + 6px);font-size:.64rem}.signal-readout div{grid-template-columns:116px minmax(0,1fr)}.privacy-note{position:static;order:3;width:min(330px,100%);margin:0}.return-control{position:static;order:4;width:max-content}}@media (prefers-reduced-motion: reduce){.signal-overlay,.audio-unlock{animation:none}}.field-layer,.spectrogram-layer{position:absolute;inset:0}.representation-hidden{visibility:hidden;pointer-events:none}.representation-controls{position:absolute;z-index:7;top:max(22px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:12px;font:.68rem/1.3 var(--mono);white-space:nowrap}.visual-field-name{color:#eee5d499;letter-spacing:.035em}.representation-controls>div{display:flex;gap:4px}.representation-controls button,.diagnostic-panel button{border:1px solid transparent;padding:9px 12px;color:#eee5d494;background:#03040499;border-radius:3px;cursor:pointer;font:inherit}.representation-controls button[aria-pressed=true]{border-color:var(--line);color:var(--warm)}.representation-controls button:focus-visible,.diagnostic-panel button:focus-visible,.diagnostic-panel input:focus-visible,.diagnostic-panel select:focus-visible{outline:1px solid var(--warm);outline-offset:3px}.diagnostic-panel{position:absolute;z-index:8;right:max(22px,env(safe-area-inset-right));top:100px;width:350px;max-height:calc(100dvh - 175px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:20px;border:1px solid var(--line);border-radius:5px;background:#090c0cf5;color:#eee5d4c2;font:.68rem/1.55 var(--mono);user-select:text}.diagnostic-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.diagnostic-heading h2{font:500 .88rem/1.2 var(--body);margin:0;color:var(--warm)}.diagnostic-heading button{font-size:1.4rem;line-height:1;padding:3px 8px}.diagnostic-panel p{margin:10px 0 16px;color:#eee5d485}.diagnostic-select{display:grid;gap:7px;margin-bottom:16px}.diagnostic-select select{width:100%;padding:9px 8px;border:1px solid var(--line);border-radius:3px;background:#131818;color:var(--warm);font:inherit}.diagnostic-slider{display:grid;gap:6px;margin-bottom:13px}.diagnostic-slider>span{display:flex;justify-content:space-between;gap:10px}.diagnostic-slider input{width:100%;margin:2px 0;accent-color:#a5b4b1}.diagnostic-slider output{font-variant-numeric:tabular-nums;color:var(--warm)}.diagnostic-rule{border-top:1px solid var(--line);margin:20px 0}.diagnostic-actions{display:flex;flex-wrap:wrap;gap:8px}.diagnostic-actions button{border-color:var(--line);padding:9px}.diagnostic-actions button:disabled{opacity:.35;cursor:default}.diagnostic-meters{margin:18px 0;font-variant-numeric:tabular-nums}.diagnostic-meters>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid rgba(238,229,212,.06)}.diagnostic-meters dt{color:#eee5d480}.diagnostic-meters dd{margin:0;text-align:right}.legacy-toggle{display:flex;align-items:center;gap:8px}.legacy-toggle input{accent-color:#a5b4b1}.diagnostic-panel .diagnostic-explanation{font:.72rem/1.5 var(--body)}.spectrogram-layer{background:#030404}.spectrogram-plot{position:absolute;inset:145px 70px 135px 95px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.spectrogram-plot canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.frequency-axis{position:absolute;inset:0 auto 0 -72px;width:60px;font:.64rem/1 var(--mono);color:#eee5d4ad}.frequency-axis span{position:absolute;right:0;transform:translateY(-50%)}.time-axis{position:absolute;top:calc(100% + 14px);left:0;right:0;display:flex;justify-content:space-between;color:var(--muted);font:.64rem/1 var(--mono)}.spectrogram-caption{position:absolute;left:95px;bottom:72px;right:70px;display:flex;justify-content:space-between;gap:20px;color:#eee5d4ad;font:.64rem/1.5 var(--mono)}.magnitude-scale{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.magnitude-scale i{width:90px;height:6px;background:linear-gradient(90deg,#030404,#574d39,#f5daab)}@media (max-width: 720px){.representation-controls{top:64px;left:16px;right:16px;transform:none;justify-items:start;gap:8px;font-size:.64rem}.representation-controls button{padding:9px 10px}.visual-field-name{display:none}.diagnostic-panel{top:116px;right:16px;width:calc(100% - 32px);max-height:calc(100dvh - 186px);padding:17px}.spectrogram-plot{inset:155px 22px 145px 66px}.frequency-axis{left:-56px;width:47px;font-size:.57rem}.spectrogram-caption{left:22px;right:22px;bottom:88px;flex-direction:column;gap:8px;font-size:.58rem}.signal-readout{margin-top:62px}.signal-identity span{max-width:240px;font-size:.62rem}}.representation-controls button[aria-expanded=true]{border-color:var(--line);color:var(--warm)}.color-panel{width:420px;padding:24px;font:.85rem/1.65 var(--body)}.color-panel p{color:#eee5d4b3;margin:10px 0 20px}.color-panel .color-eyebrow{margin:18px 0 6px;color:var(--muted);font:.63rem/1.5 var(--mono)}.color-panel h3{margin:0;color:var(--warm);font:500 1.9rem/1.2 var(--display);letter-spacing:-.035em}.color-panel h4{margin:22px 0 0;color:var(--warm);font-weight:500}.color-panel a{color:var(--muted);font:.65rem/1.5 var(--mono);text-underline-offset:4px}.color-panel a:focus-visible{outline:1px solid var(--warm);outline-offset:4px}.color-panel .color-reference-caption{color:var(--muted);font:.67rem/1.6 var(--body)}.color-options{display:grid;gap:18px;margin:24px 0;padding:20px 0;border-block:1px solid var(--line);font:.68rem/1.5 var(--mono)}.color-options .diagnostic-slider{margin:0}.color-options input:disabled{opacity:.35}.color-legend{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.color-legend>div{display:grid;justify-items:center;gap:5px;font:.68rem/1.4 var(--mono)}.color-legend i{display:block;width:100%;height:22px;border-radius:2px}.color-legend small{color:var(--muted);font:.6rem/1.4 var(--mono);white-space:nowrap}.color-legend-compact{position:absolute;z-index:6;bottom:68px;left:50%;transform:translate(-50%);width:260px;padding:10px 14px;border:1px solid var(--line);border-radius:4px;background:#030404cc;pointer-events:none}.color-legend-compact i{width:8px;height:8px;border-radius:50%}.color-legend-compact span{color:var(--muted);font-size:.6rem}@media (max-width: 720px){.representation-controls>div{width:100%;gap:2px}.representation-controls button{flex:1;min-width:0;padding:9px 7px;white-space:normal;font-size:clamp(.54rem,2.4vw,.64rem)}.color-panel{width:calc(100% - 32px);padding:20px}.color-legend{gap:5px}.color-legend small{font-size:.51rem}}.representation-controls{gap:9px}.representation-controls .main-tabs{padding:4px;gap:2px;border:1px solid var(--line);border-radius:12px;background:#090f10e8}.representation-controls .main-tabs button{border:0;border-radius:8px;padding:11px 14px}.representation-controls .main-tabs button[aria-pressed=true],.representation-controls .main-tabs button[aria-expanded=true]{background:#b3d2c51c;color:#eee5d4}.representation-controls .field-tools{justify-content:center;gap:8px;font-size:.64rem}.representation-controls .field-tools button{padding:7px 12px;border-color:transparent;border-radius:20px;background:#090f10b8;color:#eee5d4b3}.representation-controls .field-tools button[aria-pressed=true]{border-color:#b3d2c559}.representation-controls button:focus-visible,.diagnostic-panel button:focus-visible,.diagnostic-panel summary:focus-visible,.diagnostic-panel input:focus-visible{outline:1px solid #b3d2c5;outline-offset:3px}.diagnostic-panel{top:163px;border-color:#b3d2c529;border-radius:14px;background:#0a1112f7;max-height:calc(100dvh - 225px);box-shadow:0 20px 70px #00000047}.diagnostic-panel .diagnostic-heading{position:sticky;top:-24px;padding:8px 0 12px;background:#0a1112;z-index:1}.color-panel{font-size:.88rem}.color-panel h3{font-family:var(--body);font-size:1.9rem;font-weight:400;letter-spacing:-.04em}.sound-panel h3{text-transform:capitalize}.color-panel p{line-height:1.7}.info-sequence{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:16px 0;border-block:1px solid var(--line);color:#b3d2c5;font:.68rem/1.4 var(--mono)}.info-sequence i{font-style:normal;opacity:.5}.info-detail,.lab-section{border-block-start:1px solid var(--line);margin-top:20px;padding-top:15px}.info-detail summary,.lab-section summary{color:var(--warm);cursor:pointer;padding:3px 0 8px}.info-detail code{font:.73rem/1.6 var(--mono);color:#b3d2c5;overflow-wrap:anywhere}.sound-readout{margin:22px 0;font:.72rem/1.6 var(--mono)}.sound-readout>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.sound-readout dt{color:var(--muted)}.sound-readout dd{margin:0}.diagnostic-slider small{font:.72rem/1.55 var(--body);color:var(--muted)}.diagnostic-slider{margin-bottom:22px}.lab-section-title{font:500 .85rem/1.4 var(--body);color:var(--warm);margin:22px 0 17px}.lab-section>summary{font:500 .85rem/1.5 var(--body);margin-bottom:12px}.lab-defaults{color:#b3d2c5;background:transparent;border:1px solid var(--line);border-radius:8px;padding:9px 12px;cursor:pointer}.diagnostic-panel .lab-notice{border-left:2px solid #b3d2c5;padding-left:12px;color:var(--warm)}.spectrogram-layer{background:radial-gradient(ellipse at 65% 40%,#101d22,#03060a 75%)}.spectrogram-intro{position:absolute;top:170px;left:95px;color:#b3d2c5}.spectrogram-intro>span{font:.6rem/1.4 var(--mono);letter-spacing:.12em}.spectrogram-intro p{margin:6px 0 0;font:400 1.15rem/1.4 var(--body);letter-spacing:-.025em;color:var(--warm)}.spectrogram-plot{top:245px;border-color:#b3d2c52e}.spectrogram-plot canvas{border-radius:0 10px 0 0}.spectrogram-grid{position:absolute;inset:0;pointer-events:none}.spectrogram-grid i{position:absolute;left:0;right:0;height:1px;background:#b3d2c50f}.magnitude-scale i{background:linear-gradient(90deg,#03060a,#192439,#325870,#60a69f,#c9dbb2,#fff0d5);border-radius:10px}.spectrogram-caption{align-items:center}.menu-wake{position:absolute;z-index:8;bottom:max(22px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right));padding:10px 16px;border:1px solid rgba(179,210,197,.16);border-radius:24px;background:#090f10b3;color:#eee5d4b3;font:.65rem/1.4 var(--mono);cursor:pointer}.audio-recovery{position:absolute;z-index:8;bottom:65px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:11px 16px;border:1px solid var(--line);border-radius:12px;background:#0a1112;color:var(--warm);text-align:center;font:.7rem/1.5 var(--body);pointer-events:none}@media (max-width: 720px){.representation-controls{top:61px;gap:7px}.representation-controls .main-tabs{padding:3px;border-radius:11px}.representation-controls .main-tabs button{min-height:40px;padding:8px 7px;font-size:.65rem;white-space:nowrap}.representation-controls .field-tools{width:auto;justify-content:start;gap:5px}.representation-controls .field-tools button{flex:none;font-size:.62rem;padding:7px 12px;min-height:32px}.diagnostic-panel{top:158px;right:14px;width:calc(100% - 28px);padding:20px;max-height:calc(100dvh - 219px)}.diagnostic-panel .diagnostic-heading{top:-20px}.spectrogram-intro{top:175px;left:22px}.spectrogram-intro p{font-size:1.08rem}.spectrogram-plot{inset:250px 20px 150px 60px}.spectrogram-caption{align-items:start;bottom:79px;gap:10px}.headphones-note{font-size:.58rem}}.experiment-switcher{position:absolute;z-index:6;left:50%;bottom:64px;transform:translate(-50%);display:flex;gap:2px;align-items:center;padding:4px;border:1px solid var(--line);border-radius:30px;background:#080f10e0}.experiment-switcher button{border:0;color:var(--warm);background:transparent;cursor:pointer;min-width:42px;min-height:44px;border-radius:24px;font:1.5rem/1 var(--body)}.experiment-switcher .current-experiment{display:grid;gap:5px;min-width:170px;padding:6px 14px;font:.72rem/1.2 var(--body);text-align:center}.current-experiment small{color:#a8c4b8;font:.52rem/1 var(--mono);letter-spacing:.1em}.experiment-switcher button:hover,.experiment-switcher button:focus-visible{background:#b3d2c51a;outline:none}.experiment-panel{width:460px;font:.81rem/1.6 var(--body)}.experiment-panel>p{color:var(--muted)}.experiment-list{display:grid;gap:9px;margin-top:20px}.diagnostic-panel .experiment-choice{width:100%;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:15px 13px;border:1px solid var(--line);border-radius:12px;background:#0c1517;text-align:left;white-space:normal}.diagnostic-panel .experiment-choice[aria-pressed=true]{background:#15241f;border-color:#78958a}.experiment-choice>span:last-child{display:grid;gap:4px}.experiment-choice small{color:#a6c4b7;font:.51rem/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase}.experiment-choice strong{color:var(--warm);font:500 .98rem/1.4 var(--body)}.experiment-choice span span{color:var(--muted);font:.75rem/1.55 var(--body)}.experiment-glyph{width:46px;height:54px;display:grid;place-items:center;border-radius:30px;border:1px solid #3c514a;color:#c7dac4;background:radial-gradient(at 30% 25%,#304a45,#101a20 80%);font:.67rem/1 var(--mono)}.experiment-light .experiment-glyph{background:radial-gradient(at 20% 20%,#8a5145,transparent),radial-gradient(at 80% 85%,#226c75,#292746)}.experiment-cymatics .experiment-glyph{border-radius:3px;background:repeating-linear-gradient(45deg,#4d5042 0 1px,#15201d 1px 10px)}.experiment-beads .experiment-glyph{background:radial-gradient(at 25% 20%,#8e9295,transparent),radial-gradient(at 70% 70%,#6a3665,#1b3948)}.experiment-spatial .experiment-glyph{background:linear-gradient(90deg,#477b70,#101b20 50%,#6b4d7b)}.experiment-explanation{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#8cb5a40b}.experiment-explanation small{color:#a6c4b7;font:.55rem/1.5 var(--mono);letter-spacing:.08em}.experiment-explanation h4{margin:7px 0 0}.experiment-explanation p{margin:8px 0 0;font-size:.8rem}.plate-space{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:18px}.plate-space p{margin:0;color:var(--muted);font:.57rem/1.4 var(--mono);letter-spacing:.13em}.plate-space small{color:var(--muted);font:.54rem/1.5 var(--mono);text-align:center}.plate-space canvas{display:block;box-shadow:0 0 100px #667e7009}.cymatic-experiment{background:#030606}.spatial-caption{position:absolute;z-index:5;bottom:130px;left:50%;transform:translate(-50%);width:290px;text-align:center;color:#b4ccc0;font:.61rem/1.5 var(--mono);pointer-events:none}.spatial-caption span{color:var(--muted);padding:0 6px}.spatial-caption small{display:block;color:var(--muted);font:.53rem/1.8 var(--mono)}.has-web-link .menu-wake{bottom:68px}@media (max-width:720px){.experiment-panel{width:calc(100% - 28px);padding:18px}.representation-controls .field-tools{gap:3px}.representation-controls .field-tools button{padding:7px 10px;font-size:.59rem}.overtone-link{font-size:.58rem}}.signals-shell:not(.is-immersive) .color-legend-compact{bottom:128px}.signals-shell.skin-spatial:not(.is-immersive) .color-legend-compact{bottom:180px}.skin-light .quiet-control,.skin-light .interaction-hint{text-shadow:0 1px 6px rgba(0,0,0,.9)}.overtone-waves-experiment{background:#030607}.overtone-waves-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.overtone-waves-caption{position:absolute;bottom:146px;left:24px;right:24px;text-align:center;color:#c0cfc8;font:.62rem/1.6 var(--mono);pointer-events:none}.overtone-waves-caption small{display:block;margin-top:5px;color:var(--muted);font:.54rem/1.5 var(--mono)}.experiment-waves .experiment-glyph{border-radius:10px;background:repeating-radial-gradient(ellipse at 0 50%,transparent 0 7px,#577b80 8px 9px,transparent 10px 17px),#101d24}.signals-shell.skin-waves:not(.is-immersive) .color-legend-compact{bottom:196px}.experiment-wave-particles .experiment-glyph{border-radius:10px;background:radial-gradient(circle,#e0a3bc 0 1px,transparent 1.3px) 0 0/6px 7px,linear-gradient(120deg,#1a333c,#382533)}.perimeter-ui{position:absolute;inset:0;z-index:8;pointer-events:none;color:#e8e9dd}.perimeter-ui.behind-overlay{visibility:hidden}.perimeter-top{position:absolute;top:max(26px,env(safe-area-inset-top));left:max(36px,env(safe-area-inset-left));right:max(36px,env(safe-area-inset-right));display:flex;align-items:start;justify-content:space-between;gap:32px;transition:opacity .22s ease,visibility .22s ease}.listening-picker,.visualizing-controls{min-width:0;display:grid;gap:3px}.control-eyebrow{color:#b3c7ab;font:400 10px/1.5 var(--mono);letter-spacing:.15em;text-transform:uppercase}.perimeter-ui button{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:0;padding:5px 0;gap:9px;background:none;color:inherit;font:400 14px/1.35 var(--body);cursor:pointer;text-align:left;touch-action:manipulation}.perimeter-ui button:hover,.perimeter-ui a:hover{color:#c4dfc2}.perimeter-ui button:focus-visible,.perimeter-ui a:focus-visible,.choice-panel button:focus-visible,.experience-overlay button:focus-visible,.experience-overlay a:focus-visible{outline:1px solid #c2d5bb;outline-offset:5px}.perimeter-ui button:disabled{opacity:.45;cursor:default}.perimeter-ui .perimeter-picker{justify-content:start;font-size:clamp(17px,1.5vw,22px);min-width:0;padding-right:5px}.perimeter-picker>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.perimeter-picker svg{flex:none}.perimeter-picker[aria-busy=true]>span{animation:loading-breathe 1.6s ease-in-out infinite}.visualizing-actions{display:flex;align-items:center;gap:23px}.perimeter-ui .field-lab-trigger{font-size:14px;color:#bfc9bf;gap:10px;padding-inline:8px}.perimeter-bottom{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:max(36px,env(safe-area-inset-left));right:max(36px,env(safe-area-inset-right));display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px}.transport-controls{display:flex;align-items:center;justify-self:start;gap:25px;background:none;border:0;border-radius:0;transition:opacity .22s ease,visibility .22s ease}.transport-controls button{gap:9px}.transport-controls svg{flex:none}.perimeter-ui .about-trigger{font-size:13px;text-decoration:none;justify-self:center;white-space:nowrap}.about-trigger svg{display:none}.perimeter-ui .overtone-link{position:static;justify-self:end;pointer-events:auto;font:12px/1.5 var(--mono);color:#b1c1a7;max-width:none;min-height:44px;display:flex;align-items:center}.is-immersive .perimeter-top,.is-immersive .transport-controls{opacity:0;visibility:hidden}.signals-shell.is-dragging{cursor:grabbing}.choice-panel{position:absolute;z-index:20;top:103px;right:max(30px,env(safe-area-inset-right));width:min(440px,calc(100% - 60px));max-height:calc(100dvh - 135px);overflow-y:auto;overscroll-behavior:contain;padding:16px 23px 20px;border:1px solid rgba(180,207,190,.17);border-radius:4px;background:#070e0ff5;color:#e3e9df;box-shadow:0 16px 60px #0000002e;font:14px/1.6 var(--body);cursor:default;user-select:text;scrollbar-width:thin}.recording-panel{left:max(30px,env(safe-area-inset-left));right:auto;width:min(370px,calc(100% - 60px))}.choice-heading{position:sticky;top:-16px;z-index:1;margin:-1px 0 2px;padding:2px 0 5px;display:flex;justify-content:space-between;align-items:center;background:#080f10}.choice-heading h2{margin:0;font:400 17px/1.4 var(--body)}.choice-heading button{width:44px;height:44px;border:0;background:none;color:#c5d0c2;font:26px/1 var(--body);cursor:pointer;margin-right:-12px}.choice-intro{margin:0 0 12px;color:#9fae9f;font-size:13px}.choice-panel .experiment-list{display:grid;gap:0;margin:0}.recording-list>button,.choice-panel .experiment-choice{width:100%;display:grid;grid-template-columns:22px minmax(0,1fr) 10px;align-items:center;gap:12px;padding:14px 5px;min-height:69px;border:0;border-bottom:1px solid rgba(180,207,190,.1);border-radius:0;color:inherit;background:none;cursor:pointer;text-align:left;font:14px/1.4 var(--body)}.recording-list>button:hover,.choice-panel .experiment-choice:hover{background:#b4cfbe0b}.recording-list>button[aria-pressed=true] strong,.choice-panel .experiment-choice[aria-pressed=true] strong{color:#c1dbbd}.choice-panel .choice-number{color:#849b8e;font:10px/1.5 var(--mono);align-self:start;margin-top:3px}.choice-panel .choice-selected{color:#c1dbbd;font-size:8px}.recording-list>button>span:nth-child(2),.choice-panel .experiment-choice>span:nth-child(2){display:grid;gap:5px}.choice-panel strong{font:400 16px/1.4 var(--body)}.choice-panel small{color:#a1afa2;font:12px/1.5 var(--body);text-transform:none;letter-spacing:0}.choice-footnote{margin:18px 0 0;color:#93a498;font:12px/1.65 var(--body)}.inspect-recording{margin-top:14px;min-height:44px;display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:none;color:#c6d6c1;font:13px/1.5 var(--body);text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:0 5px}.signals-shell .field-lab-panel{top:103px;right:max(30px,env(safe-area-inset-right));width:min(410px,calc(100% - 60px));max-height:calc(100dvh - 135px);border-radius:4px;background:#080f10f5;overscroll-behavior:contain}.field-lab-panel button,.field-lab-panel .legacy-toggle,.field-lab-panel select,.field-lab-panel input[type=range]{min-height:44px}.field-lab-panel .diagnostic-heading{top:-24px;padding-block:3px;background:#080f10}.field-lab-panel .color-options{padding:0;border:0;margin:12px 0 24px}.experience-overlay{position:absolute;z-index:30;inset:0;width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#03070870,#030708a8);color:#e8e9de;cursor:default;user-select:text;scrollbar-width:thin}.experience-overlay .overlay-close{position:fixed;z-index:32;top:max(24px,env(safe-area-inset-top));right:max(30px,env(safe-area-inset-right));width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#d4ddd0;font:300 30px/1 var(--body);cursor:pointer}.overlay-eyebrow{margin:0 0 17px;color:#b8d5ba;font:10px/1.6 var(--mono);letter-spacing:.16em}.sheet-content{width:min(1280px,100%);min-height:100%;margin:0 auto;padding:60px 70px 38px;display:flex;flex-direction:column}.sheet-title{padding-right:30px}.instrument-status{margin:0 0 18px;color:#a8baa9;font:11px/1.5 var(--mono)}.instrument-status span{color:#c2d3bd}.instrument-sheet h1{margin:0;font:400 clamp(2.5rem,5.8vw,5rem)/1.04 var(--body);letter-spacing:-.045em;color:#eeece0;overflow-wrap:anywhere}.instrument-subtitle{margin:14px 0 0;color:#d0d9c9;font:400 clamp(18px,2vw,25px)/1.5 var(--body)}.sheet-analysis{margin-top:auto;padding-top:clamp(55px,14vh,145px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:65px}.instrument-chart{position:relative;padding:0 0 22px 28px;margin:0;color:#a8bfad;min-width:0}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;font:10px/1.4 var(--mono);letter-spacing:.05em}.instrument-chart svg{display:block;width:100%;height:190px;overflow:visible}.chart-frequency-axis{position:relative;margin-top:14px;height:12px;font:11px/1 var(--mono)}.chart-frequency-axis span{position:absolute;transform:translate(-50%)}.chart-frequency-axis span:first-child{transform:none}.chart-frequency-axis span:last-child{transform:translate(-100%)}.chart-level-top,.chart-level-bottom{position:absolute;left:0;font:10px/1 var(--mono)}.chart-level-top{top:34px}.chart-level-bottom{bottom:49px}.instrument-measurements{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;margin:0;font:12px/1.5 var(--mono)}.instrument-measurements>div{border-top:1px solid rgba(179,210,197,.14);padding:13px 0 17px;min-width:0}.instrument-measurements dt{color:#a9bdac;font-size:11px}.instrument-measurements dd{margin:6px 0 0;color:#e4ebdc;font-size:15px;overflow-wrap:anywhere}.sheet-notes{margin-top:25px;max-width:92ch}.sheet-footnote{color:#a7b6a6;font:12px/1.65 var(--body);margin:6px 0 0}.sheet-loading{color:#d5dbbe;font:13px/1.6 var(--body);margin:18px 0 0}.sheet-loading button{min-height:44px;color:inherit;background:none;border:0;text-decoration:underline;cursor:pointer}.reading-view{background:#030708e8}.reading-content{width:min(940px,100%);margin:0 auto;padding:76px 64px 80px;font:400 17px/1.8 var(--body);color:#bdc9bb}.reading-content h1{margin:0 0 27px;color:#edece0;font:400 clamp(36px,4.7vw,62px)/1.09 var(--body);letter-spacing:-.045em}.reading-content h3{margin:42px 0 14px;color:#e4e8da;font:400 28px/1.25 var(--body);letter-spacing:-.02em}.reading-content h4{margin:32px 0 10px;color:#e4e8da;font:500 18px/1.5 var(--body)}.reading-content p{margin:0 0 22px}.reading-content .reading-intro{color:#d4ddcc;font-size:20px;line-height:1.65;margin-bottom:38px}.reading-content .overlay-eyebrow{margin-bottom:18px}.reading-content .experiment-explanation{border:0;border-left:1px solid rgba(174,208,181,.35);border-radius:0;background:none;padding:0 0 0 22px;margin:32px 0}.reading-content .experiment-explanation h4{margin:5px 0 10px}.reading-content .experiment-explanation p{font-size:16px;line-height:1.75;margin:8px 0 16px}.reading-content .info-detail{border-top:1px solid rgba(174,208,181,.15);margin:0;padding:22px 0}.reading-content .info-detail>summary{color:#d5dfcc;font:400 17px/1.5 var(--body);min-height:32px;cursor:pointer}.reading-content .info-detail[open]>summary{margin-bottom:22px}.reading-content code{max-width:100%;display:block;padding:18px 0;color:#c1d7bb;font:13px/1.8 var(--mono);overflow-wrap:anywhere;white-space:pre-wrap;background:none}.reading-content a{color:#bcd3b9;text-underline-offset:4px}.reading-content .reading-error{color:#e4c7b7;font-size:14px}.reading-footer{margin-top:55px;border-top:1px solid rgba(174,208,181,.15);padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.reading-footer button{color:#d5e1cc;font:16px/1.5 var(--body);min-height:44px;border:0;padding:0;background:none;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.reading-footer a{font-size:13px;min-height:44px;display:flex;align-items:center}.selection-feedback{position:absolute;z-index:9;left:50%;bottom:94px;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 40px);padding:10px 16px;border:0;border-radius:4px;background:#050c0de0;color:#d0dfcb;font:13px/1.5 var(--body);text-align:center;cursor:default}.selection-feedback.is-loading:before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:#c2d5b4;animation:loading-breathe 1.6s ease-in-out infinite}.selection-feedback.is-error{color:#ead0bf}.selection-feedback button{color:inherit;background:none;border:0;text-decoration:underline;padding:0 8px;cursor:pointer;min-height:44px}.swipe-preview{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px 26px 16px;width:270px;background:#050c0dd4;text-align:center;pointer-events:none;display:grid;gap:7px}.swipe-preview>span,.swipe-preview small{color:#a6beb1;font:10px/1.5 var(--mono)}.swipe-preview strong{color:#e0e9d9;font:400 22px/1.4 var(--body);text-transform:capitalize}.swipe-preview i{height:1px;background:#b6d1bc;transform-origin:left;margin-top:6px}.signals-shell .color-legend-compact{bottom:94px}.signals-shell .spatial-caption,.signals-shell .overtone-waves-caption{bottom:100px}.signals-shell .audio-recovery{bottom:130px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes loading-breathe{50%{opacity:.4}}@media (max-width:1024px){.transport-controls{gap:15px}.transport-controls button{font-size:13px;gap:7px}.sheet-content{padding-inline:45px}.sheet-analysis{gap:38px}}@media (max-width:720px){.perimeter-top{top:max(17px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:17px}.control-eyebrow{font-size:9px;letter-spacing:.09em}.listening-picker,.visualizing-controls{gap:0}.perimeter-ui .perimeter-picker{font-size:14px;gap:6px;width:100%;padding:0}.visualizing-actions{gap:2px;min-width:0}.visualizing-actions .perimeter-picker{flex:1}.perimeter-ui .field-lab-trigger{width:44px;min-width:44px;padding:0}.field-lab-trigger>span{display:none}.perimeter-bottom{left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:max(19px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:12px}.transport-controls{flex:1;justify-content:space-between;gap:7px}.transport-controls button{font-size:14px;min-height:44px;padding:0 3px;gap:7px}.perimeter-ui .about-trigger{width:44px;min-width:44px;min-height:44px;text-decoration:none}.about-trigger>svg{display:block}.about-trigger>span,.perimeter-ui .overtone-link{display:none}.choice-panel,.recording-panel,.signals-shell .field-lab-panel{left:12px;right:12px;top:max(88px,calc(env(safe-area-inset-top) + 75px));width:calc(100% - 24px);max-height:calc(100dvh - 108px - env(safe-area-inset-bottom));padding-inline:20px}.field-lab-panel .diagnostic-heading{top:-20px}.experience-overlay .overlay-close{top:max(12px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}.sheet-content{padding:42px 24px 30px}.sheet-title{padding-right:24px}.instrument-sheet h1{font-size:clamp(35px,9vw,49px)}.instrument-subtitle{font-size:19px;margin-top:10px}.sheet-analysis{padding-top:65px;margin-top:auto;grid-template-columns:minmax(0,1fr);gap:22px}.instrument-chart svg{height:140px}.chart-heading{font-size:9px}.instrument-measurements{column-gap:22px}.instrument-measurements>div{padding:12px 0}.instrument-measurements dt{font-size:10px}.instrument-measurements dd{font-size:14px}.sheet-notes{margin-top:20px}.sheet-footnote{font-size:11px}.reading-content{padding:66px 26px 42px;font-size:16px;line-height:1.8}.reading-content h1{font-size:38px;max-width:300px}.reading-content .reading-intro{font-size:18px}.reading-content h3{font-size:25px}.reading-content h4{font-size:17px}.reading-content .experiment-explanation{padding-left:17px}.reading-content .experiment-explanation p{font-size:15px}.reading-content .info-detail>summary{font-size:16px}.reading-footer{margin-top:35px;gap:12px}.selection-feedback{bottom:87px;font-size:12px;padding:9px 13px}.spectrogram-intro{top:130px}.spectrogram-plot{top:205px;bottom:138px}.spectrogram-caption{bottom:85px}}@media (max-width:360px){.perimeter-top{left:16px;right:12px;gap:12px}.perimeter-ui .perimeter-picker{font-size:13px}.perimeter-bottom{left:13px;right:13px;gap:5px}.transport-controls{gap:2px}.transport-controls button{font-size:13px;gap:5px}.sheet-content{padding-inline:20px}.reading-content{padding-inline:22px}}@media (max-height:600px){.perimeter-top{top:max(12px,env(safe-area-inset-top))}.perimeter-bottom{bottom:max(10px,env(safe-area-inset-bottom))}.choice-panel,.recording-panel,.signals-shell .field-lab-panel{top:83px;max-height:calc(100dvh - 98px)}.sheet-content{padding-top:32px}.sheet-analysis{padding-top:38px}.instrument-chart svg{height:120px}.spectrogram-intro{display:none}.spectrogram-plot{top:110px;bottom:100px}.spectrogram-caption{bottom:55px}.signals-shell .spatial-caption,.signals-shell .overtone-waves-caption{bottom:75px}}@media (prefers-reduced-motion:reduce){.perimeter-top,.transport-controls{transition:none}.selection-feedback.is-loading:before,.perimeter-picker[aria-busy=true]>span{animation:none}}input,select,textarea,summary{font-family:var(--body)}.instrument-measurements,.instrument-status,.chart-frequency-axis,.diagnostic-meters{font-variant-numeric:tabular-nums}.transport-controls{gap:3px;padding:5px 9px;border:1px solid rgba(180,207,190,.16);border-radius:999px;background:#080f10ad}.perimeter-ui .transport-controls button{padding:8px 12px;border-radius:999px}.perimeter-ui .transport-controls button:hover{background:#b4cfbe14}.perimeter-ui .transport-controls button:active{background:#b4cfbe24}.perimeter-ui .headphones-note{pointer-events:none;margin:0;left:max(36px,env(safe-area-inset-left));bottom:calc(max(24px,env(safe-area-inset-bottom)) + 70px);color:#b1beaf;font:10px/1.6 var(--body);transition:opacity .22s ease,visibility .22s ease}.about-trigger{transition:opacity .22s ease,visibility .22s ease}.is-immersive .about-trigger,.is-immersive .headphones-note{opacity:0;visibility:hidden;pointer-events:none}.is-immersive .selection-feedback:not(.is-error){opacity:0;visibility:hidden}.experience-overlay{padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));display:flex;justify-content:center;overflow:hidden;background:#03070838}.overlay-frame{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;border:1px solid rgba(180,207,190,.17);border-radius:4px;background:#080f10f0;box-shadow:0 20px 70px #0003}.reading-frame{max-width:980px}.instrument-frame{max-width:1280px}.experience-overlay .overlay-close{position:absolute;top:12px;right:12px;background:#080f10bf;border-radius:50%}.overlay-frame .reading-content{width:100%;height:100%;min-height:0;margin:0;max-width:none;overflow-y:auto;overscroll-behavior:contain;padding:70px 60px 44px;scrollbar-width:thin}.overlay-frame .sheet-content{width:100%;height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:54px 56px 32px;scrollbar-width:thin}.reading-content .overtone-purpose{margin:40px 0 0;padding-top:27px;border-top:1px solid rgba(180,207,190,.16);color:#d1dec9;font-size:17px;line-height:1.85}.reading-content .overtone-purpose+.reading-footer{margin-top:30px}@media (max-width:1024px){.perimeter-ui .transport-controls button{padding-inline:9px}.overlay-frame .sheet-content{padding-inline:38px}}@media (max-width:720px){.perimeter-bottom{bottom:calc(max(19px,env(safe-area-inset-bottom)) + 28px)}.transport-controls{min-width:0;gap:0;padding:4px}.perimeter-ui .transport-controls button{flex:1;min-width:0;padding:5px 7px;gap:6px;font-size:13px}.perimeter-ui .overtone-link{display:inline-flex;position:absolute;top:calc(100% + 4px);right:0;bottom:auto;min-height:24px;font-size:10px;line-height:1.4}.perimeter-ui .headphones-note{left:max(18px,env(safe-area-inset-left));bottom:max(19px,env(safe-area-inset-bottom));min-height:24px;display:flex;align-items:center;font-size:9px}.experience-overlay{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.experience-overlay .overlay-close{top:8px;right:8px}.overlay-frame .reading-content{padding:64px 25px 32px}.overlay-frame .sheet-content{padding:40px 24px 28px}.reading-content .overtone-purpose{font-size:15px}.selection-feedback{bottom:117px}.signals-shell .spatial-caption,.signals-shell .overtone-waves-caption{bottom:126px}.spectrogram-caption{bottom:115px}}@media (max-width:360px){.perimeter-ui .transport-controls button{padding-inline:5px;gap:5px;font-size:12px}.perimeter-ui .headphones-note{left:13px;font-size:8.5px}.perimeter-ui .overtone-link{font-size:9px}.overlay-frame .reading-content,.overlay-frame .sheet-content{padding-inline:20px}}@media (max-height:600px){.overlay-frame .reading-content{padding-top:58px}.overlay-frame .sheet-content{padding-top:34px}.perimeter-ui .headphones-note{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 64px)}}@media (max-width:720px) and (max-height:600px){.perimeter-bottom{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 24px)}.perimeter-ui .headphones-note{bottom:max(10px,env(safe-area-inset-bottom))}.perimeter-ui .overtone-link{top:calc(100% + 4px)}}@media (prefers-reduced-motion:reduce){.about-trigger,.perimeter-ui .headphones-note{transition:none}}.instrument-sheet{--sheet-top-gap:max(24px,env(safe-area-inset-top));--sheet-bottom-gap:max(24px,env(safe-area-inset-bottom));align-items:center;background:#0307081f}.instrument-frame{display:flex;flex-direction:column;height:auto;max-height:100%;align-self:center;background:#080f109e;border-color:#b4cfbe38}.instrument-frame .sheet-content{display:block;flex:1 1 auto;height:auto;max-height:calc(100dvh - var(--sheet-top-gap) - var(--sheet-bottom-gap) - 2px);padding:42px 48px 28px}.instrument-sheet h1{font-size:clamp(32px,4.3vw,60px)}.instrument-sheet .sheet-analysis{margin-top:0;padding-top:0;gap:35px;align-items:start;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.instrument-sheet .instrument-measurements{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:21px}.instrument-sheet .instrument-measurements dd{font-size:14px}.instrument-profile{margin:28px 0 30px}.profile-heading{display:flex;justify-content:space-between;gap:15px;align-items:baseline;margin-bottom:10px}.profile-heading h2{margin:0;font:400 10px/1.6 var(--body);letter-spacing:.12em;color:#b5ceba}.profile-heading>span{color:#a6b8a9;font:10px/1.5 var(--body)}.sound-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.profile-column{min-width:0;padding-top:12px;border-top:1px solid rgba(180,207,190,.2)}.profile-column h3{margin:0 0 8px;font:400 11px/1.5 var(--body);color:#bbcbbb}.profile-column h3 small{font-size:9px;margin-left:6px;color:#96aa9a}.profile-value{margin:0 0 12px;color:#e0e9d8;font:400 clamp(14px,1.35vw,18px)/1.6 var(--body)}.band-distribution{height:3px;display:flex;width:100%;background:#b4cfbe1a;overflow:hidden}.band-distribution i{display:block;height:100%;background:#8eb29b}.band-distribution i:nth-child(2){background:#c3cbb2}.band-distribution i:nth-child(3){background:#a3a6ca}.band-legend{display:flex;justify-content:space-between;gap:6px;color:#a9bead;font:10px/1.5 var(--body);margin-top:8px}.envelope-trace{display:block;height:30px;width:100%;color:#adc8b2}.profile-caption{font:11px/1.65 var(--body);margin:7px 0 0;color:#adbdad}.profile-imagery .profile-caption{max-width:32ch}.profile-method{margin-top:17px;color:#aebfad;font:11px/1.7 var(--body)}.profile-method summary{display:flex;align-items:center;gap:8px;color:#b2c7b2;cursor:pointer;width:max-content;max-width:100%;min-height:30px;padding-top:4px}.profile-method[open] summary svg{transform:rotate(180deg)}.profile-method[open] summary{margin-bottom:12px}.profile-method p{max-width:100ch;margin:0 0 12px}.profile-method a{color:#bed1bd;text-underline-offset:3px}@media (max-width:1100px){.instrument-sheet .instrument-measurements{grid-template-columns:repeat(2,minmax(0,1fr))}.instrument-sheet .sheet-analysis{gap:27px}}@media (max-width:720px){.instrument-sheet{--sheet-top-gap:max(12px,env(safe-area-inset-top));--sheet-bottom-gap:max(12px,env(safe-area-inset-bottom))}.instrument-frame .sheet-content{padding:35px 24px 24px}.instrument-sheet h1{font-size:clamp(31px,8vw,43px)}.instrument-profile{margin:25px 0}.sound-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.profile-imagery{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.profile-imagery h3{grid-column:1/-1}.profile-imagery .profile-value{margin:0}.profile-imagery .profile-caption{margin:0;font-size:10px}.profile-value{font-size:14px;min-height:44px;margin-bottom:9px}.profile-imagery .profile-value{min-height:0}.band-legend{font-size:9px}.profile-heading>span{font-size:9px}.profile-column h3{font-size:10px}.profile-column h3 small{display:block;margin:2px 0 0}.profile-method summary{min-height:44px;display:flex;align-items:center}.instrument-sheet .sheet-analysis{grid-template-columns:minmax(0,1fr);gap:20px}}@media (max-width:360px){.instrument-frame .sheet-content{padding-inline:20px}.sound-profile-grid{gap:15px}.profile-imagery{grid-template-columns:minmax(0,1fr)}.profile-imagery .profile-caption{margin-top:8px}}@media (max-height:600px){.instrument-frame .sheet-content{padding-top:32px}}