:root{color-scheme:dark;--brand-color: #38bdf8;--bg-deep: #070b14;--bg-card: #0f172a;--bg-card-elevated: #1e293b;--border-subtle: rgba(148, 163, 184, .14);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent-cyan: #38bdf8;--accent-indigo: #818cf8;--accent-amber: #f59e0b;--accent-rose: #fb7185;--accent-emerald: #34d399}*{box-sizing:border-box}body{margin:0;padding:0;background:radial-gradient(circle at 15% 0%,#0f1b33 0%,var(--bg-deep) 60%);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;accent-color:var(--brand-color);min-height:100vh;-webkit-font-smoothing:antialiased}code{font-family:JetBrains Mono,monospace;font-size:.85em;background:#0f172ad9;padding:.15rem .35rem;border-radius:4px;color:var(--accent-cyan)}.icon-cyan{color:var(--accent-cyan)}.icon-amber{color:var(--accent-amber)}.icon-rose{color:var(--accent-rose)}.icon-emerald{color:var(--accent-emerald)}.app-shell{max-width:1280px;margin:0 auto;padding:1.25rem 1.5rem 3rem}.top-navbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.15rem;margin-bottom:1.15rem;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.brand-group{display:flex;align-items:center;gap:.85rem}.brand-logo{width:42px;height:42px;border-radius:10px;background:#38bdf81f;border:1px solid rgba(56,189,248,.35);display:flex;align-items:center;justify-content:center}.brand-group h1{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.version-badge{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600;background:#38bdf826;color:var(--accent-cyan);padding:.15rem .45rem;border-radius:99px;border:1px solid rgba(56,189,248,.3)}.brand-tagline{margin:.15rem 0 0;font-size:.84rem;color:var(--text-secondary)}.navbar-badges{display:flex;gap:.6rem;flex-wrap:wrap}.nav-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;font-weight:500;padding:.35rem .7rem;border-radius:99px;background:#38bdf81a;border:1px solid rgba(56,189,248,.25);color:#bae6fd}.nav-badge.amber{background:#f59e0b1f;border-color:#f59e0b4d;color:#fde68a}.main-container{display:flex;flex-direction:column;gap:1.25rem}.transport-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#0f172ad9;border:1px solid var(--border-subtle);border-radius:14px;padding:.85rem 1.15rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap}.transport-left{display:flex;align-items:center;gap:.9rem}.play-toggle-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem 1.25rem;border-radius:10px;border:none;font-weight:600;font-size:.92rem;cursor:pointer;background:linear-gradient(135deg,#0284c7,#38bdf8);color:#04101d;box-shadow:0 4px 16px #38bdf840;transition:transform .15s ease,box-shadow .15s ease}.play-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #38bdf861}.play-toggle-btn.playing{background:linear-gradient(135deg,#e11d48,#fb7185);color:#fff;box-shadow:0 4px 16px #fb718547}.timer-display-box{display:flex;align-items:center;gap:.5rem;background:#070b14bf;border:1px solid var(--border-subtle);padding:.45rem .75rem;border-radius:10px}.timer-digits{font-family:JetBrains Mono,monospace;font-size:1.05rem;font-weight:700;color:var(--text-primary)}.timer-reset-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.2rem;display:flex;align-items:center}.timer-reset-btn:hover{color:var(--text-primary)}.transport-center{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.duration-label{font-size:.8rem;color:var(--text-secondary)}.duration-pills{display:flex;gap:.4rem;flex-wrap:wrap}.duration-pill{background:#1e293bb3;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.35rem .7rem;border-radius:8px;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s ease}.duration-pill.active,.duration-pill:hover{background:#38bdf829;border-color:#38bdf873;color:var(--text-primary)}.export-wav-btn{display:inline-flex;align-items:center;gap:.45rem;background:#f59e0b24;border:1px solid rgba(245,158,11,.4);color:#fde68a;padding:.55rem .95rem;border-radius:10px;font-size:.83rem;font-weight:600;cursor:pointer;transition:all .15s ease}.export-wav-btn:hover{background:#f59e0b3d}.visualizer-card{background:#0f172ae0;border:1px solid var(--border-subtle);border-radius:14px;padding:.85rem 1.15rem}.visualizer-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem;flex-wrap:wrap}.telemetry-pills{display:flex;gap:.45rem;flex-wrap:wrap}.telemetry-pill{font-family:JetBrains Mono,monospace;font-size:.74rem;padding:.22rem .55rem;border-radius:6px;background:#1e293bcc;border:1px solid var(--border-subtle);color:var(--text-secondary)}.telemetry-pill.cyan strong{color:var(--accent-cyan)}.telemetry-pill.indigo strong{color:var(--accent-indigo)}.telemetry-pill.amber strong{color:var(--accent-amber)}.telemetry-pill.emerald strong{color:var(--accent-emerald)}.status-indicator{display:inline-flex;align-items:center;gap:.4rem;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:#64748b}.status-indicator.live{color:var(--accent-emerald)}.status-indicator.live .status-dot{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald)}.visualizer-canvas{width:100%;height:145px;display:block;border-radius:8px;background:#070b14bf}.section-title-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.section-title-row h2{margin:0;font-size:1.1rem;font-weight:600}.section-subtitle{font-size:.82rem;color:var(--text-secondary)}.presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:.85rem}.preset-card{text-align:left;background:#0f172ad1;border:1px solid var(--border-subtle);border-radius:12px;padding:1rem;cursor:pointer;color:var(--text-primary);transition:all .18s ease;display:flex;flex-direction:column;gap:.35rem}.preset-card:hover{border-color:#94a3b859;transform:translateY(-1px)}.preset-card.active{border-color:var(--preset-accent, var(--accent-cyan));background:linear-gradient(160deg,#1e293beb,#0f172af2);box-shadow:0 0 0 1px var(--preset-accent, var(--accent-cyan))}.preset-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}.preset-category-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;color:var(--text-secondary);font-weight:500}.preset-band-badge{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600;padding:.18rem .5rem;border-radius:99px;border:1px solid}.preset-name{margin:0;font-size:1rem;font-weight:600}.preset-subtitle{margin:0;font-size:.78rem;color:var(--accent-cyan);font-family:JetBrains Mono,monospace}.preset-desc{margin:.25rem 0 0;font-size:.82rem;line-height:1.45;color:var(--text-secondary)}.insight-banner{margin-top:.9rem;display:grid;grid-template-columns:1.4fr 1fr;gap:1rem;background:#1e293b73;border:1px solid var(--border-subtle);border-radius:12px;padding:.9rem 1.1rem}@media (max-width: 820px){.insight-banner{grid-template-columns:1fr}}.insight-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-amber);margin-bottom:.25rem}.insight-col p{margin:0;font-size:.83rem;line-height:1.5;color:#cbd5e1}.mixer-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem}@media (max-width: 960px){.mixer-grid{grid-template-columns:1fr}}.mixer-panel{background:#0f172ae0;border:1px solid var(--border-subtle);border-radius:14px;padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:.85rem}.mixer-panel.polyvagal-panel{border-color:#f59e0b40}.panel-header{display:flex;align-items:flex-start;gap:.65rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-subtle)}.panel-header h3{margin:0;font-size:.98rem;font-weight:600}.panel-header p{margin:.15rem 0 0;font-size:.78rem;color:var(--text-secondary)}.mixer-row{display:flex;flex-direction:column;gap:.15rem}.mixer-row-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.mixer-label{display:flex;flex-direction:column;font-size:.84rem;font-weight:500;color:var(--text-primary)}.mixer-sublabel{font-size:.73rem;color:var(--text-secondary);font-weight:400}.mixer-value{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;color:var(--accent-cyan)}input[type=range]{--slider-track-size: .45rem;--slider-thumb-size: 1.15rem;--slider-track-radius: 999px;--slider-thumb-radius: 50%;--slider-track-color: #1e293b;--slider-fill-color: #38bdf8;--slider-thumb-color: var(--slider-fill-color);--slider-direction: to right;--attr-min: attr(min type(<number>), 0);--attr-max: attr(max type(<number>), 100);--control-value: attr(value type(<number>), 50);--slider-progress: calc(progress(var(--control-value), var(--attr-min), var(--attr-max))*100%) ;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:100%;block-size:2rem;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}input[type=range]:dir(rtl){--slider-direction: to left}@supports not (opacity: progress(1,0,100)){input[type=range]{--slider-progress: calc( (var(--control-value) - var(--attr-min)) / (var(--attr-max) - var(--attr-min)) * 100% )}}input[type=range]::-webkit-slider-runnable-track{block-size:var(--slider-track-size);border:0;border-radius:var(--slider-track-radius);background:linear-gradient(var(--slider-direction),var(--slider-fill-color) var(--slider-progress),var(--slider-track-color) var(--slider-progress))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:var(--slider-thumb-size);block-size:var(--slider-thumb-size);margin-block-start:calc((var(--slider-track-size) - var(--slider-thumb-size)) / 2);border:0;border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color);box-shadow:0 0 8px #00000080}input[type=range]::-moz-range-track{block-size:var(--slider-track-size);border:0;border-radius:var(--slider-track-radius);background:var(--slider-track-color)}input[type=range]::-moz-range-progress{block-size:var(--slider-track-size);border-radius:var(--slider-track-radius);background:var(--slider-fill-color)}input[type=range]::-moz-range-thumb{inline-size:var(--slider-thumb-size);block-size:var(--slider-thumb-size);border:0;border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color)}input[type=range]:focus-visible{outline:2px solid var(--slider-fill-color);outline-offset:4px}.segmented-control-group{display:flex;flex-direction:column;gap:.4rem;margin-top:.25rem}.segmented-label{font-size:.78rem;color:var(--text-secondary);font-weight:500}.segmented-buttons{display:flex;gap:.45rem;flex-wrap:wrap}.seg-btn{flex:1;min-width:135px;background:#1e293bbf;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.45rem .65rem;border-radius:8px;font-size:.76rem;font-weight:500;cursor:pointer;transition:all .15s ease}.seg-btn.active{background:#38bdf829;border-color:var(--accent-cyan);color:var(--text-primary)}.seg-btn.amber.active{background:#f59e0b29;border-color:var(--accent-amber);color:#fde68a}.haas-toggle-box{background:#1e293b73;border:1px solid var(--border-subtle);padding:.75rem;border-radius:10px}.checkbox-label{display:flex;align-items:flex-start;gap:.65rem;cursor:pointer}.checkbox-label input[type=checkbox]{margin-top:.2rem;width:16px;height:16px;accent-color:var(--accent-amber)}.checkbox-label span{display:flex;flex-direction:column;gap:.15rem;font-size:.82rem}.checkbox-label small{font-size:.73rem;color:var(--text-secondary)}.emdr-subpanel{background:#10b98114;border:1px solid rgba(45,212,191,.3);border-radius:12px;padding:.85rem .95rem;display:flex;flex-direction:column;gap:.75rem}.emdr-subpanel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.emdr-title-group{display:flex;align-items:center;gap:.55rem}.emdr-title-group h4{margin:0;font-size:.88rem;font-weight:600;color:#ccfbf1}.emdr-title-group small{font-size:.72rem;color:var(--text-secondary)}.emdr-switch-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;color:#5eead4;background:#0f172abf;border:1px solid rgba(45,212,191,.35);padding:.32rem .7rem;border-radius:99px;cursor:pointer}.emdr-switch-label input[type=checkbox]{accent-color:#2dd4bf;margin:0}.emdr-controls-body{display:flex;flex-direction:column;gap:.7rem;padding-top:.5rem;border-top:1px solid rgba(45,212,191,.2)}.master-volume-box{margin-top:auto;padding-top:.65rem;border-top:1px solid var(--border-subtle)}.master-header{display:flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--text-secondary);margin-bottom:.35rem}.science-section{background:#0f172ad1;border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden}.science-toggle-header{width:100%;background:transparent;border:none;color:var(--text-primary);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;text-align:left}.science-toggle-left{display:flex;align-items:center;gap:.75rem}.science-toggle-left strong{display:block;font-size:.95rem}.science-toggle-left span{font-size:.78rem;color:var(--text-secondary)}.science-expand-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--accent-cyan);background:#38bdf81a;padding:.35rem .7rem;border-radius:99px}.science-content{padding:0 1.25rem 1.25rem;border-top:1px solid var(--border-subtle)}.science-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.85rem;margin-top:1rem}.science-card{background:#1e293b80;border:1px solid var(--border-subtle);border-radius:10px;padding:.85rem}.science-card-head{display:flex;align-items:center;gap:.45rem;margin-bottom:.4rem}.science-card-head h4{margin:0;font-size:.86rem}.science-card p{margin:0;font-size:.79rem;line-height:1.5;color:var(--text-secondary)}.bands-table-wrapper{margin-top:1.1rem}.bands-table-wrapper h4{margin:0 0 .5rem;font-size:.88rem}.bands-table{width:100%;border-collapse:collapse;font-size:.8rem}.bands-table th,.bands-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border-subtle);text-align:left}.bands-table th{color:var(--text-secondary);font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030712c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal-card{background:#0f172a;border:1px solid rgba(148,163,184,.25);border-radius:16px;max-width:620px;width:100%;padding:1.35rem;box-shadow:0 20px 50px #0009}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.modal-title-wrap{display:flex;align-items:center;gap:.55rem}.modal-title-wrap h2{margin:0;font-size:1.05rem}.modal-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer}.modal-intro{font-size:.83rem;color:var(--text-secondary);margin:.65rem 0 1rem}.algo-options{display:flex;flex-direction:column;gap:.65rem}.algo-card{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem;border-radius:10px;border:1px solid var(--border-subtle);background:#1e293b73;cursor:pointer}.algo-card.selected{border-color:var(--accent-cyan);background:#38bdf81a}.algo-card strong{font-size:.86rem;display:block;margin-bottom:.2rem}.algo-card p{margin:0;font-size:.77rem;color:var(--text-secondary);line-height:1.45}.modal-duration-row{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.82rem}.modal-footer{margin-top:1.25rem;display:flex;justify-content:flex-end;gap:.65rem}.btn-secondary{background:#1e293bcc;border:1px solid var(--border-subtle);color:var(--text-primary);padding:.55rem 1rem;border-radius:8px;font-size:.84rem;cursor:pointer}.btn-primary{display:inline-flex;align-items:center;gap:.45rem;background:linear-gradient(135deg,#0284c7,#38bdf8);border:none;color:#04101d;font-weight:600;padding:.55rem 1.1rem;border-radius:8px;font-size:.84rem;cursor:pointer}