:root{--bg:#f4f6fb;--bg-grad-1:#eef2fb;--bg-grad-2:#f7f4fb;--surface:#fff;--surface-2:#f1f4fa;--border:#e2e8f0;--text:#1a2233;--text-muted:#64748b;--accent:#4f7cff;--accent-hover:#3d63d8;--danger:#ef4444;--danger-soft:#ef44441f;--safe:#10b981;--safe-soft:#10b9811f;--shadow:0 10px 40px #1e293b14;--ring:#4f7cff40;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b0f1a;--bg-grad-1:#0e1424;--bg-grad-2:#140f22;--surface:#151b2b;--surface-2:#1c2536;--border:#263145;--text:#e8edf7;--text-muted:#94a3b8;--accent:#6b93ff;--accent-hover:#82a4ff;--danger:#f87171;--danger-soft:#f8717126;--safe:#34d399;--safe-soft:#34d39926;--shadow:0 12px 48px #00000073;--ring:#6b93ff59;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 20% -10%, var(--bg-grad-1), transparent), radial-gradient(1000px 700px at 100% 0%, var(--bg-grad-2), transparent), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:color .2s}.panel,.theme-toggle,.btn-upload,.clip,.result,.result-icon,.meter-track{transition:background-color 10ms,border-color 10ms,color 10ms}button{cursor:pointer;font-family:inherit}.app{flex-direction:column;max-width:960px;min-height:100vh;margin:0 auto;padding:2.5rem 1.5rem 3rem;display:flex}.panel-detect{width:100%}.header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.brand{align-items:center;gap:.85rem;display:flex}.brand-mark{color:var(--accent);font-size:1.6rem;line-height:1}.brand h1{letter-spacing:-.02em;margin:0;font-size:1.35rem}.brand p{color:var(--text-muted);margin:.1rem 0 0;font-size:.8rem}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text);border-radius:12px;place-items:center;font-size:1.1rem;transition:transform .2s,background-color .2s,border-color .2s;display:grid}.theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;flex:1;padding:2.25rem 2rem}.tagline{color:var(--text-muted);margin:0 0 1.75rem;font-size:.98rem;line-height:1.6}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn{border:1px solid #0000;border-radius:14px;align-items:center;gap:.55rem;padding:.8rem 1.2rem;font-size:.95rem;font-weight:600;transition:transform .15s,background .2s,box-shadow .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-record{background:var(--accent);color:#fff;box-shadow:0 6px 18px var(--ring)}.btn-record:hover{background:var(--accent-hover)}.btn-record .dot{background:#fff;border-radius:50%;width:9px;height:9px}.btn-stop{background:var(--danger);color:#fff}.btn-stop .pulse{background:#fff;border-radius:50%;width:10px;height:10px;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.btn-upload{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-upload:hover{border-color:var(--accent)}.or{color:var(--text-muted);font-size:.85rem}.clip{background:var(--surface-2);border:1px solid var(--border);border-radius:16px;margin-top:1.75rem;padding:1.25rem}.clip-head{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.clip-name{text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-size:.88rem;font-weight:600;overflow:hidden}.link-btn{color:var(--text-muted);background:0 0;border:none;font-size:.85rem;text-decoration:underline}.link-btn:hover{color:var(--danger)}.player{width:100%;margin-bottom:1rem}.btn-analyze{background:var(--accent);color:#fff;width:100%;box-shadow:0 6px 18px var(--ring);justify-content:center}.btn-analyze:hover:not(:disabled){background:var(--accent-hover)}.btn-analyze:disabled{opacity:.7;cursor:progress}.hint{margin:1rem 0 0;font-size:.88rem}.hint-error{color:var(--danger)}.result{border:1px solid var(--border);border-radius:18px;margin-top:1.75rem;padding:1.5rem;animation:.35s rise}.result-distress{background:var(--danger-soft);border-color:var(--danger)}.result-safe{background:var(--safe-soft);border-color:var(--safe)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-top{align-items:center;gap:.9rem;margin-bottom:1.25rem;display:flex}.result-icon{background:var(--surface);border-radius:12px;place-items:center;width:46px;height:46px;font-size:1.5rem;display:grid}.result-distress .result-icon{color:var(--danger)}.result-safe .result-icon{color:var(--safe)}.result-label{font-size:1.1rem;font-weight:700;display:block}.result-sub{color:var(--text-muted);margin-top:.15rem;font-size:.85rem;display:block}.meter-head{color:var(--text-muted);justify-content:space-between;margin-bottom:.4rem;font-size:.85rem;display:flex}.meter-track{background:var(--surface);border-radius:999px;height:10px;overflow:hidden}.meter-fill{border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.result-distress .meter-fill{background:var(--danger)}.result-safe .meter-fill{background:var(--safe)}.result-note{color:var(--text-muted);margin:1.1rem 0 0;font-size:.82rem;line-height:1.5}.footer{text-align:center;margin-top:1.5rem}.footer p{color:var(--text-muted);margin:0;font-size:.78rem}.tabs{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:.4rem;width:fit-content;margin-bottom:1.1rem;padding:.35rem;display:flex}.tab{color:var(--text-muted);background:0 0;border:none;border-radius:10px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:background-color .2s,color .2s}.tab:hover{color:var(--text)}.tab-active{background:var(--accent);color:#fff}.insights{flex-direction:column;gap:2.25rem;display:flex}.section-title{letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.05rem}.section-sub{color:var(--text-muted);margin:0 0 1.1rem;font-size:.85rem;line-height:1.5}.empty{color:var(--text-muted);text-align:center;border:1px dashed var(--border);border-radius:14px;padding:1.5rem;font-size:.9rem}.tiles{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.tile{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.15rem;padding:1rem;display:flex}.tile-accent{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface-2))}.tile-value{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.tile-label{font-size:.82rem;font-weight:600}.tile-note{color:var(--text-muted);font-size:.72rem}.viz-grid{grid-template-columns:1fr;align-items:start;gap:1.25rem;display:grid}.viz-card{background:var(--surface-2);border:1px solid var(--border);border-radius:16px;margin:0;padding:1.25rem}.viz-card figcaption{color:var(--text-muted);margin-bottom:.85rem;font-size:.8rem;font-weight:600}.cm{grid-template-columns:auto 1fr 1fr;align-items:stretch;gap:.4rem;display:grid}.cm-corner{grid-column:1}.cm-collabel,.cm-rowlabel{color:var(--text-muted);text-align:center;justify-content:center;align-items:center;font-size:.72rem;display:flex}.cm-rowlabel{writing-mode:horizontal-tb;max-width:66px;padding-right:.35rem}.cm-cell{border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-height:78px;padding:.85rem .5rem;display:flex}.cm-count{font-size:1.5rem;font-weight:700}.cm-role{color:var(--text-muted);font-size:.72rem;font-weight:600}.chart{position:relative}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-grid{stroke:var(--border);stroke-width:1px;opacity:.6}.chart-tick{fill:var(--text-muted);font-size:10px}.chart-axis-title{fill:var(--text-muted);font-size:11px}.chart-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-area{fill:color-mix(in srgb, var(--accent) 14%, transparent);stroke:none}.chart-end{fill:var(--accent)}.chart-crosshair{stroke:var(--text-muted);stroke-width:1px;stroke-dasharray:3 3;opacity:.7}.chart-hoverdot{fill:var(--accent);stroke:var(--surface);stroke-width:2px}.chart-tip{background:var(--surface);border:1px solid var(--border);pointer-events:none;border-radius:8px;padding:.3rem .6rem;font-size:.78rem;position:absolute;top:0;right:0}.waveform{width:100%;height:96px;display:block}.spectrogram{image-rendering:auto;border-radius:10px;width:100%;display:block}.viz-axis{color:var(--text-muted);justify-content:space-between;margin-top:.5rem;font-size:.72rem;display:flex}.viz-skeleton{background:var(--surface);height:120px;color:var(--text-muted);border-radius:10px;place-items:center;font-size:.85rem;display:grid}@media (width>=560px){.viz-grid{grid-template-columns:1fr 1fr}}