:root{--ivory: #f6f4ef;--ivory-2: #efece4;--charcoal: #1f1f1f;--charcoal-60: #5c5c5c;--charcoal-30: #a8a5a0;--gold: #8a6d1f;--gold-soft: #d9cba4;--line: #e2ddd2;--danger: #8c2f24;--ok: #2f5d3a;--radius: 10px;--gutter: 16px;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", "Noto Naskh Arabic", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--ivory);color:var(--charcoal);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%}html[dir=rtl] body{font-family:Noto Naskh Arabic,Inter,system-ui,sans-serif}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:.01em;margin:0 0 .5rem}h1{font-size:1.6rem}h2{font-size:1.25rem}a{color:var(--gold);text-decoration:none}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:12px var(--gutter);border-bottom:1px solid var(--line);background:var(--ivory);position:sticky;top:0;z-index:10}.brand{font-family:var(--font-display);font-size:1.1rem;color:var(--charcoal);white-space:nowrap}.brand span{color:var(--gold)}.topbar nav{display:flex;gap:14px;overflow-x:auto;flex:1}.topbar nav a{color:var(--charcoal-60);font-size:.92rem;white-space:nowrap;padding:4px 0}.topbar nav a.active{color:var(--charcoal);border-bottom:2px solid var(--gold)}.page{flex:1;width:100%;max-width:900px;margin:0 auto;padding:20px var(--gutter) 64px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.spread{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.muted{color:var(--charcoal-60);font-size:.9rem}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px}label{display:block;font-size:.85rem;color:var(--charcoal-60);margin-bottom:4px}input,select,textarea{width:100%;font:inherit;font-size:16px;color:var(--charcoal);background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-height:44px}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold-soft);border-color:var(--gold)}.field{margin-bottom:12px;flex:1 1 220px}button{font:inherit;font-weight:500;border-radius:8px;border:1px solid var(--charcoal);background:var(--charcoal);color:var(--ivory);padding:10px 16px;cursor:pointer;min-height:44px}button.secondary{background:transparent;color:var(--charcoal);border-color:var(--line)}button.gold{background:var(--gold);border-color:var(--gold);color:#fff}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}button.link{background:none;border:none;color:var(--gold);padding:0;min-height:0;text-decoration:underline}.chip{display:inline-block;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:var(--ivory-2);color:var(--charcoal-60);white-space:nowrap}.chip.live{background:var(--danger);border-color:var(--danger);color:#fff}.chip.work{background:var(--gold-soft);border-color:var(--gold-soft);color:#4a3c12}.chip.done{background:#dfe7e0;border-color:#c7d5c9;color:var(--ok)}.chip.fail{background:#f2dedb;border-color:#e2c3bf;color:var(--danger)}.banner{border:1px solid var(--line);border-inline-start:4px solid var(--gold);background:#fff;border-radius:var(--radius);padding:12px 14px;margin-bottom:14px}.banner.error{border-inline-start-color:var(--danger);color:var(--danger)}.list{list-style:none;margin:0;padding:0}.list li{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:12px 14px;margin-bottom:10px}.list a.title{color:var(--charcoal);font-family:var(--font-display);font-size:1.05rem}.elapsed{font-family:var(--font-display);font-size:3rem;font-variant-numeric:tabular-nums;text-align:center;margin:8px 0;direction:ltr}.pulse{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--danger);margin-inline-end:8px;animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.mic-check{display:flex;flex-direction:column;gap:10px}.mic-meter{width:100%;height:10px;border-radius:999px;background:var(--ivory-2);border:1px solid var(--line);overflow:hidden}.mic-meter-fill{height:100%;background:var(--gold);border-radius:999px;transition:width .1s linear;min-width:2px}.mic-picker{margin-bottom:0}.segment{display:grid;grid-template-columns:64px 1fr;gap:10px;padding:10px 8px;border-radius:8px;border-bottom:1px solid var(--line);cursor:pointer}.segment:hover{background:var(--ivory-2)}.segment.active{background:#fff;box-shadow:inset 3px 0 0 var(--gold)}.segment .time{color:var(--charcoal-30);font-size:.8rem;font-variant-numeric:tabular-nums;direction:ltr;text-align:start}.segment .speaker{font-size:.8rem;color:var(--gold);font-weight:600;margin-bottom:2px}.segment textarea{min-height:72px;resize:vertical}.word{cursor:pointer;border-radius:2px}.word:hover{background:var(--ivory-2)}.word-low{border-bottom:1px dotted var(--gold)}.word-verylow{border-bottom:2px dotted var(--danger);background:#8c2f2414}.check-marker{color:var(--danger);margin-inline-start:4px;font-size:.7rem}.audio-bar{position:sticky;bottom:0;background:var(--ivory);border-top:1px solid var(--line);padding:10px var(--gutter);margin:0 calc(-1 * var(--gutter))}.audio-bar audio{width:100%}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1f1f73;display:flex;align-items:center;justify-content:center;padding:var(--gutter);z-index:50}.dialog{background:var(--ivory);border-radius:var(--radius);padding:18px;width:100%;max-width:420px;max-height:85vh;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:start;padding:8px 6px;border-bottom:1px solid var(--line);font-size:.92rem}@media (max-width: 560px){h1{font-size:1.35rem}.elapsed{font-size:2.4rem}.segment{grid-template-columns:52px 1fr}}input[type=checkbox],input[type=radio]{width:18px;min-width:18px;height:18px;min-height:18px;margin:0;flex:0 0 auto;accent-color:#8a6d1f}label.row:has(>input[type=checkbox]){display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}