:root{color:#ffffffeb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#070810;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 24% 18%,#8069ff59,#0000 34%),radial-gradient(circle at 84% 8%,#4dd5ff3b,#0000 32%),linear-gradient(135deg,#070810 0%,#111421 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:24px;min-height:100vh;padding:24px;display:grid}.hero-panel,.control-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a14b8;border:1px solid #ffffff1a;border-radius:32px;overflow:hidden;box-shadow:0 24px 80px #0000005c}.hero-panel{flex-direction:column;min-height:calc(100vh - 48px);padding:24px;display:flex}.topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.badge{color:#d8d3ff;letter-spacing:.02em;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;padding:8px 13px;font-size:13px}.status-bar{color:#e9e8ff;background:#ffffff12;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.status-dot{background:#8ee7ff;border-radius:999px;width:9px;height:9px;box-shadow:0 0 20px #8ee7ff}.status-bar.listening .status-dot{background:#8fffbc;box-shadow:0 0 20px #8fffbc}.status-bar.thinking .status-dot,.status-bar.working .status-dot{background:#ffd27d;box-shadow:0 0 20px #ffd27d}.status-bar.error .status-dot{background:#ff6d8a;box-shadow:0 0 20px #ff6d8a}.avatar-canvas{background:#090a12;border:1px solid #ffffff14;border-radius:28px;flex:1;min-height:460px;margin:18px 0;overflow:hidden}.avatar-caption h1{letter-spacing:-.06em;margin:0 0 8px;font-size:clamp(30px,5vw,58px);line-height:.95}.avatar-caption p{color:#ffffffad;max-width:720px;margin:0;line-height:1.55}.control-panel{flex-direction:column;min-height:calc(100vh - 48px);padding:18px;display:flex}.chat-panel{flex-direction:column;flex:1;gap:12px;padding:6px 4px 18px;display:flex;overflow:auto}.message{background:#ffffff13;border:1px solid #ffffff14;border-radius:20px;width:fit-content;max-width:92%;padding:12px 14px}.message.user{background:#745bff38;align-self:flex-end}.message.assistant{background:#39d5ff1c;align-self:flex-start}.message-role{color:#ffffff8c;margin-bottom:4px;font-size:12px;display:block}.message p{margin:0;line-height:1.5}.error-box{color:#ffd7df;background:#ff4b7421;border:1px solid #ff6b8a38;border-radius:14px;margin-bottom:12px;padding:12px}.composer{border-top:1px solid #ffffff14;gap:10px;padding-top:12px;display:flex}.composer input{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;outline:none;flex:1;min-width:0;padding:13px 14px}.composer input:focus{border-color:#8ee7ffbf}.composer button,.talk-button{color:#090a12;cursor:pointer;background:linear-gradient(135deg,#8ee7ff,#c7b8ff);border:none;border-radius:16px;padding:13px 16px;font-weight:750}.talk-button{color:#fff;background:#ffffff1a;border:1px solid #ffffff1f;width:100%;margin-top:10px}.talk-button.listening{color:#06100b;background:linear-gradient(135deg,#8fffbc,#8ee7ff)}button:disabled{cursor:not-allowed;opacity:.45}@media (width<=920px){.app-shell{grid-template-columns:1fr}.hero-panel,.control-panel{min-height:auto}.avatar-canvas{min-height:380px}}