:root{--paper: #f8f6fa;--card: #ffffff;--ink: #221d2b;--soft: #5f5870;--faint: #968fa4;--line: #e4dfea;--accent: #6d4a96;--accent-soft: #f4eefb;--accent-deep: #4b3269;--brand-text: #ffffff;--tab-on: #c9b0e8;--arch: 22px;--tap: 48px;--rec: #b3364b;--green: #2f6f4f;--warn: #9a5b12;--warn-soft: #fdf3e2;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overflow:hidden;overscroll-behavior:none}#root{position:fixed;top:0;right:0;bottom:0;left:0;max-width:520px;margin:0 auto;display:flex;flex-direction:column}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-bottom:env(safe-area-inset-bottom)}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}input,textarea,select{font:inherit;color:inherit;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card)}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.topbar{display:flex;flex-shrink:0;align-items:center;justify-content:center;position:relative;z-index:2;padding:calc(env(safe-area-inset-top) + 12px) 16px 20px;background:var(--accent-deep);color:var(--brand-text);border-radius:0 0 50% 50% / 0 0 var(--arch) var(--arch)}.topbar h1{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:.01em}.topbar h1 b{color:var(--tab-on);font-weight:700}.content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-top:calc(-1 * var(--arch));padding-top:var(--arch);padding-bottom:var(--arch)}.wrap{max-width:640px;margin:0 auto;padding:0 16px 16px}.tabbar{flex-shrink:0;display:flex;align-items:flex-end;justify-content:space-around;gap:4px;padding:8px 10px calc(env(safe-area-inset-bottom) + 8px);background:var(--accent-deep);border-radius:50% 50% 0 0 / var(--arch) var(--arch) 0 0}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;font-size:11.5px;font-weight:600;color:color-mix(in srgb,var(--brand-text) 68%,transparent)}.tabbar button.on{color:var(--tab-on)}.tabbar .circle{display:grid;place-items:center;width:54px;height:54px;margin-top:-22px;border-radius:50%;background:var(--card);color:var(--accent-deep);box-shadow:0 3px 10px #1c0c3047;font-size:22px}.tabbar .circle.live{background:var(--rec);color:#fff}.meter{height:6px;border-radius:3px;background:var(--line);overflow:hidden;margin:10px 0 4px}.meter i{display:block;height:100%;width:0;background:var(--accent);transition:width .08s linear}.timer{font-variant-numeric:tabular-nums;font-size:30px;font-weight:650;letter-spacing:.01em}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--rec);margin-right:8px;vertical-align:1px}.dot.paused{background:var(--warn)}.lines{margin-top:6px}.line{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}.line .at{flex:none;font-variant-numeric:tabular-nums;font-size:12px;color:var(--faint);padding-top:3px}.line.draft .say{color:var(--soft);font-style:italic}.line.mark{color:var(--accent);font-weight:650}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:12px}.row{display:flex;gap:8px;align-items:center}.grow{flex:1;min-width:0}.btn{padding:10px 16px;border-radius:999px;background:var(--accent);color:#fff;font-weight:650;min-height:var(--tap)}.btn.ghost{background:var(--accent-soft);color:var(--accent);border:1px solid #ddcaf0}.btn.wide{width:100%;justify-content:center}.btn[disabled]{opacity:.5}.muted{color:var(--soft)}.small{font-size:13px}.warn{color:var(--warn)}h2{font-size:1rem;margin:18px 0 6px}.bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden;margin:10px 0}.bar i{display:block;height:100%;background:var(--accent);transition:width .3s}.busy{display:flex;gap:12px;align-items:flex-start}.busy .pip{flex:none;width:12px;height:12px;margin-top:5px;border-radius:50%;background:var(--accent);animation:breathe 1.4s ease-in-out infinite}.busy .said{flex:1;min-width:0}.busy .said b{display:block;margin-bottom:2px}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.dot.live{animation:breathe 1.4s ease-in-out infinite}.bar.unknown i{width:38%;animation:sweep 1.4s ease-in-out infinite}@keyframes sweep{0%{margin-left:-38%}to{margin-left:100%}}@media(prefers-reduced-motion:reduce){.busy .pip,.dot.live,.bar.unknown i{animation:none}.bar.unknown i{width:100%;opacity:.35}}.saved{border-left:3px solid var(--green)}.saved .said b{display:block;color:var(--green);margin-bottom:2px}.waiting{padding:16px 0;color:var(--faint);font-size:13px}