*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy-950: #050810;--navy-900: #090D18;--navy-800: #0E1425;--navy-700: #141C34;--navy-600: #1C2847;--navy-500: #243057;--amber: #F59E0B;--amber-dim: #B97200;--amber-glow: rgba(245,158,11,.15);--amber-glow-sm: rgba(245,158,11,.08);--text-100: #F0F4FF;--text-300: #A8B4D0;--text-500: #5A6A8A;--border: rgba(255,255,255,.06);--border-amber: rgba(245,158,11,.25);--radius: 10px;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace}html,body,#root{height:100%;background:var(--navy-900);color:var(--text-100);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 50% 0%,rgba(245,158,11,.04) 0%,transparent 60%),radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,28px 28px;pointer-events:none;z-index:0}.layout{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;max-width:860px;margin:0 auto;padding:0 16px}.header{display:flex;align-items:center;justify-content:space-between;padding:18px 0 16px;border-bottom:1px solid var(--border);flex-shrink:0}.header__brand{display:flex;align-items:center;gap:14px}.header__logo{width:40px;height:40px;background:var(--amber-glow);border:1px solid var(--border-amber);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--amber);flex-shrink:0}.header__logo svg{width:20px;height:20px}.header__title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-100);letter-spacing:-.01em}.header__sub{font-size:11px;color:var(--text-500);letter-spacing:.06em;text-transform:uppercase;font-weight:500;margin-top:1px}.header__actions{display:flex;align-items:center;gap:16px}.user-chip{display:flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;background:var(--navy-800);border:1px solid var(--border);font-size:11px;color:var(--text-300);font-family:var(--font-mono)}.user-chip__badge{font-size:9px;padding:1px 5px;border-radius:4px;background:var(--amber-glow);color:var(--amber);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.btn--icon{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--navy-800);border:1px solid var(--border);color:var(--text-500);cursor:pointer;transition:all .15s ease;flex-shrink:0}.btn--icon:hover{color:var(--text-100);border-color:#ffffff1f}.btn--icon svg{width:14px;height:14px}.session-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);flex-shrink:0}.btn--sm{padding:4px 10px;font-size:12px}.btn--sm svg{width:12px;height:12px}.model-selector{display:flex;align-items:center;gap:6px}.model-selector__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--navy-800);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-300);font-family:var(--font-body);font-size:12px;padding:5px 10px;cursor:pointer;outline:none;transition:border-color .15s,color .15s}.model-selector__select:hover,.model-selector__select:focus{border-color:var(--border-amber);color:var(--text-100)}.session-badge{display:flex;align-items:center;gap:7px;padding:4px 10px;border-radius:20px;background:var(--navy-800);border:1px solid var(--border)}.session-badge__dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e99;animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}.session-badge__id{font-family:var(--font-mono);font-size:11px;color:var(--text-300);letter-spacing:.04em}.session-picker{position:relative}.session-picker__trigger{display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:20px;background:var(--navy-800);border:1px solid var(--border);color:var(--text-300);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:all .15s ease}.session-picker__trigger:hover{border-color:#ffffff1f;color:var(--text-100)}.session-picker__label{letter-spacing:.04em}.session-picker__count{color:var(--text-500)}.session-picker__caret{width:12px;height:12px;transition:transform .15s ease}.session-picker__caret.open{transform:rotate(180deg)}.session-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--navy-800);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 32px #0006;z-index:100;overflow:hidden;animation:slide-up .15s ease}.session-dropdown__header{padding:8px 12px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-500);border-bottom:1px solid var(--border);font-family:var(--font-mono)}.session-dropdown__item{display:flex;flex-direction:column;gap:2px;width:100%;padding:9px 12px;background:none;border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;transition:background .1s}.session-dropdown__item:last-child{border-bottom:none}.session-dropdown__item:hover{background:var(--navy-700)}.session-dropdown__item.active{background:var(--amber-glow);border-left:2px solid var(--amber)}.session-dropdown__id{font-family:var(--font-mono);font-size:12px;color:var(--text-100);letter-spacing:.04em}.session-dropdown__meta{font-size:11px;color:var(--text-500)}.btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--radius);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.btn--ghost{background:var(--navy-800);border:1px solid var(--border);color:var(--text-300)}.btn--ghost:hover{background:var(--navy-700);color:var(--text-100);border-color:#ffffff1f}.btn--ghost svg{width:14px;height:14px}.btn--send{width:42px;height:42px;padding:0;border-radius:10px;background:var(--amber);color:var(--navy-950);flex-shrink:0;justify-content:center}.btn--send:hover:not(:disabled){background:#fbbf24;box-shadow:0 0 20px #f59e0b66}.btn--send:disabled{background:var(--navy-600);color:var(--text-500);cursor:not-allowed}.btn--send svg{width:16px;height:16px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-area{flex:1;overflow-y:auto;padding:24px 0;scroll-behavior:smooth;display:flex;flex-direction:column}.chat-area::-webkit-scrollbar{width:4px}.chat-area::-webkit-scrollbar-track{background:transparent}.chat-area::-webkit-scrollbar-thumb{background:var(--navy-600);border-radius:2px}.empty-state{margin:auto;text-align:center;max-width:480px;padding:40px 20px}.empty-state__icon{width:72px;height:72px;margin:0 auto 24px;background:var(--amber-glow-sm);border:1px solid var(--border-amber);border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--amber)}.empty-state__icon svg{width:36px;height:36px}.empty-state h2{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--text-100);margin-bottom:10px;letter-spacing:-.02em}.empty-state p{color:var(--text-300);font-size:14px;line-height:1.7;margin-bottom:28px}.suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.suggestion{padding:8px 14px;border-radius:20px;background:var(--navy-800);border:1px solid var(--border);color:var(--text-300);font-family:var(--font-body);font-size:13px;cursor:pointer;transition:all .15s ease}.suggestion:hover{background:var(--amber-glow);border-color:var(--border-amber);color:var(--amber)}.messages{display:flex;flex-direction:column;gap:20px}.message{display:flex;flex-direction:column;gap:6px;animation:slide-up .2s ease}@keyframes slide-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message__label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.1em;color:var(--text-500)}.message--user{align-items:flex-end}.message--user .message__label{color:var(--amber-dim)}.message--assistant{align-items:flex-start}.message__bubble{max-width:78%;padding:12px 16px;border-radius:var(--radius);line-height:1.65}.message--user .message__bubble{background:var(--amber-glow);border:1px solid var(--border-amber);color:var(--text-100);border-bottom-right-radius:3px}.message--assistant .message__bubble{background:var(--navy-800);border:1px solid var(--border);color:var(--text-100);border-bottom-left-radius:3px}.message--assistant .message__bubble p{margin-bottom:.6em}.message--assistant .message__bubble p:last-child{margin-bottom:0}.message--assistant .message__bubble h1,.message--assistant .message__bubble h2,.message--assistant .message__bubble h3{font-family:var(--font-display);font-weight:600;color:var(--text-100);margin:.8em 0 .4em}.message--assistant .message__bubble h1{font-size:1.15em}.message--assistant .message__bubble h2{font-size:1.05em}.message--assistant .message__bubble h3{font-size:.95em;color:var(--text-300)}.message--assistant .message__bubble code{font-family:var(--font-mono);font-size:.82em;background:var(--navy-700);padding:2px 6px;border-radius:4px;color:var(--amber)}.message--assistant .message__bubble pre{background:var(--navy-950);border:1px solid var(--border);border-radius:8px;padding:14px;overflow-x:auto;margin:.6em 0}.message--assistant .message__bubble pre code{background:none;padding:0;color:var(--text-300);font-size:.8em}.message--assistant .message__bubble ul,.message--assistant .message__bubble ol{padding-left:1.4em;margin:.4em 0}.message--assistant .message__bubble li{margin-bottom:.25em}.message--assistant .message__bubble table{width:100%;border-collapse:collapse;font-size:.88em;margin:.6em 0}.message--assistant .message__bubble th,.message--assistant .message__bubble td{padding:6px 10px;border:1px solid var(--border);text-align:left}.message--assistant .message__bubble th{background:var(--navy-700);color:var(--text-300);font-family:var(--font-mono);font-size:.8em;letter-spacing:.05em}.message--assistant .message__bubble strong{color:var(--text-100);font-weight:600}.message--assistant .message__bubble em{color:var(--text-300)}.message--assistant .message__bubble a{color:var(--amber);text-decoration:underline;text-underline-offset:2px}.typing-dots{display:flex;gap:5px;align-items:center;height:20px}.typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--text-500);animation:bounce 1.2s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.error-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius);color:#f87171;font-size:13px}.error-banner svg{width:16px;height:16px;flex-shrink:0}.composer{padding:16px 0 20px;border-top:1px solid var(--border);flex-shrink:0}.composer__inner{display:flex;align-items:flex-end;gap:10px;background:var(--navy-800);border:1px solid var(--border);border-radius:12px;padding:10px 10px 10px 16px;transition:border-color .15s}.composer__inner:focus-within{border-color:var(--border-amber);box-shadow:0 0 0 3px var(--amber-glow-sm)}.composer__input{flex:1;background:none;border:none;outline:none;color:var(--text-100);font-family:var(--font-body);font-size:15px;line-height:1.5;resize:none;height:24px;min-height:24px;max-height:160px;overflow-y:auto}.composer__input::placeholder{color:var(--text-500)}.composer__input::-webkit-scrollbar{width:3px}.composer__input::-webkit-scrollbar-thumb{background:var(--navy-600);border-radius:2px}.composer__hint{margin-top:8px;text-align:center;font-size:11px;color:var(--text-500);letter-spacing:.02em}@media (max-width: 600px){.layout{padding:0 12px}.header__sub{display:none}.message__bubble{max-width:92%}.session-badge{display:none}}