:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#16151f;background:#10111f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}.app-shell{min-height:100vh;padding:22px;background:linear-gradient(135deg,rgba(91,77,255,.12),transparent 34%),linear-gradient(315deg,rgba(255,122,89,.14),transparent 38%),linear-gradient(135deg,#0e1020,#17182b 54%,#211729)}.workspace{display:grid;grid-template-columns:minmax(292px,350px) minmax(0,1fr);max-width:1340px;min-height:calc(100vh - 44px);margin:0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#fffffff5;box-shadow:0 34px 110px #00000061,inset 0 1px #ffffffbf}.side-panel{position:relative;display:flex;flex-direction:column;gap:22px;padding:26px;border-right:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),linear-gradient(145deg,rgba(64,221,196,.1),transparent 45%),#15111f;color:#f9fffb}.side-panel:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(120deg,rgba(64,221,196,.14),transparent 30%),linear-gradient(310deg,rgba(255,122,89,.15),transparent 36%)}.side-panel>*{position:relative;z-index:1}.brand{display:flex;align-items:center;gap:15px}.brand-mark{display:inline-grid;width:58px;height:58px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:linear-gradient(135deg,#ff7a59,#ffc857);color:#fff;box-shadow:0 14px 34px #ff7a5947}.brand h1,.conversation-header h2,.stage-copy strong,.brand p,.bubble p{margin:0;letter-spacing:0}.brand h1{color:#fff;font-size:2.05rem;line-height:1}.brand p{margin-top:7px;color:#cec8df;font-size:.98rem}.assistant-stage{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto;gap:14px 16px;align-items:center;min-height:176px;padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(150deg,#40ddc41f,#7c5cff14),#ffffff12;box-shadow:inset 0 1px #ffffff12}.orbital-meter{display:grid;width:106px;height:106px;place-items:center;grid-row:span 2;border:1px solid rgba(107,235,216,.34);border-radius:50%;background:linear-gradient(145deg,#40ddc440,#ff7a590f),#211a30;color:#8df4df;box-shadow:0 0 0 10px #40ddc40f,0 18px 42px #0003}.assistant-stage[data-state=listening] .orbital-meter{color:#ffc857;border-color:#ffc85780}.assistant-stage[data-state=thinking] .orbital-meter{color:#ff7a59;border-color:#ff7a598a}.signal-bars{display:grid;grid-template-columns:repeat(18,1fr);align-items:center;gap:4px;width:100%;height:52px;padding:0 2px}.signal-bars span{display:block;height:calc(10px + (var(--i) % 7) * 4px);min-height:8px;border-radius:999px;background:linear-gradient(180deg,#a9fff0,#2bc4a9);opacity:.42;transform-origin:center}.assistant-stage[data-state=listening] .signal-bars span,.assistant-stage[data-state=thinking] .signal-bars span{animation:wave .9s ease-in-out infinite;animation-delay:calc(var(--i) * 42ms);opacity:.88}.assistant-stage[data-state=thinking] .signal-bars span{background:linear-gradient(180deg,#ffc857,#ff7a59)}.stage-copy{align-self:start}.eyebrow{display:block;margin-bottom:6px;color:#6f6a7d;font-size:.74rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.side-panel .eyebrow{color:#b8b1ca}.stage-copy strong{display:block;color:#fff;font-size:1.55rem;line-height:1.1}.control-stack{display:grid;gap:14px}.select-field{display:grid;gap:10px}.select-field span,.toggle-field span:first-child{display:inline-flex;align-items:center;gap:8px;color:#f2effa;font-weight:800}.select-field select{width:100%;min-height:50px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:8px;outline:none;background:#0d0a16;color:#fff}.select-field select:focus{border-color:#40ddc4ad;box-shadow:0 0 0 3px #40ddc429}.toggle-field{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0d0a16;color:#f2effa;font-weight:800}.switch{position:relative;display:inline-flex;width:48px;height:28px;flex:0 0 auto}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;margin:0;opacity:0;cursor:pointer}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#272135;transition:background .16s ease,border-color .16s ease}.switch span:after{position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:#f4f1fb;content:"";transition:transform .16s ease}.switch input:checked+span{border-color:#ff7a59d1;background:#ff7a59}.switch input:checked+span:after{transform:translate(20px);background:#15111f}.health-line{display:flex;align-items:center;gap:9px;margin-top:auto;color:#e3dff0;font-weight:700}.health-line svg{color:#6ff0d8}.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff0a;color:#fff;font-weight:900;transition:background .16s ease,transform .16s ease}.secondary-action:hover{background:#ffffff17;transform:translateY(-1px)}.conversation-panel{display:flex;min-width:0;min-height:0;flex-direction:column;background:#dfe4f1}.conversation-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 36px 24px;border-bottom:1px solid rgba(31,24,47,.09);background:linear-gradient(135deg,#fffffffa,#f6f3ffe6),#fff;box-shadow:0 14px 30px #1917220a}.conversation-header:after{position:absolute;right:36px;bottom:-1px;left:36px;height:2px;border-radius:999px;background:linear-gradient(90deg,#ff7a59,#1a9d89,#7c5cff);opacity:.72;content:""}.conversation-header h2{color:#16151f;font-size:clamp(1.55rem,2.1vw,2.35rem);line-height:1.04}.header-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.pulse-label{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;border:1px solid rgba(31,24,47,.1);border-radius:999px;background:#ffffffbd;color:#5f5a6f;font-weight:800;white-space:nowrap;box-shadow:0 10px 22px #1917220e}.pulse-label svg{color:#1a9d89}.pulse-label.accent svg{color:#ff7a59}.messages{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;gap:18px;padding:34px 36px;overflow-y:auto;background:linear-gradient(115deg,rgba(255,200,87,.17),transparent 32%),linear-gradient(245deg,rgba(124,92,255,.2),transparent 38%),linear-gradient(315deg,rgba(26,157,137,.17),transparent 42%),linear-gradient(180deg,#ded8ee,#d7e4eb)}.messages::-webkit-scrollbar{width:10px}.messages::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#433a5c47;background-clip:content-box}.message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;max-width:min(840px,100%)}.message.user{align-self:flex-end;grid-template-columns:minmax(0,1fr) 42px}.message.user .avatar{grid-column:2;grid-row:1;background:#ff7a59;color:#fff}.message.user .bubble{grid-column:1;justify-self:end;border-color:transparent;background:linear-gradient(135deg,#ff7556,#ff9469);color:#fff;box-shadow:0 14px 34px #ff7a5933}.avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#1a9d89,#36c6ad);color:#fff;box-shadow:0 10px 24px #1a9d892e}.bubble{position:relative;width:fit-content;max-width:100%;min-height:48px;padding:14px 46px 14px 16px;border:1px solid rgba(31,24,47,.085);border-radius:8px;background:linear-gradient(135deg,#fffffffc,#fafcfff5),#fff;color:#1d1a27;line-height:1.58;overflow-wrap:anywhere;box-shadow:0 14px 34px #19172211}.bubble.typing{display:inline-flex;align-items:center;gap:10px;color:#625d70;font-weight:800}.bubble.typing svg{animation:spin .9s linear infinite}.icon-action{position:absolute;top:10px;right:10px;display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(31,24,47,.12);border-radius:50%;background:#f6fbf8;color:#1a9d89}.notice{margin:0 34px 16px;padding:13px 15px;border:1px solid rgba(31,24,47,.14);border-radius:8px;background:#edf9f4;color:#173b35;font-weight:700}.notice.error{border-color:#d4583e52;background:#fff0eb;color:#9a3a28}.composer{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;gap:12px;padding:20px 36px 26px;border-top:1px solid rgba(91,77,255,.14);background:linear-gradient(135deg,#cdd7f1fa,#dbcff0fa),#d4dcec}.composer-input{display:flex;align-items:center;min-width:0;min-height:58px;padding:0 16px;border:1px solid rgba(91,77,180,.28);border-radius:8px;background:linear-gradient(135deg,#e8edfb,#d8e0f2);color:#596179;box-shadow:0 0 0 1px #7c5cff0f,0 14px 34px #4b44782e}.composer-input:focus-within{border-color:#7c5cff7a;box-shadow:0 0 0 3px #7c5cff21,0 16px 38px #4b447821}.composer-input input{width:100%;min-width:0;height:100%;padding:0 0 0 12px;border:0;outline:none;background:transparent;color:#19172a}.composer-input input::placeholder{color:#7a819c}.mic-button,.send-button{display:grid;width:58px;height:58px;place-items:center;border:0;border-radius:8px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.mic-button{background:linear-gradient(135deg,#cbd6f1,#d7cdec);color:#6b55c8}.mic-button.active{background:#ffc857;color:#16151f;box-shadow:0 14px 30px #ffc85742}.send-button{background:linear-gradient(135deg,#7c5cff,#1a9d89);color:#fff;box-shadow:0 15px 34px #7c5cff38}.mic-button:hover:not(:disabled),.send-button:hover:not(:disabled){transform:translateY(-1px)}@keyframes wave{0%,to{transform:scaleY(.58)}50%{transform:scaleY(1.28)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.app-shell{padding:12px}.workspace{grid-template-columns:1fr;min-height:calc(100vh - 24px)}.side-panel{display:grid;grid-template-columns:1fr 1fr;align-items:start;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.brand,.assistant-stage{grid-column:span 2}.health-line{margin-top:0}}@media(max-width:680px){.app-shell{padding:0}.workspace{min-height:100vh;border:0;border-radius:0}.side-panel{grid-template-columns:1fr;gap:16px;padding:20px}.brand,.assistant-stage{grid-column:auto}.assistant-stage{grid-template-columns:78px minmax(0,1fr);min-height:132px;padding:16px}.orbital-meter{width:76px;height:76px}.signal-bars{height:38px;gap:3px}.conversation-header{align-items:flex-start;flex-direction:column;padding:22px 20px 18px}.header-pills{justify-content:flex-start}.messages{gap:16px;padding:20px}.message,.message.user{grid-template-columns:36px minmax(0,1fr);align-self:stretch}.message.user .avatar{grid-column:1}.message.user .bubble{grid-column:2;justify-self:start}.avatar{width:36px;height:36px}.bubble{min-height:44px;padding:12px 42px 12px 14px}.notice{margin:0 20px 14px}.composer{grid-template-columns:50px minmax(0,1fr) 50px;gap:8px;padding:14px}.composer-input,.mic-button,.send-button{min-height:50px;height:50px}.mic-button,.send-button{width:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}