:root{--bg: #12141a;--card: #1c1f28;--card-border: #2a2e3b;--text: #e8eaf0;--text-dim: #9aa1b2;--accent: #4f8cff;--danger: #e5534b;--ok: #3fb27f;--warn: #d9a13b;--spk1: #4f8cff;--spk2: #3fb27f;--spk3: #d9a13b;--spk4: #b07cd8;--spk5: #e5748a;--spk6: #45b8c8}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:Segoe UI,Hiragino Sans,Noto Sans JP,Yu Gothic UI,Meiryo,system-ui,sans-serif;font-size:15px;line-height:1.6}header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--card-border)}header h1{font-size:18px;margin:0;font-weight:600}.chip{font-size:12px;padding:3px 12px;border-radius:99px;border:1px solid var(--card-border);color:var(--text-dim);white-space:nowrap}.chip.live{color:#fff;background:var(--accent);border-color:var(--accent)}.chip.warn{color:#201700;background:var(--warn);border-color:var(--warn)}.chip.err{color:#fff;background:var(--danger);border-color:var(--danger)}.chip.done{color:#04150d;background:var(--ok);border-color:var(--ok)}main{flex:1;display:flex;flex-direction:column;gap:14px;padding:16px 20px;max-width:980px;width:100%;margin:0 auto}.card{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:16px 18px}.card.grow{flex:1;display:flex;flex-direction:column;min-height:320px}.card h2{font-size:14px;margin:0 0 12px;color:var(--text-dim);font-weight:600;letter-spacing:.04em}.row{margin-bottom:14px}.row:last-child{margin-bottom:0}.label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:4px}.key-row{display:flex;gap:8px}.key-row input{flex:1}input[type=password],input[type=text],textarea{width:100%;background:#14161d;border:1px solid var(--card-border);border-radius:8px;color:var(--text);padding:8px 12px;font-size:14px;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{resize:vertical;margin-bottom:10px}.checks{display:flex;gap:20px;flex-wrap:wrap}.check{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none}.check input{accent-color:var(--accent);width:16px;height:16px}.hint{font-size:12.5px;color:var(--text-dim);margin:8px 0 0}.hint b{color:var(--text);font-weight:600}details summary{cursor:pointer;color:var(--text-dim);font-size:13.5px;margin-bottom:10px}details[open] summary{color:var(--text)}button{font-family:inherit;font-size:14px;border:1px solid var(--card-border);border-radius:8px;background:#262a36;color:var(--text);padding:8px 18px;cursor:pointer}button:hover:not(:disabled){filter:brightness(1.15)}button:disabled{opacity:.45;cursor:default}button.ghost{padding:8px 12px;background:transparent}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-size:16px;font-weight:600;padding:10px 26px}button.danger{background:var(--danger);border-color:var(--danger);color:#fff;font-size:16px;font-weight:600;padding:10px 26px}.controls{display:flex;align-items:center;gap:12px}.controls.wrap{flex-wrap:wrap}.stats{margin-left:auto;display:flex;gap:16px;font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:14px}#elapsed{font-size:20px;color:var(--text);font-weight:600}.meters{margin-top:12px;display:flex;flex-direction:column;gap:6px}.meter-row{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-dim)}.meter-row span{width:52px;text-align:right}.meter{flex:1;height:8px;background:#14161d;border-radius:99px;overflow:hidden}.meter-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--ok),var(--warn));border-radius:99px;transition:width 80ms linear}#message{margin-top:12px;padding:10px 14px;border-radius:8px;font-size:13.5px}#message.info{background:#1b2a45;border:1px solid #2d4f8a}#message.warn{background:#3a2f14;border:1px solid #6e5a24}#message.err{background:#401d1b;border:1px solid #7c3833}#transcript{flex:1;overflow-y:auto;background:#14161d;border:1px solid var(--card-border);border-radius:8px;padding:14px 16px;min-height:240px;max-height:60vh}#placeholder{color:var(--text-dim)}.line{margin-bottom:12px}.line .meta{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.spk{font-size:12px;font-weight:700;padding:1px 10px;border-radius:99px;color:#fff}.spk-0{background:#4a4f5e}.spk-1{background:var(--spk1)}.spk-2{background:var(--spk2)}.spk-3{background:var(--spk3);color:#201700}.spk-4{background:var(--spk4)}.spk-5{background:var(--spk5)}.spk-6{background:var(--spk6);color:#041518}.time{font-size:11.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.txt{font-size:16px}#interim-line{color:var(--text-dim);font-style:italic;font-size:16px}.hidden{display:none!important}footer{padding:10px 20px 18px}footer p{margin:0;font-size:12px;color:var(--text-dim);text-align:center}select{background:#14161d;border:1px solid var(--card-border);border-radius:8px;color:var(--text);padding:8px 10px;font-size:13.5px;font-family:inherit;max-width:340px}select:focus{outline:none;border-color:var(--accent)}.src-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.src-row .hint{margin:0}.note{margin:8px 0 0;padding:8px 12px;border-radius:8px;font-size:12.5px;line-height:1.5;background:#3a2f14;border:1px solid #6e5a24;color:var(--text)}#meeting-title{margin-bottom:12px}.pill{background:#14161d;border:1px solid var(--card-border);border-radius:99px;padding:4px 14px;font-size:13px;color:var(--text)}#meeting-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.mtg{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#14161d;border:1px solid var(--card-border);border-radius:8px;cursor:pointer}.mtg:hover{border-color:var(--accent)}.mtg.sel{border-color:var(--accent);background:#1b2a45}.mtg.past{opacity:.45}.mtg-time{font-variant-numeric:tabular-nums;font-size:13px;color:var(--text-dim);white-space:nowrap}.mtg-title{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtg-tag{font-size:11px;font-weight:700;color:#04150d;background:var(--ok);border-radius:99px;padding:1px 10px;white-space:nowrap}#update-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 20px;background:#1b2a45;border-bottom:1px solid var(--accent);font-size:13.5px}#update-banner.hidden{display:none}#update-banner button{font-size:13px;padding:6px 14px}#action-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;margin-bottom:14px;border-radius:10px;background:#1b2a45;border:1px solid var(--accent)}#action-banner.hidden{display:none}#action-text{flex:1;min-width:200px;font-size:14.5px}#action-buttons{display:flex;gap:8px;flex-wrap:wrap}#action-buttons button.primary,#action-buttons button.danger{font-size:14px;padding:8px 18px}
