:root{--purple:#5e17eb;--red:#ff3131;--lilac:#c4a0fb;--bg:#0f172a;--card:#1e293b;--base:#020617;--line:#24324a;--tx:#f1f5f9;--mut:#94a3b8;--faint:#475569}*{box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--tx);max-width:680px;margin:0 auto;padding:3rem 1.25rem;line-height:1.55}h1{font-family:Playfair Display,serif;font-weight:700;font-size:2.2rem;margin:0 0 .25rem;display:flex;align-items:center;gap:.6rem}h1 .title-icon{color:var(--purple);width:2rem;height:2rem;flex:0 0 auto}.sub{color:var(--mut);margin:0 0 2rem}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.5rem}input[type=file]{color:var(--mut);width:100%;margin-bottom:1rem;font-family:inherit}input[type=file]::file-selector-button{font-family:inherit;background:var(--bg);color:var(--tx);border:1px solid var(--faint);border-radius:8px;padding:.5rem .9rem;margin-right:.8rem;cursor:pointer}button{font-family:inherit;font-weight:600;font-size:1rem;padding:.65rem 1.3rem;border-radius:8px;border:none;cursor:pointer;margin-right:.5rem;transition:background .15s}#go{background:var(--purple);color:#fff}#go:hover{background:#6d28f0}#stop{background:var(--red);color:#fff}#stop:hover{background:#e02020}#s{margin-top:1.1rem;color:var(--mut);font-size:.95rem;min-height:1.2em}#bar{height:8px;background:var(--bg);border:1px solid var(--line);border-radius:5px;overflow:hidden;margin-top:1rem}#fill{height:100%;width:0;background:var(--purple);transition:width .2s}#bar.ind{position:relative}#bar.ind #fill{width:35%;position:absolute;background:linear-gradient(90deg,var(--purple),var(--lilac));animation:sl 1.1s ease-in-out infinite}@keyframes sl{0%{left:-35%}to{left:100%}}#o{white-space:pre-wrap;background:var(--base);border:1px solid var(--line);color:var(--tx);padding:1.1rem;border-radius:10px;margin-top:1.25rem;line-height:1.7}.err{background:#ff313114;border:1px solid var(--red);color:#fecaca;padding:1rem 1.15rem;border-radius:10px;margin-top:1.25rem;line-height:1.6;font-weight:500}.panel{display:flex;flex-direction:column}.panel.solo{width:100%}.panel-hint{color:var(--mut);font-size:.88rem;line-height:1.5;margin:0 0 1.1rem}.panel-action{margin-top:auto}.panel-action .rec,.panel-action #go{width:100%;justify-content:center;margin:0}.panel-action input[type=file]{margin-bottom:.9rem}.rec{display:inline-flex;align-items:center;gap:.5rem;background:var(--purple);color:#fff}.rec:hover:not(:disabled){background:#6d28f0}.rec.recording{background:var(--red)}.rec.recording:hover{background:#e02020}button:disabled{opacity:.45;cursor:not-allowed}.recstat{margin-top:.9rem;color:var(--mut);font-size:.92rem}.micnow{margin-top:.25rem;font-size:.82rem;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.microw{display:block;margin-bottom:.9rem}.miclabel{display:block;font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--faint);margin-bottom:.35rem}.micsel{width:100%;font-family:inherit;font-size:.92rem;color:var(--tx);background:var(--bg);border:1px solid var(--faint);border-radius:8px;padding:.55rem .7rem;cursor:pointer}.micsel:hover:not(:disabled){border-color:var(--purple)}.micsel:disabled{opacity:.45;cursor:not-allowed}.recdot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;background:var(--red);margin-right:.45rem;vertical-align:middle;animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:.25}}.alarm{display:flex;gap:.9rem;align-items:flex-start;background:var(--red);color:#fff;border:2px solid #fff3;border-radius:14px;padding:1.1rem 1.25rem;margin-bottom:1.25rem;box-shadow:0 0 0 4px #ff313140,0 10px 30px #ff313159;animation:alarmpulse 1.1s ease-in-out 8}@keyframes alarmpulse{50%{box-shadow:0 0 0 12px #ff31311a,0 10px 30px #ff313173}}.alarm-mark{flex:0 0 auto;width:2rem;height:2rem;border-radius:50%;background:#fff;color:var(--red);font-weight:800;font-size:1.35rem;line-height:2rem;text-align:center}.alarm-body{min-width:0}.alarm-title{font-weight:800;font-size:1.15rem;letter-spacing:.01em;line-height:1.3}.alarm-sub{font-size:.88rem;line-height:1.5;margin-top:.3rem;color:#ffe4e4}.resumebar{background:#5e17eb24;border:2px solid var(--purple);border-radius:14px;padding:1.1rem 1.25rem;margin-bottom:1.25rem}.resume-title{font-weight:800;font-size:1.05rem;margin-bottom:.3rem}.resume-sub{color:var(--mut);font-size:.9rem;line-height:1.55}.resume-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.9rem}.resume-actions .rec{width:auto;margin:0}.netbar{background:#5e17eb1f;border:1px solid var(--purple);color:#ddd6fe;padding:.85rem 1.1rem;border-radius:12px;margin-bottom:1.25rem;font-size:.92rem;line-height:1.5}.warnbar{background:#f59e0b1f;border:1px solid #f59e0b;color:#fde68a;padding:.85rem 1.1rem;border-radius:12px;margin-bottom:1.25rem;font-size:.92rem;line-height:1.5}.wave{display:block;width:100%;height:44px;margin-top:.55rem;background:var(--base);border:1px solid var(--line);border-radius:8px;transition:border-color .2s,box-shadow .2s}.wave.faint{border-color:#f59e0b}.wave.dead{border-color:var(--red);box-shadow:0 0 0 3px #ff31312e}.jobstat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.25rem;margin-top:1rem}.jobstat #s{margin-top:0}.jobstat #bar{margin-top:.8rem}.jobstat #stop{margin-top:1rem}.nav{display:flex;gap:.25rem;margin-bottom:1.75rem}.nav a{color:var(--mut);text-decoration:none;font-weight:600;font-size:.95rem;padding:.4rem .85rem;border-radius:8px;transition:background .15s,color .15s}.nav a:hover{color:var(--tx);background:var(--card)}.nav a.active{color:#fff;background:var(--purple)}.navdot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--red);margin-right:.4rem;vertical-align:middle;animation:blink 1s step-start infinite}.nav a.alarming{background:var(--red);color:#fff;animation:alarmpulse 1.1s ease-in-out 8}.jobs{list-style:none;margin:0;padding:0}.jobs li{display:flex;align-items:center;gap:.75rem;padding:.65rem .4rem;border-bottom:1px solid var(--line);cursor:pointer;transition:background .12s}.jobs li:last-child{border-bottom:none}.jobs li:hover,.jobs li.sel{background:var(--bg)}.jname{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jdate{color:var(--mut);font-size:.85rem;white-space:nowrap}.mini{background:var(--bg);color:var(--tx);border:1px solid var(--faint);border-radius:7px;padding:.32rem .55rem;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;margin:0}.mini:hover{border-color:var(--purple);color:var(--lilac)}.mini.danger:hover{border-color:var(--red);color:#fca5a5}.mini:disabled{opacity:.5;cursor:not-allowed}.playerwrap{margin-top:1.1rem}.player{width:100%;display:block}.segnote{color:var(--mut);font-size:.82rem;margin-top:.4rem}.tpanel{margin-top:1.25rem}.tpanel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.tpanel-actions{display:flex;gap:.5rem;flex-shrink:0}.tpanel #o{margin-top:.5rem}