*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:#1a1a2e;min-height:100vh}.wrap{max-width:720px;margin:0 auto;padding:2rem 1rem}h1{font-size:1.4rem;margin-bottom:.35rem}.sub{color:#666;font-size:.9rem;margin-bottom:1rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.who{display:flex;flex-direction:column;font-size:.85rem;color:#475569}.who strong{font-size:1rem;color:#1a1a2e}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.row label{font-size:.8rem;color:#475569;display:flex;gap:.35rem;align-items:center}.progress{font-size:.8rem;color:#64748b;margin-bottom:.75rem}.progressText{margin-bottom:.4rem}.bar{height:5px;background:#e2e8f0;border-radius:99px;overflow:hidden}.bar>span{display:block;height:100%;background:#16a34a;border-radius:99px;transition:width .25s ease}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 12px #00000014}.card.narrow{max-width:420px;margin:4rem auto 0;display:flex;flex-direction:column;gap:.75rem}.tool{display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:99px;background:#dbeafe;color:#1e40af;margin-bottom:.6rem}.sentence{font-size:1.6rem;line-height:1.35;font-weight:600;margin:.4rem 0 .9rem}.take{font-size:.85rem;color:#475569;margin-bottom:1rem}.btn{border:none;border-radius:8px;font-size:.95rem;font-weight:500;padding:.6rem 1.2rem;cursor:pointer}.btn.rec{background:#dc2626;color:#fff}.btn.rec.on{background:#111827}.btn.primary{background:#2563eb;color:#fff}.btn.outline{background:transparent;border:1.5px solid #cbd5e1;color:#475569}.btn.small{font-size:.8rem;padding:.4rem .7rem}.btn:disabled{opacity:.4;cursor:not-allowed}.text{width:100%;padding:.7rem;border:1.5px solid #d1d5db;border-radius:8px;font-size:1rem}.jump{width:90px;padding:.5rem;border:1.5px solid #d1d5db;border-radius:8px}select{padding:.35rem;border:1.5px solid #d1d5db;border-radius:8px}.chk{display:flex;align-items:center;gap:.35rem}audio{width:100%;margin-top:1rem}.status{margin-top:.75rem;font-size:.9rem;min-height:1.2rem}.status.err{color:#dc2626}.status.ok{color:#16a34a}.hint{margin-top:1rem;font-size:.8rem;color:#94a3b8;text-align:center}.browser{margin-top:1rem;padding:0;overflow:hidden}.browserHead{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;padding:1rem 1rem .6rem}.browserHead .text{flex:1 1 220px}.browserHead .count{font-size:.75rem;color:#94a3b8;font-variant-numeric:tabular-nums}.list{max-height:52vh;overflow-y:auto;border-top:1px solid #eef2f7}.line{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid #f1f5f9;padding:.55rem 1rem;cursor:pointer;font:inherit;color:inherit}.line:hover{background:#f8fafc}.line.current{background:#eff6ff;box-shadow:inset 3px 0 #2563eb}.lid{flex:0 0 42px;color:#94a3b8;font-size:.72rem;font-variant-numeric:tabular-nums}.ltext{flex:1;font-size:.9rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lmeta{display:flex;gap:.45rem;align-items:center;flex:0 0 auto}.ltool{font-size:.65rem;font-weight:600;padding:.1rem .45rem;border-radius:99px;background:#dbeafe;color:#1e40af}.lcount{font-size:.72rem;color:#64748b;font-variant-numeric:tabular-nums}.lcount.done{color:#16a34a;font-weight:600}.lmine{font-size:.68rem;color:#7c3aed}.empty{padding:1rem;color:#94a3b8;font-size:.9rem}.empty.err{color:#dc2626}.takes{margin-top:1.25rem;border-top:1px solid #eef2f7;padding-top:1rem}.takesHead{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.78rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.03em}.takesHead .btn{text-transform:none;letter-spacing:normal}.pendingBar{margin-bottom:1rem;border:1.5px solid #fca5a5;background:#fef2f2;display:flex;flex-direction:column;gap:.6rem}.pendingInfo{display:flex;align-items:baseline;gap:.45rem;font-size:.85rem;color:#991b1b}.pendingDot{color:#dc2626}.pendingBar audio{margin-top:0}.speakerGroup{margin-bottom:.75rem}.speakerName{font-size:.72rem;color:#64748b;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.03em}.speakerName.you{color:#7c3aed;font-weight:600}.takeRow{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.takeRow audio{flex:1;height:34px;margin-top:0}.takeNo{flex:0 0 28px;font-size:.7rem;color:#94a3b8}.takeDur{flex:0 0 42px;font-size:.7rem;color:#94a3b8;text-align:right;font-variant-numeric:tabular-nums}.takeRow .del{flex:0 0 auto;color:#dc2626;border-color:#fca5a5;padding:.25rem .55rem;line-height:1}