:root{color-scheme:dark;--bg: #0f172a;--panel: #1e293b;--accent: #38bdf8;--danger: #f87171;--text: #e2e8f0;--muted: #94a3b8}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}#app{min-height:100dvh;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:12px;text-align:center}.hidden{display:none!important}h1{font-size:1.5rem;margin:0 0 4px}h2{font-size:1.1rem;margin:0 0 8px}.muted{color:var(--muted)}.small{font-size:.85rem}input[type=password],input[type=text],input[type=email]{width:100%;max-width:320px;padding:12px 14px;border-radius:10px;border:1px solid #334155;background:var(--panel);color:var(--text);font-size:1rem}button{font-size:1rem;border:none;border-radius:10px;padding:12px 20px;cursor:pointer}button.primary{background:var(--accent);color:#0f172a;font-weight:600;width:100%;max-width:320px}.error{color:var(--danger)}#main-screen{height:100dvh}#main-screen header{padding:16px;text-align:center;border-bottom:1px solid #1e293b}#main-screen main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px}.record-btn{width:200px;height:200px;border-radius:50%;background:var(--danger);color:#fff;font-size:1.1rem;font-weight:700;box-shadow:0 0 0 8px #f8717126}.record-btn:active{transform:scale(.97)}#recording-view{display:flex;flex-direction:column;align-items:center;gap:12px}#elapsed{font-size:2.5rem;font-variant-numeric:tabular-nums;font-weight:700}.rec-dot{width:14px;height:14px;border-radius:50%;background:var(--danger);animation:pulse 1.4s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.stop-btn{background:var(--panel);color:var(--text);border:1px solid var(--danger);padding:14px 28px;font-weight:600}#finish-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;text-align:left}.field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--muted)}.engine-row{border:1px solid #334155;border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.engine-row legend{padding:0 6px;color:var(--muted);font-size:.85rem}.note{color:var(--muted);font-size:.8rem;margin:0}.spinner{width:40px;height:40px;border-radius:50%;border:4px solid #334155;border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#done-view,#error-view{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:340px}