:root{--bg:#05070b;--bg-gradient-a:#0a1020;--bg-gradient-b:#0f1a2e;--bg-gradient-c:#1a0f1e;--panel:#0f141c;--panel-edge:#1e242b;--text:#e7ecf2;--text-dim:#9aa4b0;--accent:#5fb7ff;--accent-warm:#ffb86b;--critical:#ff5f6d;--ok:#5bd88a;--irb:#ffd166;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{color:var(--text);font-family:var(--sans);min-height:100vh;margin:0;padding:0;font-size:14px;line-height:1.5}body{background:radial-gradient(1200px 600px at 15% -10%, #5fb7ff1f, transparent 60%), radial-gradient(1000px 800px at 85% 110%, #ff5f6d1a, transparent 55%), radial-gradient(900px 500px at 50% 50%, #ffb86b0d, transparent 60%), linear-gradient(180deg, var(--bg-gradient-a) 0%, var(--bg) 100%);background-attachment:fixed;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;filter:blur(60px);background:radial-gradient(circle at 30% 30%,#5fb7ff14,#0000 40%),radial-gradient(circle at 70% 70%,#ff5f6d14,#0000 40%);animation:42s ease-in-out infinite alternate bg-drift;position:fixed;inset:-20%}@keyframes bg-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(-3%,2%)scale(1.04)}to{transform:translate(2%,-3%)scale(.98)}}@media (prefers-reduced-motion:reduce){body:before{animation:none}}body>*{z-index:1;position:relative}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.simulation-banner{background:var(--irb);color:#1a1a1a;text-align:center;letter-spacing:.01em;border-bottom:1px solid #c19a2f;padding:8px 16px;font-size:13px;font-weight:500}.simulation-banner strong{letter-spacing:.04em;font-weight:700}.console-shell{flex-direction:column;gap:24px;max-width:1440px;min-height:calc(100vh - 40px);margin:0 auto;padding:24px;display:flex}.console-shell>header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.console-shell>header h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.console-grid{grid-template-columns:320px 1fr 320px;align-items:start;gap:16px;display:grid}@media (max-width:1024px){.console-grid{grid-template-columns:1fr}}.caller-hero{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(800px 400px at 20% 30%,#5fb7ff14,#0000 60%),linear-gradient(#0f141cd9 0%,#0a0e16f2 100%);border:1px solid #ffffff0f;border-radius:18px;grid-template-columns:320px 1fr;align-items:center;gap:40px;padding:48px 32px;display:grid;box-shadow:0 20px 60px -20px #0009,inset 0 1px #ffffff0a}@media (max-width:768px){.caller-hero{text-align:center;grid-template-columns:1fr;justify-items:center;padding:32px 20px}}.caller-orb-frame{justify-content:center;align-items:center;min-height:280px;display:flex}.caller-cta h1{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#c0d0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:32px;font-weight:600;line-height:1.1}.caller-subtitle{color:var(--text-dim);max-width:58ch;margin:0 0 24px;font-size:15px;line-height:1.55}.caller-subtitle strong{color:var(--irb);font-weight:500}.caller-button{font-family:var(--sans);letter-spacing:-.01em;color:#05070b;cursor:pointer;background:linear-gradient(135deg,#5fb7ff 0%,#3d88cc 100%);border:1px solid #0000;border-radius:999px;padding:14px 28px;font-size:16px;font-weight:500;transition:all .18s;box-shadow:0 8px 24px -4px #5fb7ff80,inset 0 1px #fff3}.caller-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 32px -4px #5fb7ffb3,inset 0 1px #ffffff4d}.caller-button:active:not(:disabled){transform:translateY(0)}.caller-button:disabled{opacity:.55;cursor:not-allowed}.caller-button.live{background:linear-gradient(135deg,#ff5f6d 0%,#c74551 100%);animation:2s ease-in-out infinite live-pulse;box-shadow:0 8px 24px -4px #ff5f6d8c,inset 0 1px #fff3}.caller-button.live:hover:not(:disabled){box-shadow:0 12px 32px -4px #ff5f6dbf,inset 0 1px #ffffff4d}@keyframes live-pulse{0%,to{box-shadow:0 8px 24px -4px #ff5f6d8c,inset 0 1px #fff3,0 0 #ff5f6d99}50%{box-shadow:0 8px 24px -4px #ff5f6d8c,inset 0 1px #fff3,0 0 0 12px #ff5f6d00}}.caller-hint{color:var(--text-dim);min-height:1.5em;margin-top:16px;font-size:13px;line-height:1.5}.orb{width:var(--orb-size,280px);height:var(--orb-size,280px);transform:scale(var(--orb-volume-scale,1));justify-content:center;align-items:center;transition:transform 80ms ease-out;display:flex;position:relative}.orb-core,.orb-halo,.orb-ring{border-radius:50%;position:absolute;inset:0}.orb-core{background:conic-gradient(from 0deg, var(--orb-color-a,#5fb7ff), var(--orb-color-b,#ff5f6d), var(--orb-color-a,#5fb7ff));filter:blur(24px);opacity:.75;animation:14s linear infinite orb-spin}.orb-halo{mix-blend-mode:screen;opacity:.55;background:radial-gradient(circle,#fff9 0%,#fff0 55%);animation:5s ease-in-out infinite orb-breathe}.orb-ring{border:1px solid #ffffff14;box-shadow:inset 0 0 80px #ffffff0d,0 0 60px #5fb7ff26}@keyframes orb-spin{to{transform:rotate(360deg)}}@keyframes orb-breathe{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:.65;transform:scale(1.02)}}.orb-listening .orb-core{opacity:.9;filter:blur(20px)saturate(1.3);animation-duration:9s}.orb-listening .orb-ring{animation:3s ease-in-out infinite orb-ring-listen;box-shadow:inset 0 0 100px #5fb7ff33,0 0 100px #5fb7ff66}@keyframes orb-ring-listen{0%,to{box-shadow:inset 0 0 100px #5fb7ff33,0 0 100px #5fb7ff66}50%{box-shadow:inset 0 0 100px #5fb7ff4d,0 0 140px #5fb7ff99}}.orb-talking .orb-core{opacity:1;filter:blur(16px)saturate(1.5);animation-duration:5s}.orb-talking .orb-ring{animation:1.4s ease-in-out infinite orb-ring-talk;box-shadow:inset 0 0 100px #ff5f6d40,0 0 120px #ff5f6d80}@keyframes orb-ring-talk{0%,to{box-shadow:inset 0 0 100px #ff5f6d40,0 0 120px #ff5f6d80}50%{box-shadow:inset 0 0 100px #ff5f6d66,0 0 180px #ff5f6dbf}}.orb-thinking .orb-core{opacity:.8;filter:blur(22px)saturate(1.1);animation-duration:7s}.orb-idle .orb-core{opacity:.55;animation-duration:22s}@media (prefers-reduced-motion:reduce){.orb-core,.orb-halo,.orb-ring{animation:none!important}}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:16px;overflow:auto}.panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 12px;font-size:12px;font-weight:600}.phase-pill{background:var(--panel-edge);font-family:var(--mono);letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:12px;display:inline-block}.phase-pill.intake{color:#9ecbff;background:#25364a}.phase-pill.triage{color:#ffd166;background:#3a2e12}.phase-pill.dispatch{color:#5bd88a;background:#142b1e}.phase-pill.pdi{color:#ff9aa2;background:#3c1e1e}.phase-pill.handoff{color:#86c9ff;background:#1a2a3a}.phase-pill.closed{color:#888;background:#222}.transcript ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.transcript li{background:var(--bg);border:1px solid var(--panel-edge);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.45}.transcript li .turn-meta{color:var(--text-dim);font-family:var(--mono);justify-content:space-between;gap:8px;margin-bottom:4px;font-size:11px;display:flex}.alert{border:1px solid #0000;border-radius:6px;margin-bottom:8px;padding:8px 12px;font-size:13px}.alert.info{color:#aad0f0;background:#1a2a3a;border-color:#2a4a6a}.alert.medium{color:#ffd166;background:#3a2e12;border-color:#8a6a22}.alert.high{color:#ffb86b;background:#3c1e0e;border-color:#7a4a1a}.alert.critical{color:#ff7a87;background:#3c1010;border-color:#7a2a2a;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.75}}.rubric-grid{font-family:var(--mono);grid-template-columns:1fr auto;gap:6px 12px;font-size:12px;display:grid}.rubric-grid .label{color:var(--text-dim)}.rubric-grid .score{text-align:right;color:var(--text)}.rubric-grid .weighted{border-top:1px solid var(--panel-edge);color:var(--accent);grid-column:1/-1;justify-content:space-between;margin-top:8px;padding-top:8px;font-weight:600;display:flex}.self-grade-flag{color:#ffd166;font-size:12px;font-family:var(--mono);background:#3a2e12;border-radius:6px;margin-top:6px;padding:6px 10px}.dim{color:var(--text-dim)}.mono{font-family:var(--mono);font-size:12px}.ok{color:var(--ok)}.bad{color:var(--critical)}.footer-strip{border-top:1px solid var(--panel-edge);color:var(--text-dim);grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:12px;font-size:12px;display:flex}.footer-strip a{margin-right:12px}