:root{color:#e5eefc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel:#0d192bd6;--panel-strong:#122037f5;--border:#8ba8cf2e;--muted:#8fa4c4;--accent:#75e4ff;--accent-2:#9f7cff;--good:#67f7b0;--warning:#ffd166;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#75e4ff2e,#0000 34rem),radial-gradient(circle at 90% 10%,#9f7cff2e,#0000 32rem),linear-gradient(135deg,#07111f 0%,#0b1220 48%,#101525 100%);min-width:320px;min-height:100vh;margin:0}button,textarea,select,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#050d18b8;height:100vh;padding:1.5rem;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:.85rem;margin-bottom:2rem;display:flex}.brand h1,.hero-panel h2,.panel-heading h3{margin:0}.brand h1{font-size:1.5rem}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin:0 0 .3rem;font-size:.72rem;font-weight:800}.nav-list{gap:.45rem;display:grid}.nav-item{color:#dce8fb;text-align:left;background:0 0;border-radius:.85rem;width:100%;padding:.75rem .85rem}.nav-item.active,.nav-item:hover{background:#75e4ff1f}.nav-item.placeholder{color:var(--muted);border:1px dashed #0000}.nav-item.placeholder:after{content:"later";float:right;color:#e5eefc6b;font-size:.72rem}.workspace{align-content:start;gap:1rem;padding:1.5rem;display:grid}.hero-panel,.status-card,.chat-panel,.controls-panel{border:1px solid var(--border);background:var(--panel);box-shadow:0 24px 90px #00000040}.hero-panel{border-radius:1.5rem;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:1.5rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.hero-panel h2{letter-spacing:-.06em;font-size:clamp(2rem,5vw,4.2rem);line-height:.95}.hero-panel p{color:#b9c7dd;max-width:780px;line-height:1.6}.agent-visual{background:linear-gradient(#75e4ff1f,#9f7cff14),#ffffff08;border-radius:1.25rem;place-items:center;gap:1rem;min-height:220px;display:grid}.agent-visual p{color:var(--accent);margin:0;font-weight:800}.orb{background:radial-gradient(circle at 35% 28%,#fff,#75e4ff 20%,#385cff 58%,#1a2140 100%);border-radius:999px;width:130px;height:130px;animation:4s ease-in-out infinite pulse;position:relative;box-shadow:0 0 50px #75e4ff73,inset 0 -20px 40px #00000047}.orb.small{flex:none;width:44px;height:44px}.orb span{border-radius:inherit;border:1px solid #ffffff57;animation:8s linear infinite orbit;position:absolute;inset:18%}.orb span:last-child{animation-duration:5s;animation-direction:reverse;inset:30%}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.status-card{border-radius:1.15rem;padding:1rem}.status-card span,.message-meta,.controls-panel label{color:var(--muted)}.status-card strong{margin:.4rem 0;font-size:1.25rem;display:block}.status-card p{color:#aebdd4;margin:0;font-size:.9rem;line-height:1.45}.main-grid{grid-template-columns:minmax(0,1fr) 360px;gap:1rem;min-height:580px;display:grid}.chat-panel,.controls-panel{border-radius:1.25rem;padding:1rem}.chat-panel{grid-template-rows:auto minmax(300px,1fr) auto auto;min-height:620px;display:grid}.panel-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.panel-heading.compact{margin-bottom:1.5rem}.channel-state{border:1px solid var(--border);color:var(--muted);white-space:nowrap;background:#ffffff0a;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .7rem;display:inline-flex}.channel-state span{background:var(--muted);border-radius:999px;width:.55rem;height:.55rem}.channel-state.online{color:var(--good)}.channel-state.online span{background:var(--good);box-shadow:0 0 18px var(--good)}.chat-log{flex-direction:column;gap:.8rem;padding-right:.35rem;display:flex;overflow-y:auto}.message{border:1px solid var(--border);background:#ffffff0f;border-radius:1rem;max-width:84%;padding:.85rem 1rem}.message.user{background:linear-gradient(135deg,#75e4ff38,#9f7cff2e);align-self:flex-end}.message.system{background:#ffd16614;border-color:#ffd16652;max-width:100%}.message-meta{text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:1rem;margin-bottom:.4rem;font-size:.72rem;display:flex}.message p{white-space:pre-wrap;margin:0;line-height:1.5}.transcript-preview{color:var(--warning);margin-top:.75rem;font-size:.92rem}.composer{grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:.7rem;margin-top:1rem;display:grid}.composer textarea,.controls-panel select{color:#f8fbff;border:1px solid var(--border);resize:vertical;background:#ffffff0f;border-radius:.9rem;outline:none;width:100%;padding:.8rem .9rem}.composer textarea:focus,.controls-panel select:focus{border-color:#75e4ff99;box-shadow:0 0 0 3px #75e4ff1f}.mic-button,.send-button,.button-row button{color:#04111f;background:var(--accent);border-radius:.9rem;padding:.8rem 1rem;font-weight:800}.mic-button{color:#e5eefc;border:1px solid var(--border);background:#ffffff14}.mic-button.active{background:var(--good);color:#03140c;box-shadow:0 0 24px #67f7b03d}.controls-panel{background:var(--panel-strong);align-content:start;gap:1rem;display:grid}.controls-panel label{gap:.45rem;font-weight:700;display:grid}.toggle-row{grid-template-columns:auto 1fr;align-items:center}.controls-panel input[type=range]{accent-color:var(--accent)}.button-row{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.button-row button:last-child{color:#e5eefc;border:1px solid var(--border);background:#ffffff14}.note{background:#75e4ff14;border:1px solid #75e4ff29;border-radius:1rem;padding:1rem}.note p{color:#b7c8df;margin-bottom:0;line-height:1.5}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes orbit{to{transform:rotate(360deg)}}@media (width<=1180px){.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-grid,.hero-panel{grid-template-columns:1fr}.agent-visual{min-height:180px}}@media (width<=820px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.status-grid,.composer{grid-template-columns:1fr}.workspace,.sidebar{padding:1rem}}