:root{--bg-dark: #020b08;--bg-card: rgba(5, 18, 14, .7);--bg-card-hover: rgba(8, 26, 20, .82);--bg-input: rgba(6, 20, 15, .7);--border-color: rgba(0, 255, 170, .28);--border-highlight: #00ffaa;--primary: #00ffaa;--primary-bg: rgba(6, 32, 24, .85);--primary-hover: rgba(10, 48, 36, .95);--primary-glow: rgba(0, 255, 170, .4);--accent-fire: #00ffaa;--accent-ember: #10b981;--accent-gold: #34d399;--accent-red: #ef4444;--accent-cyan: #00ffaa;--text-main: #00ffaa;--text-muted: #a7f3d0;--text-dim: #6ee7b7;--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Cinzel", "Outfit", serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}#titanBgCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;pointer-events:none}body{font-family:var(--font-main);background-color:#030202;color:var(--text-main);min-height:100vh;line-height:1.6;padding:0;overflow-x:hidden}.app-header{border-bottom:1px solid var(--border-color);background:#030202bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:100;padding:1rem 2rem}.header-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-group{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;border-radius:10px;background:#18181b;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.logo-icon svg{width:22px;height:22px;fill:#fff}.logo-text h1{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:#0fa}.logo-badge{font-size:.68rem;padding:2px 8px;border-radius:6px;background:#18181b;color:var(--text-muted);border:1px solid var(--border-color);text-transform:uppercase;font-weight:600;letter-spacing:.05em}.header-actions{display:flex;align-items:center;gap:1rem}.audio-status-pill{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:#09090b;border:1px solid var(--border-color);font-size:.8rem;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim);transition:all .3s ease}.status-dot.active{background:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald)}.container{max-width:1400px;margin:2rem auto;padding:0 1.5rem}.app-grid{display:grid;grid-template-columns:420px 1fr;gap:1.5rem}@media (max-width: 1024px){.app-grid{grid-template-columns:1fr}}.card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:0 15px 35px #000000b3;transition:border-color .25s,background .25s}.card:hover{border-color:var(--border-highlight);background:var(--bg-card-hover)}.card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.card-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--text-main);flex:1 1 auto;min-width:0}.visualizer-container{position:relative;width:100%;height:180px;background:#000;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);margin-bottom:1.25rem}canvas#visCanvas{width:100%;height:100%;display:block}.vis-overlay{display:flex;align-items:center;gap:6px;margin-left:auto}.vis-mode-btn{background:#06140fd9;border:1px solid var(--border-color);color:var(--text-muted);padding:4px 10px;border-radius:6px;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s}.vis-mode-btn.active{background:#00ffaa2e;color:#0fa;border-color:#0fa}.master-controls{display:flex;flex-direction:column;gap:1.25rem}.btn-main-play{width:100%;padding:1.1rem;border-radius:12px;border:1px solid #00ffaa;background:linear-gradient(135deg,#052e16,#064e3b);color:#0fa;font-family:"Cinzel",var(--font-heading);font-weight:800;font-size:1.05rem;letter-spacing:.05em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 20px #00ffaa59;transition:all .25s ease}.btn-main-play:hover{background:linear-gradient(135deg,#059669,#10b981);border-color:#34d399;color:#0fa;box-shadow:0 6px 25px #0fa9;transform:translateY(-2px)}.btn-main-play.playing{background:linear-gradient(135deg,#052e16,#047857);border-color:#0fa;color:#0fa}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.btn-secondary{padding:.8rem;border-radius:10px;border:1px solid var(--border-color);background:#121215;color:var(--text-main);font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.btn-secondary:hover{background:#18181b;border-color:var(--border-highlight)}.btn-export{background:#09261e;border:1px solid rgba(16,185,129,.4);color:#34d399}.btn-export:hover{background:#0d382c;color:#fff}.control-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.control-label{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.control-val{font-family:var(--font-mono);color:var(--accent-cyan);font-weight:700;font-size:.85rem}.input-text,.select-input{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;padding:.75rem 1rem;color:var(--text-main);font-family:var(--font-mono);font-size:.92rem;outline:none;transition:all .2s}.input-text:focus,.select-input:focus{border-color:var(--border-highlight);background:#18181b}.slider-input{width:100%;height:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#27272a;border-radius:3px;outline:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;cursor:pointer;transition:transform .1s}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.25);background:var(--accent-cyan)}.tabs-nav{display:flex;gap:8px;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:none}.tabs-nav::-webkit-scrollbar{display:none}.tab-btn{background:#09090b;border:1px solid var(--border-color);color:var(--text-muted);padding:.65rem 1.1rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px;transition:all .2s}.tab-btn:hover{color:var(--text-main);background:#18181b}.tab-btn.active{background:#00ffaa26;color:#0fa;border-color:#0fa}.tab-pane{display:none;animation:fadeIn .25s ease-in-out}.tab-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.preset-card{background:#09090b;border:1px solid var(--border-color);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:6px}.preset-card:hover{border-color:var(--border-highlight);background:#121215;transform:translateY(-2px)}.preset-title{font-weight:700;font-size:.9rem;color:var(--text-main)}.preset-desc{font-size:.75rem;color:var(--text-muted)}.preset-tag{align-self:flex-start;font-size:.65rem;padding:2px 6px;border-radius:4px;background:#18181b;color:var(--accent-cyan);border:1px solid var(--border-color);font-weight:600}.adsr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.oddball-monitor{display:flex;align-items:center;justify-content:space-between;background:#000;border:1px solid var(--border-color);border-radius:12px;padding:1rem;margin-top:1rem}.trial-counter{font-family:var(--font-mono);font-size:1.2rem;font-weight:700;color:var(--accent-cyan)}.stimulus-indicator{width:28px;height:28px;border-radius:50%;background:var(--text-dim);transition:background .1s}.stimulus-indicator.standard{background:var(--accent-emerald);box-shadow:0 0 12px var(--accent-emerald)}.stimulus-indicator.deviant{background:var(--accent-pink);box-shadow:0 0 15px var(--accent-pink)}.note-display{display:inline-flex;align-items:center;gap:8px;background:#18181b;border:1px solid var(--border-color);padding:4px 12px;border-radius:8px;font-family:var(--font-mono);font-size:.88rem;color:var(--text-main)}.seo-section{margin-top:4rem;border-top:1px solid var(--border-color);padding-top:3rem;color:var(--text-muted)}.seo-section h2{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-main);margin:1.75rem 0 .75rem}.seo-section h3{font-family:var(--font-heading);font-size:1.15rem;color:#0fa;margin:1.25rem 0 .5rem}.seo-section p{margin-bottom:1rem;font-size:.92rem;line-height:1.7}.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.seo-card{background:#09090b;border:1px solid var(--border-color);border-radius:14px;padding:1.5rem}footer{margin-top:4rem;border-top:1px solid var(--border-color);padding:2rem 0;text-align:center;font-size:.82rem;color:var(--text-dim)}footer a{color:var(--text-main);text-decoration:underline}.mode-switch-group{display:flex;background:#09090b;border:1px solid var(--border-color);border-radius:10px;padding:3px;gap:4px}.mode-switch-btn{background:transparent;border:none;color:var(--text-muted);padding:6px 16px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.mode-switch-btn.active{background:#00ffaa2e;color:#0fa;border:1px solid #00ffaa}body.mode-simple .advanced-only,body.mode-simple .tabs-nav,body.mode-advanced .simple-presets{display:none!important}.toast{position:fixed;bottom:24px;right:24px;background:#18181b;border:1px solid var(--border-highlight);color:var(--text-main);padding:12px 20px;border-radius:10px;box-shadow:0 10px 30px #000000e6;font-size:.88rem;z-index:1000;transform:translateY(100px);opacity:0;transition:all .3s ease}.toast.show{transform:translateY(0);opacity:1}@media (max-width: 768px){.app-header{padding:1rem 0}.header-container{flex-direction:column;align-items:stretch;gap:1rem}.header-actions{flex-wrap:wrap;justify-content:center;gap:8px}.mode-switch-group{width:100%;justify-content:center}.mode-switch-btn{flex:1;justify-content:center;padding:8px 12px}.tabs-nav{display:flex;overflow-x:auto;white-space:nowrap;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tab-btn{flex-shrink:0;padding:8px 14px;font-size:.82rem}.adsr-grid{grid-template-columns:repeat(2,1fr)}.main-play-bar{flex-direction:column;gap:10px}.btn-main-play,#exportBtn,#stopBtn{width:100%;justify-content:center;min-height:48px}.freq-display-row{flex-direction:column;align-items:center;text-align:center}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width: 480px){.container{padding:1rem .5rem}.card{padding:1.25rem;border-radius:14px}.card-title{font-size:.92rem}.vis-mode-btn{padding:3px 7px;font-size:.68rem}.adsr-grid,.preset-grid,.seo-grid{grid-template-columns:1fr}.audio-step-btn{flex:1 1 40%;text-align:center}.toast{left:16px;right:16px;bottom:16px;text-align:center}}