:root{--bg:#f4f6f8;--card:#fff;--text:#1b2430;--muted:#536171;--border:#d3dae2;--primary:#1f4e79;--primary-hover:#173b5c;--rec:#c4161c;--rec-soft:#fdecec;--pause:#8a5a00;--pause-soft:#fff4dc;--ok:#1d6b35;--warn-soft:#fff4dc;--error:#a4161a;--focus:#ffbf47;--radius:10px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#12171d;--card:#1b232c;--text:#e8edf2;--muted:#a7b3c0;--border:#33404d;--primary:#4d8fd1;--primary-hover:#6aa5df;--rec:#ff5a5f;--rec-soft:#3a1c1e;--pause:#f2b84b;--pause-soft:#3a2f17;--ok:#63c27f;--warn-soft:#3a2f17;--error:#ff7b7f}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.shell{flex-direction:column;max-width:760px;min-height:100vh;margin:0 auto;padding:0 16px 32px;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.topbar h1{margin:0;font-size:1.3rem}.account{color:var(--muted);align-items:center;gap:8px;min-width:0;display:flex}.account span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main{flex-direction:column;flex:1;gap:16px;display:flex}.footer{color:var(--muted);margin-top:24px;font-size:.85rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card h2{margin-top:0;font-size:1.25rem}.hint{color:var(--muted);margin:4px 0 8px;font-size:.9rem}.field{margin-bottom:16px}label{font-weight:600;display:block}input[type=text]{width:100%;font:inherit;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;margin-top:4px;padding:10px 12px}fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:0 0 20px;padding:12px 16px 16px}legend{padding:0 4px;font-weight:600}.attendee-list{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.attendee-row{grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;display:grid}.attendee-row label{font-weight:400}.attendee-row input{margin-top:0}button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 16px}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button.primary{background:var(--primary);color:#fff}button.primary:hover:not(:disabled){background:var(--primary-hover)}button.secondary{color:var(--primary);border-color:var(--primary);background:0 0}button.link{color:var(--primary);background:0 0;border:none;padding:4px;text-decoration:underline}button.small{padding:6px 10px;font-size:.9rem}button.big{min-height:60px;padding:16px 24px;font-size:1.15rem;font-weight:700}button.start{width:100%}.actions,.dialog-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.dialog-actions{justify-content:flex-end}.error{border-left:4px solid var(--error);background:var(--rec-soft);border-radius:4px;margin-bottom:16px;padding:8px 12px}.error p{margin:0 0 8px}.error-text{color:var(--error);font-weight:600}.warning{border-left:4px solid var(--pause);background:var(--warn-soft);border-radius:4px;padding:8px 12px}dialog.consent{border-radius:var(--radius);background:var(--card);width:calc(100% - 32px);max-width:620px;color:var(--text);border:none;padding:24px}dialog.consent::backdrop{background:#0a1018a6}dialog.consent blockquote{border-left:4px solid var(--primary);background:var(--bg);margin:8px 0 12px;padding:8px 12px}.recording-panel{text-align:center;border-width:3px}.recording-panel.is-recording{border-color:var(--rec);background:var(--rec-soft)}.recording-panel.is-paused{border-color:var(--pause);background:var(--pause-soft)}.rec-indicator{justify-content:center;align-items:center;gap:12px;display:flex}.rec-indicator h2{margin:0;font-size:1.6rem}.rec-dot{background:var(--rec);width:22px;height:22px;box-shadow:0 0 0 0 var(--rec);border-radius:50%;animation:1.4s infinite pulse}.is-paused .rec-dot,.is-stopping .rec-dot{background:var(--pause);animation:none}@keyframes pulse{0%{box-shadow:0 0 #c4161c99}70%{box-shadow:0 0 0 14px #c4161c00}to{box-shadow:0 0 #c4161c00}}@media (prefers-reduced-motion:reduce){.rec-dot{animation:none}}.ai-note{margin:8px 0 0;font-weight:600}.timer{font-variant-numeric:tabular-nums;margin:8px 0;font-size:3.2rem;font-weight:700}.rec-title{color:var(--muted);overflow-wrap:anywhere;margin:0 0 8px}.rec-controls{flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0;display:flex}.rec-controls button{flex:200px}button.pause,button.resume{background:var(--card);color:var(--text);border:2px solid var(--text)}button.stop{background:var(--rec);color:#fff}.upload-status{color:var(--muted);margin:8px 0 0;font-size:.9rem}.upload-status.tone-warn{color:var(--text);background:var(--warn-soft);border-radius:6px;padding:6px 10px}.steps{padding-left:1.4rem}.steps li{margin:4px 0}.steps li.done{color:var(--ok)}.steps li.done::marker{content:"✓  "}.steps li.current{font-weight:700}.steps li.todo{color:var(--muted)}.pending{border-left:6px solid var(--pause)}.pending-item+.pending-item{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=560px){.attendee-row{grid-template-columns:1fr}.timer{font-size:2.6rem}}