:root{--bg:#f4f7f6;--fg:#13211f;--muted:#5b6b68;--accent:#0f766e;--line:#d7e0de;--card:#fff;--danger:#b42318}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:860px;margin:0 auto;padding:0 12px 80px}.center{max-width:520px;margin:12vh auto;padding:0 16px;text-align:center}.top{display:flex;align-items:center;gap:8px;padding:10px 0;position:sticky;top:0;background:var(--bg);z-index:5;border-bottom:1px solid var(--line)}.brand{background:none;border:0;font-size:1.1rem;font-weight:700;color:var(--accent);padding:4px 0;cursor:pointer}.grow{flex:1}.who{color:var(--muted);font-size:.9rem}h2{margin:20px 0 8px;font-size:1.3rem}h3{margin:0 0 8px;font-size:1.05rem}.titlebar{display:flex;align-items:center;gap:8px}.titlebar h2{flex:1}.muted{color:var(--muted)}.warn{color:var(--danger)}.mono{font-family:ui-monospace,monospace;word-break:break-all;background:#eef3f2;padding:8px;border-radius:6px}button,.btn{font:inherit;padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--fg);cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.ghost{background:none;border-color:transparent;color:var(--accent)}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0}.card.ok{border-color:var(--accent)}label{display:block;margin:10px 0;font-weight:600;font-size:.92rem}label.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}input,select,textarea{font:inherit;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;margin-top:4px;background:#fff}input[type=checkbox]{width:auto;margin-top:5px}.row{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;margin:8px 0;padding:12px 14px;background:#fff;border-radius:12px}.badge{background:var(--accent);color:#fff;border-radius:999px;padding:1px 10px;font-size:.78rem;margin-left:6px}.badge.off{background:var(--danger)}.line{display:flex;gap:8px;align-items:center;margin:6px 0}.line>span{flex:1}.line input{margin-top:0}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.recbar{display:flex;align-items:center;gap:10px;background:#fff0ee;border:1px solid #f4c7c1;border-radius:10px;padding:8px 12px;margin:10px 0;position:sticky;top:52px;z-index:4}.dot{width:10px;height:10px;border-radius:50%;background:var(--danger);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.25}}.meter{width:70px;height:8px;background:#f4c7c1;border-radius:4px;overflow:hidden;display:inline-block}.bar{display:block;height:100%;background:var(--danger);width:0}.bar.l1{width:10%}.bar.l2{width:20%}.bar.l3{width:30%}.bar.l4{width:40%}.bar.l5{width:50%}.bar.l6{width:60%}.bar.l7{width:70%}.bar.l8{width:80%}.bar.l9{width:90%}.bar.l10{width:100%}.transcript{margin:12px 0}.para{margin:0 0 16px}.para p{margin:2px 0 0;font-size:1.05rem}.meta{display:flex;gap:10px;align-items:baseline}.time{color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.who-label{border:0;background:none;padding:0;font-weight:700;cursor:pointer}.who-label:disabled{cursor:default}input.inline{width:200px;padding:4px 8px;margin:0}.sp0{color:#0f766e}.sp1{color:#b45309}.sp2{color:#1d4ed8}.sp3{color:#be185d}.sp4{color:#6d28d9}.sp5{color:#15803d}.sp6{color:#b91c1c}.sp7{color:#0e7490}.sp-none{color:var(--muted)}@media (prefers-color-scheme: dark){:root{--bg:#0f1716;--fg:#e6efed;--muted:#93a5a2;--line:#27403c;--card:#16221f}button,.btn,input,select,.row{background:#16221f;color:var(--fg)}button.primary{background:var(--accent)}button.danger{background:var(--danger)}button.ghost{background:none}.recbar{background:#2b1815;border-color:#5b2b25}.mono{background:#0f1716}.sp0{color:#5eead4}.sp1{color:#fbbf24}.sp2{color:#93c5fd}.sp3{color:#f9a8d4}.sp4{color:#c4b5fd}.sp5{color:#86efac}.sp6{color:#fca5a5}.sp7{color:#67e8f9}}.left{text-align:left}.center h1{font-size:1.5rem;overflow-wrap:anywhere}