*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1d27;--border: #2a2d3a;--text: #e8eaf0;--text-muted: #8b8fa8;--blue: #3b82f6;--blue-dim: #1d4ed8;--green: #22c55e;--red: #ef4444;--strong: #22c55e;--mixed: #f59e0b;--needs-work: #ef4444}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.app{height:100%;display:flex;flex-direction:column}.app-brand{position:fixed;top:16px;left:20px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);z-index:10}.pre-scenario{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.scenario-card{width:100%;max-width:480px;display:flex;flex-direction:column;gap:24px}.brand{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.scenario-card h1{font-size:26px;font-weight:700;line-height:1.2}.scenario-details{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.detail-row{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.detail-row.hint{margin-top:4px;padding-top:12px;border-top:1px solid var(--border);color:var(--text-muted);font-style:italic;font-size:13px}.instruction{color:var(--text-muted);font-size:13px}.btn-start{padding:14px 28px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s;align-self:flex-start}.btn-start:hover{background:var(--blue-dim)}.btn-icon{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.btn-icon:hover{opacity:.8}.btn-icon svg{width:20px;height:20px}.btn-reset{background:var(--green);color:#fff}.btn-end{background:var(--red);color:#fff}.live-sim{flex:1;display:grid;grid-template-columns:1fr 300px;overflow:hidden}.sim-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px}.waveform{display:block;border-radius:8px}.waveform-label{font-size:13px;color:var(--text-muted);margin-top:-20px}.sim-controls{display:flex;gap:20px}.transcript-panel{border-left:1px solid var(--border);padding:20px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:var(--surface)}.transcript-entry{display:flex;flex-direction:column;gap:3px}.transcript-speaker{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.transcript-entry--agent .transcript-speaker{color:var(--blue)}.transcript-text{font-size:14px;line-height:1.5}.sim-briefing{text-align:center;transition:opacity .4s ease}.sim-briefing--hidden{opacity:0;pointer-events:none}.sim-title{font-size:22px;font-weight:700;margin-bottom:0}.sim-brief-role{font-size:14px;color:var(--text);max-width:360px;line-height:1.5;margin-bottom:6px}.sim-brief-goal{font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px}.sim-brief-hint{font-size:13px;color:var(--text-muted);font-style:italic}.orb-wrapper{display:flex;align-items:center;justify-content:center;will-change:transform}.orb-container{position:relative}.orb-container--clickable{cursor:pointer}.orb-canvas{display:block}.orb-center-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:30px;color:#ffffffe6;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(.5px 0px 0 rgba(30,30,30,.9)) drop-shadow(-.5px 0px 0 rgba(30,30,30,.9)) drop-shadow(0px .5px 0 rgba(30,30,30,.9)) drop-shadow(0px -.5px 0 rgba(30,30,30,.9)) drop-shadow(0 0 4px rgba(30,30,30,.3))}.orb-center-icon--faint{color:#ffffffd9}.orb-status-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;letter-spacing:.05em;color:#ffffffb3;pointer-events:none;-webkit-user-select:none;user-select:none}.orb-pause-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:12px}.orb-icon-btn{width:78px;height:78px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;font-size:33px;color:#ffffffd9;border-radius:14px;transition:background .15s;filter:drop-shadow(.5px 0px 0 rgba(30,30,30,.9)) drop-shadow(-.5px 0px 0 rgba(30,30,30,.9)) drop-shadow(0px .5px 0 rgba(30,30,30,.9)) drop-shadow(0px -.5px 0 rgba(30,30,30,.9)) drop-shadow(0 0 4px rgba(30,30,30,.3))}.orb-icon-btn:hover{background:#ffffff1f}.feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.feedback-modal{width:100%;max-width:520px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:24px;max-height:90vh;overflow-y:auto}.feedback-modal h2{font-size:20px;font-weight:700}.feedback-summary{color:var(--text-muted);font-size:15px;line-height:1.6}.feedback-loading{color:var(--text-muted);font-size:14px;text-align:center;padding:20px 0}.loading-dots span{animation:blink 1.2s infinite;opacity:0}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.feedback-categories{display:flex;flex-direction:column;gap:12px}.feedback-card{padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:6px}.feedback-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.feedback-card-name{font-size:14px;font-weight:600}.feedback-status{font-size:12px;font-weight:700;padding:2px 10px;border-radius:99px;white-space:nowrap}.status--strong{background:#22c55e26;color:var(--strong)}.status--mixed{background:#f59e0b26;color:var(--mixed)}.status--needs-work{background:#ef444426;color:var(--needs-work)}.feedback-card-explanation{font-size:13px;color:var(--text-muted);line-height:1.5}