:root{--bg:#f7f8fc;--card:#ffffff;--ink:#0f172a;--muted:#64748b;--ring:#e2e8f0;--accent:#4f46e5;--accent-weak:#eef2ff;--accent-ring:#dbe3ff;--warn-bg:#fff4f2;--warn-border:#ffd8d2;--warn-ink:#9b1c10}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial}.container{max-width:1200px;margin:0 auto;padding:24px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.nav{display:flex;gap:20px;margin:6px 0 14px}.nav a{color:var(--muted);text-decoration:none;padding-bottom:6px}.nav a.active{color:var(--ink);border-bottom:2px solid var(--ink)}.h1{font-size:28px;font-weight:700;margin:10px 0 6px}.subtle{color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:8px 0 12px}.section-title{font-weight:600;margin:0 0 8px}.card{background:var(--card);border:1px solid var(--ring);border-radius:14px;padding:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.btns{display:flex;gap:8px}.btn{background:var(--card);border:1px solid var(--ring);padding:6px 12px;border-radius:999px;cursor:pointer}.btn[disabled]{background:var(--accent-weak);border-color:var(--accent-ring);color:#1f2a69;cursor:default}.btn-ghost{background:transparent}.table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:12px;border:1px solid var(--ring)}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--ring);text-align:left}.table thead th{background:#f8fafc;font-weight:600}.table tbody tr:nth-child(2n){background:#fbfdff}.table tbody tr:hover{background:#f3f6ff}.badge{margin-left:8px;font-size:12px;padding:2px 8px;background:var(--accent-weak);border:1px solid var(--accent-ring);color:#2b4acb;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-align:center}.taglist-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.search,.input{border:1px solid var(--ring);border-radius:10px;padding:8px 10px}.search{min-width:260px}.input{width:100%}.transcript{border:1px solid var(--ring);border-radius:14px;padding:12px;max-height:520px;overflow:auto;background:var(--card)}.utter{margin-bottom:8px}.utter .who{color:var(--muted);font-weight:600;margin-right:6px}mark{background:#fff3a3;padding:0 2px;border-radius:3px}.alert-warn{margin:12px 0;background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-ink);padding:10px;border-radius:8px}.dropzone{border:2px dashed var(--ring);background:#fafcff;border-radius:14px;padding:18px;text-align:center;color:var(--muted)}.dropzone.drag{background:#f0f6ff;border-color:#bfd4ff}.dropzone input{display:none}