*{box-sizing:border-box}@font-face{font-family:Anjoman Max;src:url(/psychoacoustic/fonts/AnjomanMaxFN-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Anjoman Max;src:url(/psychoacoustic/fonts/AnjomanMaxFN-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Anjoman Max;src:url(/psychoacoustic/fonts/AnjomanMaxFN-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Anjoman Max;src:url(/psychoacoustic/fonts/AnjomanMaxFN-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--lab-bg:#050505;--lab-bg-soft:#090908;--lab-panel:#0b0b0adb;--lab-panel-strong:#0e0e0df5;--lab-fg:#e9e6dc;--lab-muted:#aaa79d;--lab-subtle:#716f68;--lab-border:#282822;--lab-border-strong:#48483e;--lab-accent:#d8d0bb;--lab-accent-soft:#d8d0bb1f;--lab-grid:#e9e6dc0b;--lab-line:#e9e6dc14;--lab-error:#d1a19a;--lab-error-border:#7f332f;--lab-error-bg:#210d0b;--lab-success:#b8c7a0;--lab-shadow:0 0 0 1px #e9e6dc06;--lab-chart-panel:#05050573;--lab-chart-grid:#e9e6dc0e;--lab-chart-border:#e9e6dc14;--lab-chart-line:#d8d0bb;--lab-chart-line-soft:#c1a36c;--lab-chart-line-muted:#e9e6dc3d;--lab-chart-bar:#c1a36cd1}html[data-theme=day]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--lab-bg:#f9f7f1;--lab-bg-soft:#f0e6d4;--lab-panel:#fffcf5e6;--lab-panel-strong:#fffcf5fa;--lab-fg:#251f18;--lab-muted:#665947;--lab-subtle:#85745e;--lab-border:#e2d2b3;--lab-border-strong:#c9ad7f;--lab-accent:#a8652f;--lab-accent-soft:#a8652f1c;--lab-grid:#7e5b2f1a;--lab-line:#7e5b2f1f;--lab-error:#7d3a2f;--lab-error-border:#b98b78;--lab-error-bg:#f3d8d2;--lab-success:#5c6c43;--lab-shadow:0 0 0 1px #7e5b2f12;--lab-chart-panel:#fffcf5ad;--lab-chart-grid:#7e5b2f1c;--lab-chart-border:#7e5b2f2e;--lab-chart-line:#7e5b2f;--lab-chart-line-soft:#9a6f3f;--lab-chart-line-muted:#7e5b2f47;--lab-chart-bar:#9a6f3fb3}html{background:var(--lab-bg);min-width:320px}body{background:linear-gradient(to right, var(--lab-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--lab-grid) 1px, transparent 1px), radial-gradient(circle at 18% 0%, #d8d0bb12, transparent 34rem), linear-gradient(180deg, var(--lab-bg) 0%, var(--lab-bg-soft) 48%, var(--lab-bg) 100%);min-width:320px;min-height:100vh;color:var(--lab-fg);letter-spacing:0;text-rendering:optimizelegibility;direction:rtl;background-size:80px 80px,80px 80px,auto,auto;margin:0;font-family:Anjoman Max,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #d8d0bb8a}.labShell{width:min(1500px,100%);min-height:100dvh;margin:0 auto;padding:20px}.labShell.is-ltr{direction:ltr;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.topbar{z-index:10;border:1px solid var(--lab-border);background:var(--lab-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:78px;box-shadow:var(--lab-shadow);justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex;position:sticky;top:0}.brand,.transport,.navHeader,.stageHeader,.protocolGrid{align-items:center;display:flex}.brand{gap:12px;min-width:0}.labMark{border:1px solid var(--lab-border-strong);background:var(--lab-panel-strong);width:46px;height:46px;color:var(--lab-accent);place-items:center;font-size:18px;line-height:1;display:grid}.brand h1{color:var(--lab-fg);margin:3px 0 0;font-size:clamp(1.15rem,2vw,1.85rem);font-weight:700;line-height:1.25}.eyebrow,.panelLabel,.navItem span,.navItem em,.protocolGrid span{color:var(--lab-subtle);letter-spacing:0;text-transform:uppercase;direction:ltr;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:700;line-height:1.35}.transport{justify-content:flex-end;gap:12px}.transport strong{color:var(--lab-fg);margin-top:3px;font-size:14px;font-weight:700;line-height:1.3;display:block}.statusDot{background:var(--lab-subtle);border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 5px #716f681f}.statusDot.playing{background:var(--lab-success);box-shadow:0 0 0 5px #b8c7a01f}.statusDot.error{background:var(--lab-error);box-shadow:0 0 0 5px #d1a19a1f}.workbench{grid-template-columns:minmax(220px,270px) minmax(0,1fr) minmax(260px,320px);align-items:start;gap:16px;margin-top:16px;display:grid}.experimentNav,.stage,.listeningPanel{border:1px solid var(--lab-border);background:var(--lab-panel);box-shadow:var(--lab-shadow)}.experimentNav{gap:8px;padding:12px;display:grid;position:sticky;top:98px}.navHeader{border-bottom:1px solid var(--lab-border);justify-content:space-between;padding:4px 4px 12px}.navHeader strong{color:var(--lab-fg);font-size:13px}.navItem{min-height:58px;color:inherit;text-align:right;background:#05050542;border:1px solid #0000;grid-template-columns:30px 1fr;gap:4px 10px;padding:10px;transition:background .18s,border-color .18s,color .18s;display:grid}.labShell.is-ltr .navItem{text-align:left}.navItem strong{color:var(--lab-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.35;overflow:hidden}.navItem em{color:var(--lab-subtle);grid-column:2;font-style:normal}.navItem:hover,.navItem.isSelected{border-color:var(--lab-border-strong);background:#e9e6dc0b}.navItem.isSelected strong{color:var(--lab-fg)}.navItem.isPlaying{border-color:#b8c7a06b}.navItem.isPlaying em{color:var(--lab-success)}.stage{min-height:706px;padding:18px}.stageHeader{border-bottom:1px solid var(--lab-border);justify-content:space-between;gap:18px;padding-bottom:18px}.stage h2{color:var(--lab-fg);margin:8px 0 9px;font-size:clamp(1.7rem,3vw,3.1rem);font-weight:750;line-height:1.25}.stage p{max-width:760px;color:var(--lab-muted);margin:0;font-size:15px;line-height:1.9}.psychoVisualizer{border:1px solid var(--lab-border);background:var(--lab-chart-panel);gap:12px;margin-top:18px;display:grid}.visualStatusStrip{border-bottom:1px solid var(--lab-border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.visualStatusStrip>span{border-inline-start:1px solid var(--lab-border);gap:5px;min-width:0;padding:12px 14px;display:grid}.visualStatusStrip>span:first-child{border-inline-start:0}.visualStatusStrip small,.relationshipHeading span,.relationshipReadout span,.signalLegend,.envelopeView>span{color:var(--lab-subtle);letter-spacing:.04em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;font-weight:700;line-height:1.35}.visualStatusStrip b{overflow-wrap:anywhere;color:var(--lab-fg);font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.visualStatusStrip b.isPlaying{color:var(--lab-success)}.visualStatusInterpretation{grid-column:span 3}.visualizerMain{gap:12px;padding:0 12px 12px;display:grid}.signalView,.relationshipView,.partialVisualizer,.noiseMixView{border:1px solid var(--lab-chart-border);background:linear-gradient(to right, var(--lab-chart-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--lab-chart-grid) 1px, transparent 1px), var(--lab-chart-panel);background-size:52px 52px,52px 52px,auto}.signalView{min-height:250px;padding:28px 18px 12px;position:relative;overflow:hidden}.signalView>svg{width:100%;height:118px;display:block}.signalLegend{align-items:center;gap:7px;display:flex;position:absolute;top:10px;left:16px}.signalLegend span{width:13px;height:2px}.signalA{background:var(--lab-chart-line)}.signalB{background:var(--lab-chart-line-soft)}.signalCombined{background:var(--lab-fg)}.signalBaseline{fill:none;stroke:var(--lab-chart-line-muted);stroke-width:1px;vector-effect:non-scaling-stroke}.signalPath{fill:none;vector-effect:non-scaling-stroke}.signalPathA{stroke:var(--lab-chart-line);stroke-width:1.2px;opacity:.72}.signalPathB{stroke:var(--lab-chart-line-soft);stroke-width:1.15px;opacity:.68}.signalPathCombined{stroke:var(--lab-fg);stroke-width:1.6px}.envelopeView{border-top:1px solid var(--lab-chart-border);margin-top:8px;padding-top:8px}.envelopeView>span{margin-bottom:3px;display:block}.envelopeView svg{width:100%;height:62px;display:block}.envelopePath{fill:none;stroke:var(--lab-chart-line-soft);stroke-width:1.35px;vector-effect:non-scaling-stroke}.relationshipView,.partialVisualizer,.noiseMixView{padding:14px}.relationshipHeading{justify-content:space-between;align-items:start;gap:12px;display:flex}.relationshipHeading strong{color:var(--lab-fg);font-variant-numeric:tabular-nums;text-align:end;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.frequencyRail{border-bottom:1px solid var(--lab-chart-line-muted);height:76px;margin:12px 2px 8px;position:relative}.frequencyRail:before{background:var(--lab-chart-line-muted);content:"";height:1px;position:absolute;bottom:-1px;left:0;right:0}.perceptualZone{opacity:.62;grid-template-columns:8fr 37fr 55fr;display:grid;position:absolute;inset:12px 0 10px}.perceptualZone span{border-inline-end:1px solid var(--lab-chart-border);color:var(--lab-subtle);text-transform:uppercase;align-items:end;padding:0 5px 4px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:9px;display:flex}.perceptualZone.is-beats span:first-child,.perceptualZone.is-rough span:nth-child(2),.perceptualZone.is-separate span:last-child{background:var(--lab-accent-soft);color:var(--lab-fg)}.frequencyMarker{bottom:0;left:var(--tone-a);color:var(--lab-chart-line);justify-items:center;gap:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;transition:left .22s;display:grid;position:absolute;transform:translate(-50%)}.frequencyMarker i{width:9px;height:9px;box-shadow:0 0 0 3px var(--lab-chart-panel);background:currentColor;border-radius:50%;display:block}.markerB{left:var(--tone-b);color:var(--lab-chart-line-soft)}.relationshipReadout{flex-wrap:wrap;gap:8px 18px;display:flex}.relationshipReadout span{gap:6px;display:inline-flex}.relationshipReadout b{color:var(--lab-fg);font-size:11px}.partialPlot{border-bottom:1px solid var(--lab-chart-line-muted);align-items:end;gap:clamp(6px,1.4vw,16px);min-height:168px;margin-top:14px;padding:10px 6px 0;display:flex}.partialDatum{flex:1;align-content:end;justify-items:center;gap:5px;min-width:22px;height:152px;display:grid;position:relative}.partialDatum i{width:min(16px,100%);height:var(--gain);background:linear-gradient(to top, var(--lab-chart-line-soft), var(--lab-chart-line));min-height:10px;transform:translateX(calc((var(--pan) - 50%) * .26));transition:height .22s,transform .22s;display:block}.partialDatum span{color:var(--lab-subtle);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px}.partialDatum b{color:var(--lab-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:9px}.partialVisualizer--fusion .partialDatum{transform:translateX(calc(var(--offset) * .38px));transition:transform .22s}.partialVisualizer--register-space .partialDatum{transform:translateX(calc((var(--pan) - 50%) * .34px));justify-items:center;transition:transform .22s}.partialVisualizer p,.noiseMixView p{color:var(--lab-muted);margin:10px 0 0;font-size:12px;line-height:1.65}.mixBar{border:1px solid var(--lab-chart-border);min-height:82px;margin-top:14px;display:flex;overflow:hidden}.mixBar span{align-content:center;gap:5px;min-width:0;padding:10px;transition:width .22s;display:grid}.mixBar span:first-child{background:var(--lab-accent-soft);color:var(--lab-fg)}.mixBar span:last-child{color:var(--lab-fg);background:#7f332f26}.mixBar b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mixBar em{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;font-style:normal}.visualizerSummary{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stageControls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.labSliderPanel{border:1px solid var(--lab-border);min-height:118px;color:var(--lab-fg);background:linear-gradient(#e9e6dc07,#0000 44%),#05050557;gap:12px;padding:14px;display:grid;box-shadow:inset 0 1px #e9e6dc06}.labSliderHeader,.labSliderControl,.labSliderScale{align-items:center;display:flex}.labSliderHeader{justify-content:space-between;gap:14px}.labSliderHeader span{min-width:0;color:var(--lab-muted);font-size:13px;font-weight:650;line-height:1.6}.labSliderHeader strong{color:var(--lab-fg);font-variant-numeric:tabular-nums;letter-spacing:0;flex:none;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.05rem,1.8vw,1.65rem);font-weight:750;line-height:1}.labSliderControl{gap:10px}.labSliderRoot{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;align-items:center;min-width:0;min-height:44px;display:flex;position:relative}.labSliderTrack{border:1px solid var(--lab-border-strong);background:linear-gradient(90deg,#e9e6dc1f 1px,#0000 1px) 0 0/32px 100%,#11110f;flex:1;height:6px;position:relative;overflow:hidden}.labSliderRange{background:linear-gradient(90deg,#d8d0bbc7,#d1605ec7);height:100%;position:absolute}.labSliderThumb{background:#dc5756;border:1px solid #f1d8d2db;border-radius:50%;width:19px;height:19px;transition:background .16s,border-color .16s,box-shadow .16s;display:block;box-shadow:0 0 0 4px #d1605e1f,inset 0 0 0 2px #e9e6dc2e}.labSliderThumb:hover{background:#ec6968;box-shadow:0 0 0 6px #d1605e29,inset 0 0 0 2px #e9e6dc38}.labSliderThumb:focus-visible{outline-offset:4px;outline:2px solid #d8d0bbb3}.labSliderStep{border:1px solid var(--lab-border);width:44px;height:44px;color:var(--lab-muted);background:#05050566;border-radius:2px;flex:none;place-items:center;transition:background .16s,border-color .16s,color .16s,opacity .16s;display:grid}.labSliderStep:hover:not(:disabled),.labSliderStep:focus-visible{border-color:var(--lab-accent);color:var(--lab-fg);background:#e9e6dc12}.labSliderStep:disabled{cursor:not-allowed;opacity:.36}.labSliderScale{color:var(--lab-subtle);font-variant-numeric:tabular-nums;justify-content:space-between;padding-inline:54px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1}.labTooltipContent{z-index:50;border:1px solid var(--lab-border-strong);background:var(--lab-panel-strong);color:var(--lab-fg);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;border-radius:2px;padding:6px 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1;box-shadow:0 10px 30px #00000047}.playButton,.stop,.languageToggle{border:1px solid var(--lab-border-strong);border-radius:2px;min-height:44px;font-size:14px;font-weight:750;line-height:1.4;transition:background .18s,border-color .18s,color .18s}.languageToggle{min-width:78px;color:var(--lab-fg);background:#e9e6dc0b;padding:0 13px}.languageToggle:hover,.languageToggle:focus-visible{border-color:var(--lab-accent);background:#e9e6dc14}.playButton{background:var(--lab-fg);min-width:142px;color:var(--lab-bg);padding:0 18px}.playButton:hover,.playButton:focus-visible{background:var(--lab-accent);border-color:var(--lab-accent)}.stop{border-color:var(--lab-error-border);color:var(--lab-error);background:#7f332f29;padding:0 14px}.stop:hover,.stop:focus-visible{background:var(--lab-error-bg);color:var(--lab-error)}.info{border:1px solid var(--lab-border);color:var(--lab-muted);background:#0505055c;margin-top:14px;padding:13px 14px;font-size:14px;line-height:1.8}.info strong{color:var(--lab-fg);font-weight:750}.listeningPanel{gap:14px;padding:18px;display:grid;position:sticky;top:98px}.listeningPanel>strong{color:var(--lab-fg);font-size:15px;font-weight:650;line-height:1.9}.protocolGrid{border-top:1px solid var(--lab-border);grid-template-columns:auto 1fr;gap:10px 14px;padding-top:16px;display:grid}.protocolGrid b{color:var(--lab-fg);font-size:13px;font-weight:700;line-height:1.4}.footer{border:1px solid var(--lab-border);color:var(--lab-subtle);text-align:center;background:#05050557;margin-top:16px;padding:16px;font-size:13px;line-height:1.7}.footer a{color:inherit;text-decoration:none}.footer a:hover,.footer a:focus-visible{color:var(--lab-fg);text-underline-offset:3px;text-decoration:underline}html[data-theme=day] .navItem,html[data-theme=day] .labSliderPanel,html[data-theme=day] .labSliderStep,html[data-theme=day] .info,html[data-theme=day] .footer,html[data-theme=day] .languageToggle{background:#fffcf594}html[data-theme=day] .navItem:hover,html[data-theme=day] .navItem.isSelected,html[data-theme=day] .languageToggle:hover,html[data-theme=day] .languageToggle:focus-visible,html[data-theme=day] .labSliderStep:hover:not(:disabled),html[data-theme=day] .labSliderStep:focus-visible{background:#f0e6d4b8}html[data-theme=day] .labSliderTrack{background:linear-gradient(90deg,#7e5b2f24 1px,#0000 1px),#fffcf5b8}html[data-theme=day] .playButton{background:var(--lab-fg);color:var(--lab-bg)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=1180px){.workbench{grid-template-columns:240px minmax(0,1fr)}.listeningPanel{grid-column:1/-1;position:static}}@media (width<=820px){.labShell{padding:12px}.topbar,.stageHeader{flex-direction:column;align-items:stretch}.transport{justify-content:space-between}.workbench{grid-template-columns:1fr}.experimentNav{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding-bottom:12px;display:flex;position:static;overflow-x:auto}.experimentNav::-webkit-scrollbar{display:none}.navHeader{border-bottom:0;border-left:1px solid var(--lab-border);min-width:120px;padding-left:12px}.navItem{scroll-snap-align:start;min-width:154px}.stage{min-height:auto;padding:14px}.stageControls{grid-template-columns:1fr}.visualStatusStrip{grid-template-columns:1fr 1fr}.visualStatusInterpretation{grid-column:span 1}.visualStatusStrip>span:nth-child(3){border-inline-start:0;border-top:1px solid var(--lab-border)}.visualStatusStrip>span:nth-child(4){border-top:1px solid var(--lab-border)}.signalView{min-height:228px;padding-inline:12px}.partialPlot{gap:4px}.partialDatum b{font-size:8px}}.habib-theme-toggle{border:1px solid var(--color-border,var(--lab-border,currentColor));background:var(--color-panel,var(--lab-panel,transparent));width:40px;height:40px;color:var(--color-fg-subtle,var(--lab-muted,currentColor));cursor:pointer;border-radius:2px;flex:0 0 40px;justify-content:center;align-items:center;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex}.habib-theme-toggle--sm,.habib-theme-toggle--md{flex-basis:40px;width:40px;height:40px}.habib-theme-toggle--ghost{background:0 0}.habib-theme-toggle:hover,.habib-theme-toggle[aria-pressed=true]:hover{border-color:var(--color-accent,var(--lab-accent,currentColor));background:var(--color-accent-soft,var(--lab-accent-soft,transparent));color:var(--color-fg,var(--lab-fg,currentColor))}.habib-theme-toggle:active{transform:scale(.95)}.habib-theme-toggle:focus-visible{outline:2px solid var(--color-accent,var(--lab-accent,currentColor));outline-offset:3px}.habib-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
