:root{--bg-1:#0a0e27;--bg-2:#0f1b3d;--bg-3:#131c44;--glass:#ffffff0f;--glass-strong:#ffffff1a;--border:#ffffff1f;--border-soft:#ffffff14;--text:#eef2ff;--text-2:#aab4d4;--text-3:#6b769c;--accent:#3b82f6;--accent-2:#2563eb;--radius:18px;--radius-sm:12px;--shadow:0 18px 50px -12px #0000008c;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 12% -8%, #3b82f62e, transparent 60%), radial-gradient(1000px 700px at 100% 0%, #2563eb24, transparent 55%), linear-gradient(160deg, var(--bg-1) 0%, var(--bg-2) 55%, var(--bg-3) 100%);color:var(--text);-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}.stage{flex-direction:column;flex:0 0 65%;gap:14px;min-height:0;padding:16px;display:flex}.topbar{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px)saturate(140%);box-shadow:var(--shadow);align-items:center;gap:14px;padding:12px 16px;display:flex}.mic-wrap{flex:none;align-items:center;gap:10px;display:flex}.mic-dot{background:#4b5563;border-radius:50%;width:12px;height:12px;transition:background .3s,box-shadow .3s;box-shadow:0 0 #3b82f600}body.listening .mic-dot{background:#ef4444;animation:1.4s ease-in-out infinite micPulse;box-shadow:0 0 0 6px #ef44442e}@keyframes micPulse{0%,to{box-shadow:0 0 0 4px #ef44441f}50%{box-shadow:0 0 0 9px #ef44440d}}.mic-label{color:var(--text-2);white-space:nowrap;font-size:13px}.volume{align-items:flex-end;gap:3px;width:120px;height:26px;display:flex}.volume span{opacity:.55;background:linear-gradient(#60a5fa,#2563eb);border-radius:3px;flex:1;height:20%;transition:height .12s}body.listening .volume span{opacity:1}.session-pill{background:var(--glass-strong);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:10px;margin-left:auto;padding:7px 16px;transition:border-color .2s,background .2s;display:flex}.session-pill:hover{border-color:#3b82f68c}.session-pill .title{text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-size:14px;font-weight:600;overflow:hidden}.session-pill .live{color:#93c5fd;letter-spacing:.5px;align-items:center;gap:5px;font-size:11px;display:flex}.session-pill .live:before{content:"";background:#22d3ee;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #22d3ee}.session-pill .chev{color:var(--text-3);transition:transform .25s}body.brief-open .session-pill .chev{transform:rotate(180deg)}.brief{background:var(--glass);border:1px solid var(--border-soft);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(14px);max-height:0;transition:max-height .3s;overflow:hidden}body.brief-open .brief{max-height:240px}.brief-inner{color:var(--text-2);padding:14px 18px;font-size:13px;line-height:1.7}.brief-inner b{color:var(--text)}.brief-inner textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:60px;color:var(--text);font:inherit;background:#ffffff0d;border-radius:10px;margin-top:6px;padding:8px 10px}.transcript{scroll-behavior:smooth;flex-direction:column;flex:auto;gap:14px;min-height:0;padding:6px 4px 10px;display:flex;overflow-y:auto}.transcript::-webkit-scrollbar{width:8px}.transcript::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}.line{background:var(--glass);border:1px solid var(--border-soft);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);padding:14px 18px 14px 22px;animation:.5s cubic-bezier(.2,.8,.2,1) both lineIn;position:relative}@keyframes lineIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.line:before{content:"";background:var(--accent);border-radius:4px;width:4px;position:absolute;top:12px;bottom:12px;left:0}.line.speaker:before{background:var(--spk,var(--accent));width:5px}.line .meta{color:var(--text-3);align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.line .meta .who{color:var(--text-2);font-weight:600}.line .meta .who .swatch{vertical-align:middle;background:var(--spk,var(--accent));border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.line .text{color:var(--text);letter-spacing:.2px;font-size:19px;line-height:1.6}.line.latest{box-shadow:0 0 0 1px #3b82f640,0 10px 30px -10px #3b82f666}.line.interim .text{color:var(--text-3);font-style:italic}.controls{flex-wrap:wrap;flex:none;align-items:center;gap:12px;display:flex}.btn{border:1px solid var(--border);background:var(--glass-strong);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex}.btn:hover{border-color:#3b82f680;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 10px 26px -10px #3b82f6cc}.btn.primary.on{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 26px -10px #ef4444cc}.btn.ghost{background:0 0}.hint{color:var(--text-3);font-size:12px}.toggle{color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.toggle .track{background:#ffffff1f;border-radius:999px;width:40px;height:22px;transition:background .2s;position:relative}.toggle .track .knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:3px;left:3px}.toggle.on .track{background:var(--accent)}.toggle.on .track .knob{left:21px}.asr-mode{border:1px solid var(--border);background:#ffffff0f;border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.asr-mode .seg{color:var(--text-2);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:12px;transition:background .15s,color .15s}.asr-mode .seg.on{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.asr-mode .seg:disabled{opacity:.5;cursor:not-allowed}.board{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px)saturate(140%);box-shadow:var(--shadow);flex-direction:column;flex:35%;min-height:0;margin:0 16px 16px;padding:14px 16px;display:flex}.board-head{flex:none;align-items:center;gap:10px;margin-bottom:12px;display:flex}.board-head h2{letter-spacing:.5px;font-size:15px;font-weight:700}.board-head .count{color:var(--text-2);background:var(--glass-strong);border:1px solid var(--border-soft);border-radius:999px;padding:2px 10px;font-size:12px}.board-head .sub{color:var(--text-3);margin-left:auto;font-size:12px}.cards{scroll-snap-type:x proximity;flex:auto;gap:14px;min-height:0;padding:4px 2px 10px;display:flex;overflow:auto hidden}.cards::-webkit-scrollbar{height:8px}.cards::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}.card{scroll-snap-align:start;text-align:center;background:var(--glass);border:1px solid var(--border-soft);border-radius:var(--radius);flex-direction:column;flex:0 0 188px;align-items:center;height:100%;padding:14px 14px 12px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--cardc,var(--accent));transform:translateY(-6px);box-shadow:0 16px 36px -16px #0009}.avatar-ring{background:linear-gradient(135deg, var(--cardc,#3b82f6), transparent 70%);border-radius:50%;width:64px;height:64px;margin-bottom:8px;padding:3px;transition:box-shadow .3s}.avatar{object-fit:cover;background:#1c2752;border-radius:50%;width:100%;height:100%;display:block}.avatar-fallback{color:#fff;background:var(--cardc,#3b82f6);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:26px;font-weight:700;display:flex}.name{font-size:15px;font-weight:700}.title{color:var(--text-3);margin-top:2px;font-size:12px}.status{color:var(--text-2);background:#ffffff14;border-radius:999px;align-items:center;gap:5px;margin-top:9px;padding:3px 10px;font-size:11px;font-weight:600;transition:all .3s;display:inline-flex}.status:before{content:"";background:var(--text-3);border-radius:50%;width:6px;height:6px}.card.speaking .status{background:color-mix(in srgb, var(--cardc,#3b82f6) 22%, transparent);color:var(--cardc,#3b82f6)}.card.speaking .status:before{background:var(--cardc,#3b82f6);animation:1s infinite blink}@keyframes blink{50%{opacity:.3}}.opinion{min-height:0;color:var(--text-2);-webkit-line-clamp:2;text-align:left;-webkit-box-orient:vertical;flex:auto;margin-top:10px;margin-bottom:10px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.speak-btn{border:1px solid var(--cardc,#3b82f6);background:color-mix(in srgb, var(--cardc,#3b82f6) 16%, transparent);width:100%;color:var(--cardc,#3b82f6);cursor:pointer;border-radius:999px;flex:none;margin-top:auto;padding:8px 0;font-size:13px;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s}.speak-btn:hover{background:color-mix(in srgb, var(--cardc,#3b82f6) 30%, transparent);transform:translateY(-1px)}.card.speaking{border-color:var(--cardc,#3b82f6);box-shadow:0 0 0 1px var(--cardc,#3b82f6), 0 0 28px -4px var(--cardc,#3b82f6);animation:1.6s ease-in-out infinite cardPulse}@keyframes cardPulse{0%,to{box-shadow:0 0 0 1px var(--cardc,#3b82f6), 0 0 18px -6px var(--cardc,#3b82f6)}50%{box-shadow:0 0 0 1px var(--cardc,#3b82f6), 0 0 34px 0 var(--cardc,#3b82f6)}}.card.speaking .avatar-ring{box-shadow:0 0 22px -2px var(--cardc,#3b82f6)}.card .speak-btn.active{background:var(--cardc,#3b82f6);color:#fff}.card.new{cursor:pointer;color:var(--text-2);background:0 0;border-style:dashed;border-color:#ffffff47;justify-content:center}.card.new:hover{border-color:var(--accent);color:var(--text)}.card.new .plus{color:var(--accent);font-size:38px;font-weight:300;line-height:1}.card.new .nt{margin-top:8px;font-size:13px}.prep{max-width:880px;height:100vh;margin:0 auto;padding:28px 20px 60px;overflow-y:auto}.prep h1{letter-spacing:.5px;font-size:26px;font-weight:800}.prep .lead{color:var(--text-2);margin:8px 0 22px;font-size:14px}.panel{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);margin-bottom:18px;padding:20px}.panel h3{align-items:center;gap:8px;margin-bottom:12px;font-size:15px;display:flex}.field{margin-bottom:14px}.field label{color:var(--text-2);margin-bottom:6px;font-size:12px;display:block}.input,.textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:14px;font:inherit;background:#ffffff0d;outline:none;padding:10px 12px;transition:border-color .2s}.input:focus,.textarea:focus{border-color:var(--accent)}.textarea{resize:vertical;min-height:88px}.role-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.role-chip{border:1px solid var(--border-soft);background:var(--glass);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .2s,background .2s;display:flex}.role-chip.sel{border-color:var(--cardc,var(--accent));background:color-mix(in srgb, var(--cardc,var(--accent)) 16%, transparent)}.role-chip .mini{object-fit:cover;background:#1c2752;border-radius:50%;width:30px;height:30px}.role-chip .mini-fb{color:#fff;background:var(--cardc,#3b82f6);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.role-chip .rc-name{font-size:13px;font-weight:600}.role-chip .rc-title{color:var(--text-3);font-size:11px}.role-chip .check{color:var(--cardc,var(--accent));margin-left:auto;font-weight:800}.mat-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.mat-item{background:var(--glass);border:1px solid var(--border-soft);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.mat-item .mi-name{font-weight:600}.mat-item .mi-meta{color:var(--text-3);margin-left:auto;font-size:11px}.mat-item .mi-ok{color:#34d399}.mat-item .mi-err{color:#f87171}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#05081699;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.overlay.show{animation:.2s fade;display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{border:1px solid var(--border);border-radius:var(--radius);width:min(440px,92vw);box-shadow:var(--shadow);background:linear-gradient(160deg,#141c44f5,#0c122cf5);padding:22px;animation:.25s cubic-bezier(.2,.8,.2,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal h3{margin-bottom:4px;font-size:16px}.modal p.tip{color:var(--text-3);margin-bottom:16px;font-size:12px}.swatches{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.swatch-pick{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;transition:transform .15s}.swatch-pick:hover{transform:scale(1.12)}.swatch-pick.sel{border-color:#fff}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.app-shell{flex-direction:column;height:100vh;display:flex}.loading{height:100vh;color:var(--text-2);justify-content:center;align-items:center;display:flex}.badge{background:var(--glass-strong);border:1px solid var(--border-soft);color:var(--text-2);border-radius:999px;padding:2px 8px;font-size:11px}@media (width<=720px){.line .text{font-size:17px}.card{flex-basis:160px}.volume{width:80px}.stage{flex-basis:58%}.board{flex-basis:42%}}