*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c-bg: #0e0e10;--c-surface: #18181b;--c-surface-2: #27272a;--c-border: #3f3f46;--c-text: #e4e4e7;--c-muted: #71717a;--c-accent: #818cf8;--c-accent-dark: #3730a3;--c-user-bg: #1e1b4b;--c-error: #fca5a5;--c-error-bg: #450a0a;--radius: 12px;--radius-sm: 6px}html,body,#root{height:100%}body{background:var(--c-bg);color:var(--c-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--c-muted)}.layout{display:flex;flex-direction:column;height:100vh;max-width:860px;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--c-border);background:var(--c-surface);flex-shrink:0}.header__brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;letter-spacing:-.2px}.header__dot{width:9px;height:9px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 10px var(--c-accent);flex-shrink:0}.header__btn{background:none;border:1px solid var(--c-border);color:var(--c-muted);border-radius:var(--radius-sm);padding:5px 12px;font-size:13px;cursor:pointer;transition:color .15s,border-color .15s}.header__btn:hover{color:var(--c-text);border-color:var(--c-muted)}.chat{flex:1;overflow-y:auto;padding:24px 16px;display:flex;flex-direction:column;gap:18px}.chat__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--c-muted)}.chat__empty-icon{font-size:40px;opacity:.6}.chat__empty p{font-size:16px}.msg{display:flex;align-items:flex-start;gap:10px;animation:fadeUp .2s ease}.msg--user{flex-direction:row-reverse}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msg__avatar{flex-shrink:0;width:30px;height:30px;border-radius:8px;background:var(--c-surface-2);border:1px solid var(--c-border);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--c-muted);letter-spacing:.5px}.msg__avatar--user{background:var(--c-accent-dark);border-color:var(--c-accent);color:var(--c-accent)}.msg__bubble{max-width:min(660px,calc(100% - 80px));padding:11px 15px;border-radius:var(--radius);background:var(--c-surface);border:1px solid var(--c-border);word-break:break-word}.msg--user .msg__bubble{background:var(--c-user-bg);border-color:var(--c-accent-dark)}.msg__text{white-space:pre-wrap}.msg__meta{display:block;margin-top:6px;font-size:11px;color:var(--c-muted)}.msg__bubble--typing{display:flex;align-items:center;gap:5px;padding:14px 16px}.dot{width:7px;height:7px;background:var(--c-muted);border-radius:50%;animation:bounce 1.3s ease-in-out infinite}.dot:nth-child(2){animation-delay:.16s}.dot:nth-child(3){animation-delay:.32s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-7px);opacity:1}}.error-banner{padding:11px 15px;background:var(--c-error-bg);border:1px solid #7f1d1d;border-radius:var(--radius);color:var(--c-error);font-size:14px}.composer{display:flex;align-items:flex-end;gap:10px;padding:14px 16px;border-top:1px solid var(--c-border);background:var(--c-surface);flex-shrink:0}.composer__input{flex:1;min-height:44px;max-height:200px;padding:10px 14px;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text);font-family:inherit;font-size:15px;line-height:1.5;resize:none;outline:none;transition:border-color .15s}.composer__input:focus{border-color:var(--c-accent)}.composer__input::placeholder{color:var(--c-muted)}.composer__input:disabled{opacity:.5;cursor:not-allowed}.composer__send{flex-shrink:0;width:44px;height:44px;background:var(--c-accent);color:#fff;border:none;border-radius:var(--radius);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s,transform .1s}.composer__send:hover:not(:disabled){opacity:.88;transform:scale(1.05)}.composer__send:disabled{opacity:.3;cursor:not-allowed}.header__right{display:flex;align-items:center;gap:8px}.model-badge{font-size:11px;font-weight:500;padding:4px 10px;border-radius:20px;letter-spacing:.3px;white-space:nowrap;transition:background .3s,color .3s,border-color .3s}.model-badge--ollama{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.25)}.model-badge--claude{background:#818cf81a;color:var(--c-accent);border:1px solid rgba(129,140,248,.25)}