:root{--border:#ccc;--border-strong:#888;--text:#111;--muted:#555;--bg:#fff;--bg-subtle:#f4f4f4;--accent:#1a1a1a;--error-bg:#fdecea;--error-border:#c0392b;--error-text:#7c2419;--success-bg:#eafaf0;--success-border:#1e8449;--success-text:#145a32;--focus:#0b5fff}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.4}main{max-width:640px;margin:0 auto;padding:24px 16px 80px}h1{font-size:1.5rem;margin:0 0 4px}h2{font-size:1.1rem;margin:24px 0 8px}p.subtitle{color:var(--muted);margin:0 0 24px}.progress{display:flex;gap:8px;align-items:center;margin-bottom:20px;font-size:.85rem;color:var(--muted)}.progress-step{border:1px solid var(--border);border-radius:999px;padding:4px 12px}.progress-step.active{border-color:var(--accent);color:var(--accent);font-weight:600}fieldset{border:1px solid var(--border);border-radius:6px;padding:16px;margin:0 0 20px}legend{padding:0 6px}label,legend{font-weight:600}label{display:block;margin-bottom:4px}input[type=text],textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:4px;font-size:1rem;font-family:inherit}textarea{resize:vertical}[tabindex]:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button{font-family:inherit;font-size:.95rem;padding:8px 14px;border-radius:4px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}button.secondary{background:#fff;color:var(--accent)}button.danger{background:#fff;color:var(--error-border);border-color:var(--error-border)}button:disabled{opacity:.5;cursor:not-allowed}button+button{margin-left:8px}.statement-block{border:1px solid var(--border);border-radius:6px;padding:12px;margin-bottom:12px}.statement-block.complete{border-color:var(--success-border);background:var(--success-bg)}.statement-text{margin:0 0 8px}.status-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.badge{font-size:.8rem;padding:2px 8px;border-radius:999px;border:1px solid var(--border-strong);color:var(--muted)}.badge.recording{border-color:var(--error-border);color:var(--error-text);background:var(--error-bg)}.badge.done{border-color:var(--success-border);color:var(--success-text);background:var(--success-bg)}.file-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--bg-subtle);flex-wrap:wrap}.file-row .file-name{font-weight:600}.file-row .file-meta{color:var(--muted);font-size:.85rem}.error-banner{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);border-radius:6px}.error-banner,.success-banner{padding:10px 14px;margin:12px 0}.success-banner{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);border-radius:6px}.char-counter{font-size:.8rem;color:var(--muted);text-align:right}.char-counter.over{color:var(--error-text);font-weight:600}.statement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:4px;gap:4px}.list-statement{display:grid;grid-template-columns:30px minmax(0,1fr) 26px 26px 26px;align-items:center;grid-gap:4px;gap:4px;border:1px solid var(--border);border-radius:4px;padding:4px 6px;margin-bottom:0;cursor:pointer;background:#fff;font-size:.85rem}.list-statement.selected{border-color:var(--accent);background:var(--bg-subtle)}.list-statement .text-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.list-statement .row-controls{display:contents}.icon-btn{padding:2px 4px;font-size:.8rem;line-height:1.4;border-radius:3px;width:100%}.icon-btn.play-btn{background:#1e8449;border-color:#1e8449}.icon-btn.stop-btn{background:#b9770e;border-color:#b9770e}.icon-btn.delete-btn{background:#fff;color:#c0392b;border-color:#c0392b;font-weight:700}.actions-row{margin-top:24px;display:flex;gap:8px}.voice-banner{background:var(--bg-subtle);border:1px solid var(--border);border-radius:6px;padding:10px 14px;margin-bottom:20px;font-size:.9rem}