:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#mic-circle{background-color:#90ee90;height:auto;width:auto;padding:1em;border-radius:100%}#recording-screen{width:100vw;min-height:100vh;background-color:#f4f6f8;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;box-sizing:border-box}#status-panel{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:32px;width:100%;max-width:480px;display:flex;flex-direction:column;gap:20px}#status-panel h2{margin:0;font-size:1.4rem;color:#1a1a1a;text-align:center}#mic-row{display:flex;flex-direction:column;align-items:center;gap:10px}.listen-label{font-size:.9rem;color:#888}.listen-label.active{color:#e53935;font-weight:600}#transcript-box{background:#f0f4ff;border-radius:8px;padding:10px 14px;font-size:.9rem;color:#333;min-height:36px}#transcript-box .label{font-weight:600;margin-right:6px}.badge{border-radius:8px;padding:10px 14px;font-size:.9rem;font-weight:600;text-align:center}.badge-recording{background:#fdecea;color:#c62828}.badge-error{background:#fff3e0;color:#e65100}.badge-submitting{background:#e8f5e9;color:#2e7d32}.badge-warn{background:#fff8e1;color:#f57f17}#recordings-status{display:flex;flex-direction:column;gap:8px}.recording-item{padding:10px 14px;border-radius:8px;background:#f5f5f5;font-size:.9rem;color:#666}.recording-item.done{background:#e8f5e9;color:#2e7d32;font-weight:600}#commands-hint{font-size:.8rem;color:#999;border-top:1px solid #eee;padding-top:12px}#commands-hint ul{margin:6px 0 0;padding-left:18px}#commands-hint li{margin-bottom:2px}#results-panel{display:flex;flex-direction:column;gap:10px;border-top:1px solid #eee;padding-top:16px}.result-status{font-size:1.1rem;font-weight:700;text-align:center;padding:10px;border-radius:8px}.result-status.anomaly{background:#fdecea;color:#c62828}.result-status.normal{background:#e8f5e9;color:#2e7d32}.result-row{display:flex;justify-content:space-between;font-size:.9rem;color:#444;gap:12px}.result-row span{color:#888}.transcript-row{flex-direction:column;gap:4px}.transcript-row em{font-style:normal;color:#333;line-height:1.5}.dev-toggle{background:none;border:1px solid #ddd;border-radius:6px;padding:6px 12px;font-size:.8rem;color:#999;cursor:pointer;align-self:flex-start}.dev-toggle:hover{background:#f5f5f5}#dev-panel{display:flex;flex-direction:column;gap:12px}.dev-section strong{font-size:.8rem;color:#888;display:block;margin-bottom:4px}.dev-section pre{background:#f5f5f5;border-radius:6px;padding:10px;font-size:.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0;color:#333}#manual-controls{display:flex;flex-direction:column;gap:10px;border-top:1px solid #eee;padding-top:12px}.manual-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.manual-label{font-size:.9rem;color:#555;flex:1}.btn-start,.btn-stop,.btn-submit{border:none;border-radius:8px;padding:8px 18px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-start:disabled,.btn-submit:disabled{opacity:.4;cursor:not-allowed}.btn-start{background:#e3f2fd;color:#1565c0}.btn-start:hover:not(:disabled){background:#bbdefb}.btn-stop{background:#fdecea;color:#c62828}.btn-stop:hover{background:#ffcdd2}.btn-submit{background:#1a73e8;color:#fff;width:100%;padding:12px;font-size:1rem;margin-top:4px}.btn-submit:hover:not(:disabled){background:#1558b0}.recorder-status{font-size:.75rem;color:#aaa;text-align:center}.recorder-status code{background:#f0f0f0;border-radius:4px;padding:1px 5px;font-size:.72rem;color:#666}