*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,#14161c 0,#0a0b0e 55%) fixed;color:#e8eaed;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;background:#fff;color:#000;border:none;padding:12px 20px;border-radius:10px;cursor:pointer;font-weight:500;transition:transform .08s ease,opacity .2s,background .2s}button:hover{opacity:.92}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}main{max-width:760px;margin:0 auto;padding:32px 20px 64px}h1{font-size:28px;margin-bottom:8px}h2{font-size:16px;letter-spacing:.02em}p{line-height:1.5}.agent-card{display:block;padding:16px 20px;background:#14161c;border:1px solid #23262f;border-radius:14px;margin-bottom:12px;transition:border-color .2s,transform .08s}.agent-card:hover{border-color:#3a3f4b;transform:translateY(-1px)}.agent-name{font-size:18px;font-weight:600}.agent-role{font-size:14px;color:#8a8f98;margin-top:2px}.call{max-width:640px}.stage{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px 32px;border-radius:24px;border:1px solid #20232c;background:linear-gradient(180deg,#14161c,#101216);transition:border-color .4s}.stage-live{border-color:#2b6a52}.orb{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#2a2f3a,#171a21);border:1px solid #2c313d;position:relative;transition:transform .3s ease}.orb-initials{font-size:40px;font-weight:600;color:#cfd3da;letter-spacing:.02em}.orb-live{background:radial-gradient(circle at 35% 30%,#1f6f57,#0f3d30);border-color:#2f8266}.orb-live:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(64,197,155,.35);animation:ring 2.4s ease-out infinite}.orb-speaking{transform:scale(1.05)}.orb-speaking:after{content:"";position:absolute;inset:-16px;border-radius:50%;border:2px solid rgba(64,197,155,.25);animation:ring 1.1s ease-out infinite}@keyframes ring{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.35);opacity:0}}.call-name{font-size:26px;margin:22px 0 2px}.call-role{color:#8a8f98;font-size:14px}.call-status{display:inline-flex;align-items:center;gap:8px;margin:16px 0 24px;color:#b6bbc4;font-size:14px}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-idle{background:#5a606b}.dot-warn{background:#e2b344;animation:pulse 1s infinite}.dot-live{background:#40c59b;box-shadow:0 0 0 0 rgba(64,197,155,.6);animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(64,197,155,.5)}70%{box-shadow:0 0 0 8px rgba(64,197,155,0)}to{box-shadow:0 0 0 0 rgba(64,197,155,0)}}.call-controls{margin-top:4px}.btn-call{background:linear-gradient(180deg,#35d29b,#23b283);color:#06231a;box-shadow:0 8px 24px -8px rgba(53,210,155,.5)}.btn-call,.btn-hangup{font-weight:650;padding:15px 40px;border-radius:999px;font-size:16px}.btn-hangup{background:linear-gradient(180deg,#f2555f,#dc3b46);color:#fff;box-shadow:0 8px 24px -8px rgba(220,59,70,.5)}.call-error{color:#f2727c;font-size:13px;margin-top:14px}.panel{margin-top:28px}.panel-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 4px 4px}.panel-head h2{color:#cfd3da}.panel-count{font-size:12px;color:#8a8f98}.panel-empty{color:#7c828c;font-size:14px;padding:22px;text-align:center;border:1px dashed #262a34;border-radius:14px}.bucket{margin-top:18px}.bucket-head{display:flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#8a8f98;margin-bottom:8px;padding:0 2px}.bucket-icon{font-size:13px}.bucket-count{margin-left:auto;background:#1c1f27;color:#9aa0aa;border-radius:999px;padding:1px 8px;font-size:11px;letter-spacing:0}.card{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:#14161c;border:1px solid #23262f;border-radius:12px;margin-bottom:8px;animation:rise .25s ease}.card-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-found{list-style:none;margin:0;padding:6px 0 0;border-top:1px solid #20232c;display:flex;flex-direction:column;gap:4px}.card-found li{font-size:13px;color:#b6bbc4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:12px;position:relative}.card-found li:before{content:"·";position:absolute;left:2px;color:#6b7178}.card-found a{color:#b6bbc4}.card-found a:hover{color:#40c59b}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card-running{border-color:#3a4150}.card-error{border-color:#5a2b30}.card-main{display:flex;flex-direction:column;gap:2px;min-width:0}.card-verb{font-size:12px;color:#8a8f98}.card-label{font-size:15px;color:#e8eaed;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46ch}.card-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.card-time{font-size:12px;color:#6b7178;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card-spin{font-size:12px;color:#e2b344}.card-err{font-size:12px;color:#f2727c}.card-open{font-size:13px;color:#40c59b;font-weight:600;padding:4px 10px;border:1px solid #2b6a52;border-radius:8px;transition:background .15s}.card-open:hover{background:rgba(64,197,155,.1)}.transcript-toggle{margin-top:22px;text-align:center}.btn-ghost{background:transparent;color:#9aa0aa;border:1px solid #262a34;padding:8px 16px;border-radius:999px;font-size:13px}.btn-ghost:hover{border-color:#3a3f4b;color:#cfd3da}.transcript{background:#101216;border:1px solid #23262f;border-radius:14px;padding:16px 20px;margin-top:14px;max-height:46vh;overflow-y:auto}.transcript p{color:#b6bbc4;margin-bottom:12px;font-size:14px}.transcript p:last-child{margin-bottom:0}.transcript strong{color:#e8eaed}