:root{--bg-base: #0b0f0e;--bg-surface: #101614;--bg-elevated: #141d1a;--bg-panel: #121a18;--bg-hover: #1a2521;--border-subtle: #1e2a26;--border-default: #263631;--border-strong: #33453f;--text-primary: #eaf2ef;--text-secondary: #a7b6b0;--text-tertiary: #6f807a;--text-muted: #4b5a55;--accent: #34e6bf;--accent-hover: #4ff0cd;--accent-dim: rgba(52, 230, 191, .14);--accent-glow: rgba(52, 230, 191, .3);--warn: #e0b34d;--bad: #f0776b;--good: #34e6bf;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow: 0 12px 40px rgba(0, 0, 0, .5);--t-fast: .14s ease;--t-normal: .24s cubic-bezier(.2, .7, .2, 1)}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(900px 500px at 50% -8%,rgba(52,230,191,.08),transparent 60%),var(--bg-base)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--text-tertiary)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,40px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);background:#0b0f0eb3}.brand{display:flex;align-items:center;gap:10px}.brand-name{font-weight:650;letter-spacing:-.01em;font-size:17px}.topbar-actions{display:flex;align-items:center;gap:4px}.link-btn{background:none;border:none;color:var(--text-secondary);font:inherit;font-size:13.5px;padding:7px 11px;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--t-fast),background var(--t-fast)}.link-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast)}.icon-btn:hover{color:var(--text-primary);border-color:var(--border-default)}#log-toggle.pulse{animation:pulse .9s ease}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent-glow);border-color:var(--accent)}to{box-shadow:0 0 0 10px transparent}}.main-content{flex:1 0 auto;width:100%;max-width:760px;margin:0 auto;padding:clamp(24px,5vw,56px) clamp(16px,4vw,32px) 48px}.hero{text-align:center;margin-bottom:28px}.hero h1{font-size:clamp(26px,5vw,38px);font-weight:720;letter-spacing:-.025em;line-height:1.1;margin:0 0 14px}.hero .sub{color:var(--text-secondary);font-size:clamp(15px,2.4vw,17px);max-width:560px;margin:0 auto 20px}.trust-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(52,230,191,.25);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:550;cursor:pointer;transition:all var(--t-fast)}.trust-badge:hover{background:#34e6bf33}.trust-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:clamp(20px,4vw,32px)}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);padding:clamp(28px,6vw,48px) 24px;text-align:center;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast);display:flex;flex-direction:column;align-items:center;gap:6px}.dropzone:hover,.dropzone:focus-visible,.dropzone.drag{border-color:var(--accent);background:var(--accent-dim);outline:none}.dz-icon{color:var(--accent);margin-bottom:6px}.dz-title{font-size:18px;font-weight:620;margin:0}.dz-sub{color:var(--text-tertiary);font-size:13px;margin:0 0 6px}.dz-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;justify-content:center}.sample-pill{margin-top:12px;background:none;border:none;color:var(--accent);font:inherit;font-size:13px;font-weight:550;cursor:pointer;text-decoration:underline;text-underline-offset:3px;opacity:.9}.sample-pill:hover{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm);padding:11px 20px;font:inherit;font-weight:600;font-size:14.5px;cursor:pointer;border:1px solid transparent;transition:all var(--t-fast);white-space:nowrap}.btn.small{padding:8px 14px;font-size:13px}.btn.primary{background:var(--accent);color:#04140f;box-shadow:0 4px 16px var(--accent-glow)}.btn.primary:hover{background:var(--accent-hover)}.btn.primary:disabled{opacity:.55;cursor:default;box-shadow:none}.btn.ghost{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-primary)}.btn.ghost:hover{border-color:var(--border-strong);background:var(--bg-hover)}.record-panel{text-align:center}.rec-indicator{display:inline-flex;align-items:center;gap:9px;font-weight:600;color:var(--bad);margin-bottom:20px}.rec-dot{width:11px;height:11px;border-radius:50%;background:var(--bad);animation:blink 1.1s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.level-meter{height:12px;background:var(--bg-surface);border-radius:999px;overflow:hidden;border:1px solid var(--border-subtle);margin-bottom:16px}.level-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width 80ms linear}.rec-time{font-family:var(--font-mono);font-size:34px;font-weight:600;letter-spacing:.02em}.rec-hint{color:var(--text-tertiary);font-size:13px;margin:6px 0 22px}.rec-actions{display:flex;gap:12px;justify-content:center}.progress-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;font-weight:600}.progress-track{height:10px;background:var(--bg-surface);border-radius:999px;overflow:hidden;border:1px solid var(--border-subtle)}.progress-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .2s ease;box-shadow:0 0 12px var(--accent-glow)}.progress-sub{color:var(--text-tertiary);font-size:13px;margin:12px 0 18px}.result-headline{display:flex;align-items:center;gap:18px;margin-bottom:22px}.big-stat{font-size:clamp(44px,11vw,72px);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--accent);display:flex;align-items:baseline;gap:4px}.big-stat .unit{font-size:.42em;font-weight:650;color:var(--text-secondary)}.big-stat-label{font-size:15px;color:var(--text-secondary);line-height:1.35}.big-stat-label .muted{font-family:var(--font-mono);font-size:12.5px}.wave-block{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}.wave-row{display:flex;align-items:stretch;gap:12px}.play-btn{flex:0 0 auto;width:46px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.play-btn:hover{border-color:var(--border-strong);background:var(--bg-hover)}.play-btn.accent{color:var(--accent)}.play-btn.playing{border-color:var(--accent);background:var(--accent-dim)}.wave-wrap{position:relative;flex:1 1 auto;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden;min-height:72px}.wave{display:block;width:100%;height:72px}.wave-tag{position:absolute;top:6px;left:10px;font-size:10.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.wave-tag.accent{color:var(--accent)}.strength{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin-bottom:20px;flex-wrap:wrap}.strength label{font-weight:600;font-size:14px;flex:0 0 auto}.strength input[type=range]{flex:1 1 160px;accent-color:var(--accent);height:4px}.strength output{flex:0 0 auto;min-width:48px;text-align:right;color:var(--accent);font-weight:600}.output-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.output-bar .btn.primary{flex:1 1 auto}.format-toggle{display:inline-flex;border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden;flex:0 0 auto}.fmt{background:var(--bg-surface);border:none;color:var(--text-secondary);font:inherit;font-weight:600;font-size:13px;padding:10px 16px;cursor:pointer;transition:all var(--t-fast)}.fmt.active{background:var(--accent-dim);color:var(--accent)}.secondary-actions{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);font:inherit;font-size:13px;font-weight:550;padding:8px 14px;border-radius:999px;cursor:pointer;transition:all var(--t-fast)}.chip:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-hover)}.error-box{background:#f0776b14;border:1px solid rgba(240,119,107,.3);border-radius:var(--radius-lg);padding:24px;text-align:center}.error-box p{color:var(--bad);margin:0 0 16px}.site-footer{flex-shrink:0;border-top:1px solid var(--border-subtle);padding:20px 24px;text-align:center}.footer-inner{color:var(--text-tertiary);font-size:13px}.site-footer a{color:var(--text-secondary);text-decoration:none;border-bottom:1px solid var(--border-default)}.site-footer a:hover{color:var(--accent);border-color:var(--accent)}.event-drawer{position:fixed;top:0;right:0;bottom:0;width:min(380px,90vw);background:var(--bg-elevated);border-left:1px solid var(--border-default);box-shadow:var(--shadow);z-index:40;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--t-normal)}.event-drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-subtle);font-weight:620}.event-list{flex:1 1 auto;overflow-y:auto;padding:12px 16px;font-family:var(--font-mono);font-size:12.5px}.event-row{display:flex;gap:10px;padding:4px 0;line-height:1.4}.event-time{color:var(--text-muted);flex:0 0 auto}.event-good .event-text{color:var(--good)}.event-warn .event-text{color:var(--warn)}.event-bad .event-text{color:var(--bad)}.event-info .event-text{color:var(--text-secondary)}.drawer-foot{padding:12px 18px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:12px;margin:0}.modal-host{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.modal{position:relative;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:min(560px,100%);max-height:86vh;display:flex;flex-direction:column;transform:translateY(10px);opacity:0;transition:transform var(--t-normal),opacity var(--t-normal)}.modal-host.open .modal{transform:translateY(0);opacity:1}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-subtle)}.modal-head h2{margin:0;font-size:19px;font-weight:650}.modal-body{padding:20px;overflow-y:auto}.modal-body h3{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin:20px 0 8px}.modal-body h3:first-child{margin-top:0}.modal-body p,.modal-body li{color:var(--text-secondary);font-size:14.5px}.modal-body a{color:var(--accent)}.modal-body ul,.modal-body ol{padding-left:20px;margin:8px 0}.modal-body li{margin-bottom:7px}.steps li strong{color:var(--text-primary)}.fine{font-size:12.5px;color:var(--text-tertiary);border-top:1px solid var(--border-subtle);padding-top:12px;margin-top:16px}.glossary-link{color:var(--accent);border-bottom:1px dotted var(--accent);cursor:help}.glossary-tooltip{position:absolute;z-index:80;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px;font-size:12.5px;line-height:1.45;color:var(--text-secondary);box-shadow:var(--shadow)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(12px);background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-primary);padding:11px 18px;border-radius:999px;font-size:13.5px;font-weight:550;box-shadow:var(--shadow);opacity:0;transition:all var(--t-normal);z-index:90}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:520px){.topbar-actions .link-btn{padding:7px 8px;font-size:12.5px}.result-headline{flex-direction:column;align-items:flex-start;gap:8px}.output-bar .btn.primary{width:100%}}