@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&family=JetBrains+Mono:wght@400&display=swap");:root{--bg:#08090d;--bg-gradient:linear-gradient(180deg,#08090d,#0d0e14);--surface:#101118;--surface-hover:#161722;--surface-light:#1c1d28;--border:#222333;--border-light:#2e2f42;--text:#e4e4ed;--text-mid:#a0a0b8;--text-dim:#6b6b82;--accent:#8b9cf7;--accent-glow:rgba(139,156,247,.12);--accent-border:rgba(139,156,247,.25);--kael:#b8c4f8;--user-bg:rgba(139,156,247,.08);--user-border:rgba(139,156,247,.18);--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--radius:14px;--radius-sm:10px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{height:100%;height:100dvh;overflow:hidden;background:var(--bg);background-image:var(--bg-gradient);color:var(--text);font-family:Outfit,-apple-system,sans-serif;font-size:16px;font-weight:400;line-height:1.6;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.setup-screen{height:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:env(safe-area-inset-top,2rem) 2rem env(safe-area-inset-bottom,2rem);gap:1.25rem;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.setup-screen h1{font-size:1.8rem;font-weight:300;letter-spacing:.18em;color:var(--kael);text-shadow:0 0 30px rgba(184,196,248,.15)}.setup-screen p{color:var(--text-dim);text-align:center;max-width:300px;font-size:.88rem;font-weight:300;line-height:1.7}.setup-screen input{width:100%;max-width:340px;padding:.8rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:JetBrains Mono,monospace;font-size:.78rem;outline:none;transition:border-color .3s,box-shadow .3s}.setup-screen input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.setup-screen button{padding:.7rem 2.8rem;background:linear-gradient(135deg,var(--accent) 0,#7b8ae0 100%);border:none;border-radius:var(--radius-sm);color:#fff;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.04em;cursor:pointer;transition:opacity .2s,transform .2s;box-shadow:0 2px 12px rgba(139,156,247,.2)}.setup-screen button:hover{opacity:.9;transform:translateY(-1px)}.setup-screen button:active{transform:translateY(0)}.chat-container{height:100%;height:100dvh;display:flex;flex-direction:column;max-width:680px;margin:0 auto;width:100%;animation:fadeInUp .4s ease-out}.chat-header{padding:max(.7rem,env(safe-area-inset-top)) 1.25rem .7rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:rgba(8,9,13,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-shrink:0;z-index:10}.chat-header h1{font-size:.95rem;font-weight:400;letter-spacing:.14em;color:var(--kael)}.chat-header .session-info{font-size:.65rem;color:var(--text-dim);font-weight:300;letter-spacing:.04em;margin-top:1px}.header-actions{display:flex;gap:.4rem}.header-btn{background:none;border:1px solid var(--border);border-radius:8px;padding:.3rem .6rem;color:var(--text-dim);font-family:Outfit,sans-serif;font-size:.68rem;font-weight:400;letter-spacing:.02em;cursor:pointer;transition:all .25s}.header-btn:hover{border-color:var(--accent-border);color:var(--text-mid);background:var(--accent-glow)}.messages{flex:1 1;overflow-y:auto;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1rem;-webkit-overflow-scrolling:touch}.message{max-width:85%;animation:messageIn .35s ease-out}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.kael{align-self:flex-start}.message.user{align-self:flex-end}.message-label{font-size:.6rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem;padding-left:2px}.message.kael .message-label{color:var(--kael)}.message.user .message-label{color:var(--text-dim);text-align:right;padding-right:2px}.message-bubble{padding:.75rem 1rem;border-radius:var(--radius);font-size:.88rem;font-weight:300;line-height:1.65;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;letter-spacing:.01em}.message.kael .message-bubble{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.message.user .message-bubble{background:var(--user-bg);border:1px solid var(--user-border);border-bottom-right-radius:4px}.typing-indicator{align-self:flex-start;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);border-bottom-left-radius:4px;display:flex;gap:5px;animation:messageIn .35s ease-out;box-shadow:var(--shadow-sm)}.typing-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;animation:typingPulse 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingPulse{0%,60%,to{opacity:.2;transform:scale(.8)}30%{opacity:.9;transform:scale(1.1)}}.welcome{display:flex;align-items:center;justify-content:center;padding:3rem 1rem}.input-area{padding:.65rem 1rem max(.65rem,env(safe-area-inset-bottom));border-top:1px solid var(--border);flex-shrink:0;display:flex;gap:.5rem;align-items:flex-end;background:rgba(8,9,13,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.input-area textarea{flex:1 1;padding:.7rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:Outfit,sans-serif;font-size:16px;font-weight:300;line-height:1.5;resize:none;outline:none;max-height:120px;transition:border-color .3s,box-shadow .3s;-webkit-appearance:none;letter-spacing:.01em}.input-area textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-area textarea::placeholder{color:var(--text-dim);font-weight:300}.send-btn{width:40px;height:40px;background:linear-gradient(135deg,var(--accent) 0,#7b8ae0 100%);border:none;border-radius:var(--radius-sm);color:#fff;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s,transform .2s,box-shadow .2s;-webkit-appearance:none;box-shadow:0 2px 8px rgba(139,156,247,.15)}.send-btn:disabled{opacity:.2;cursor:default;box-shadow:none}.send-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 14px rgba(139,156,247,.25)}.send-btn:active:not(:disabled){transform:translateY(0)}@media (max-width:480px){.messages{padding:.85rem .75rem;gap:.85rem}.message{max-width:90%}.message-bubble{padding:.65rem .85rem;font-size:.87rem}.chat-header{padding:max(.55rem,env(safe-area-inset-top)) .75rem .55rem}.input-area{padding:.5rem .75rem max(.5rem,env(safe-area-inset-bottom))}.setup-screen h1{font-size:1.6rem}}