@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg: #050505;--sidebar-bg: #0a0a0a;--surface: #111111;--border: rgba(255, 255, 255, .08);--text: #e0e0e0;--text-dim: #666666;--accent: #ffffff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow:hidden;height:100vh;width:100vw}.app-container{display:flex;height:100%;width:100%;position:relative}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:100;display:flex;flex-direction:column;padding:20px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sidebar-label{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);font-weight:700}.close-btn{background:none;border:none;color:var(--text-dim);cursor:pointer}.new-chat-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:14px;font-weight:500;margin-bottom:24px;cursor:pointer}.chat-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.chat-item{display:flex;align-items:center;gap:12px;padding:12px;border:none;background:none;color:var(--text-dim);border-radius:8px;text-align:left;font-size:14px;cursor:pointer;transition:all .2s}.chat-item.active{background:var(--surface);color:var(--text)}.chat-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{margin-top:auto;padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;background:var(--surface);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.user-info{display:flex;flex-direction:column}.username{font-size:14px;font-weight:500}.user-role{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.main-content{flex:1;display:flex;flex-direction:column;height:100%;position:relative;background:var(--bg)}.main-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border);background:#050505cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 8px #fff}.main-header h1{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600;letter-spacing:-.05em;margin:0}.icon-btn{background:none;border:none;color:var(--text-dim);padding:8px;cursor:pointer}.chat-area{flex:1;overflow-y:auto;padding:20px 16px 120px;display:flex;justify-content:center}.chat-container{width:100%;max-width:650px}.welcome-screen{height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-dim)}.welcome-icon{margin-bottom:20px;opacity:.3}.welcome-screen h2{font-size:24px;font-weight:300;margin:0 0 10px;color:var(--text)}.message-list{display:flex;flex-direction:column;gap:32px}.message-wrapper{display:flex;width:100%}.message-wrapper.user{justify-content:flex-end}.message-bubble{max-width:85%;padding:16px;border-radius:16px;font-size:16px;line-height:1.5}.user .message-bubble{background:var(--surface);border:1px solid var(--border);color:var(--text);border-bottom-right-radius:4px}.assistant .message-bubble{background:transparent;padding-left:0;color:#ffffffb3;font-weight:300}.assistant-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;color:#fff3}.typing-indicator{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-area{position:absolute;bottom:0;left:0;right:0;padding:20px 16px 40px;background:linear-gradient(to top,var(--bg) 60%,transparent)}.input-container{max-width:650px;margin:0 auto}.input-form{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:6px 6px 6px 20px;align-items:center;box-shadow:0 10px 30px #00000080}.input-form input{flex:1;background:none;border:none;color:var(--text);font-size:16px;padding:10px 0;outline:none}.send-btn{width:44px;height:44px;border-radius:50%;background:#fff;border:none;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s}.send-btn:disabled{opacity:.1}.footer-tagline{text-align:center;margin-top:12px;font-size:9px;text-transform:uppercase;letter-spacing:.3em;color:#ffffff1a}@media (min-width: 1025px){.sidebar{position:relative;transform:none!important}.sidebar-overlay,.main-header .icon-btn:first-child{display:none}}