.sidebar{width:250px;height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:var(--s-16);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:var(--s-12)}.sidebar-header .btn{width:100%;justify-content:center}.sidebar-content{flex:1;overflow-y:auto;padding:var(--s-8)}.user-info{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--s-8);font-size:var(--text-sm)}.sidebar .user-info .username{color:var(--muted);font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{width:100%;justify-content:center;white-space:nowrap}.conversation-list{display:flex;flex-direction:column;gap:var(--s-4)}.conversation-item{padding:var(--s-12);border-radius:var(--radius);border:1px solid transparent;cursor:pointer;position:relative;transition:all var(--duration-fast) var(--ease)}.conversation-item:hover{background:var(--hover);border-color:var(--border)}.conversation-item.active{background:var(--accent-bg);border-color:var(--accent)}.conversation-title{font-weight:500;margin-bottom:var(--s-4);line-height:1.4}.conversation-meta{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--muted)}.conversation-delete{position:absolute;top:var(--s-8);right:var(--s-8);width:20px;height:20px;border:none;background:var(--danger);color:#fff;border-radius:50%;font-size:14px;line-height:1;cursor:pointer;opacity:0;transition:opacity var(--duration-fast) var(--ease)}.conversation-item:hover .conversation-delete{opacity:1}.conversation-delete:hover{background:var(--danger-hover)}.empty-state{text-align:center;color:var(--muted);padding:var(--s-24);font-size:var(--text-sm)}.sidebar-message{text-align:center;color:var(--muted);font-size:var(--text-sm);line-height:1.5}.loading{text-align:center;color:var(--muted);padding:var(--s-16)}.modal-overlay{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(400px,90vw);max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-20) var(--s-24);border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:var(--text-lg);font-weight:600}.modal-close{background:none;border:none;font-size:24px;line-height:1;cursor:pointer;color:var(--muted);padding:var(--s-4);border-radius:var(--radius)}.modal-close:hover{background:var(--hover);color:var(--text)}.auth-form{padding:var(--s-24);display:flex;flex-direction:column;gap:var(--s-16)}.form-group{display:flex;flex-direction:column;gap:var(--s-6)}.form-group label{font-weight:500;font-size:var(--text-sm);color:var(--text)}.form-group input{padding:var(--s-12);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease)}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.error-message{background:var(--danger-bg);color:var(--danger);padding:var(--s-12);border-radius:var(--radius);font-size:var(--text-sm);border:1px solid var(--danger)}.auth-switch{padding:0 var(--s-24) var(--s-24);text-align:center;font-size:var(--text-sm);color:var(--muted)}.link-button{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;font-size:inherit;font-weight:700;opacity:1}.link-button:hover{color:var(--accent);opacity:.8}.auth-switch{padding:0 var(--s-24) var(--s-24);text-align:center;font-size:var(--text-sm);color:var(--text)}.auth-switch p{color:var(--text);margin:0;font-weight:500}.btn-sm{padding:var(--s-6) var(--s-12);font-size:var(--text-sm)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid transparent}.btn-ghost:hover{background:var(--hover);color:var(--text);border-color:var(--border)}.app:has(.sidebar) .frame{flex:1;width:auto;max-width:none;height:100vh}.app:has(.sidebar){padding:0}.admin-menu{display:flex;align-items:center;gap:var(--s-8);position:relative}.admin-label{font-size:var(--text-sm);color:var(--accent);font-weight:600;line-height:1}.dropdown{position:relative}.dropdown-toggle{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transform:none}.dropdown-toggle:hover{transform:none}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:120px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--duration-fast) var(--ease)}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;width:100%;padding:var(--s-8) var(--s-12);background:none;border:none;text-align:left;color:var(--text);cursor:pointer;font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease)}.dropdown-item:hover{background:var(--hover)}.dropdown-item:first-child{border-radius:var(--radius) var(--radius) 0 0}.dropdown-item:last-child{border-radius:0 0 var(--radius) var(--radius)}@media(max-width:768px){.sidebar{position:fixed;z-index:100;box-shadow:var(--shadow-lg)}.header-left,.header-right{gap:var(--s-8)}.user-menu,.admin-menu{flex-direction:column;align-items:flex-end;gap:var(--s-4)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{--bg: #f7f5f2;--panel: #ffffff;--text: #2c2a26;--muted: #6e6a62;--border: rgba(44, 42, 38, .14);--accent: #6a8f7a;--accent-ink: #1e2b24;--r-card: 16px;--r-pill: 999px;--s-8: 8px;--s-16: 16px;--s-24: 24px;--s-32: 32px;--s-48: 48px;--s-64: 64px;--shadow: 0 8px 24px rgba(44, 42, 38, .08);--font-body: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-head: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,rgba(106,143,122,.1),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.65}a{color:inherit}.app{min-height:100vh;display:flex;background:var(--bg);position:relative}.app:not(.app:has(.sidebar)){align-items:center;justify-content:center;padding:var(--s-16)}.frame{width:min(920px,100%);display:flex;flex-direction:column;gap:var(--s-16)}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-16)}.header-left,.header-right{display:flex;align-items:center;gap:var(--s-12)}.sidebar-toggle{padding:var(--s-8);font-size:18px;line-height:1}.user-menu{display:flex;align-items:center;gap:var(--s-8)}.username{font-size:var(--text-sm);color:var(--muted);font-weight:500}.brand{display:flex;flex-direction:column;gap:2px}.brand h1{margin:0;font-family:var(--font-head);font-weight:500;letter-spacing:.6px;font-size:20px}.brand .subtitle{color:var(--muted);font-size:13px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow)}.chat{padding:var(--s-16);display:flex;flex-direction:column;gap:var(--s-16)}.messages{height:min(62vh,640px);overflow:auto;padding:var(--s-16);border-radius:calc(var(--r-card) - 4px);border:1px solid rgba(44,42,38,.1);background:linear-gradient(180deg,#f7f5f259,#f7f5f21f)}.msg{display:grid;grid-template-columns:88px 1fr;gap:var(--s-16);padding:var(--s-16);border-radius:14px;border:1px solid rgba(44,42,38,.1);background:#fffc;margin-bottom:var(--s-16);animation:fadeIn .18s ease-out}.msg:last-child{margin-bottom:0}.role{color:var(--muted);font-size:12px;letter-spacing:.8px;text-transform:uppercase;padding-top:2px}.bubble{font-size:14px}.composer{display:flex;gap:var(--s-16);align-items:flex-end}.textarea{flex:1;resize:vertical;min-height:56px;max-height:200px;border-radius:16px;padding:12px 14px;border:1px solid var(--border);background:#fff;color:var(--text);outline:none;font-family:var(--font-body);line-height:1.6}.textarea:focus{border-color:#6a8f7a8c;box-shadow:0 0 0 3px #6a8f7a24}.btn{border-radius:var(--r-pill);padding:10px 14px;border:1px solid rgba(106,143,122,.55);background:transparent;color:var(--accent-ink);letter-spacing:.6px;font-weight:600;cursor:pointer;transition:background .17s ease-out,transform .17s ease-out;white-space:nowrap}.btn:hover{background:#6a8f7a29;transform:translateY(-2px)}.btn:disabled{opacity:.65;cursor:default;transform:none}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:var(--r-pill);padding:6px 10px;border:1px solid rgba(44,42,38,.14);background:#ffffffb3;color:var(--muted);font-size:12px}.footer{display:flex;justify-content:space-between;gap:var(--s-16);color:var(--muted);font-size:12px;padding:0 var(--s-8)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}