:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101113;--panel:#181a1f;--panel-2:#20232a;--panel-3:#2a2e37;--text:#f2f3f5;--muted:#a8adb7;--subtle:#757b87;--border:#30343d;--accent:#48c7a6;--danger:#f06a6a;--shadow:#00000047}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{grid-template-columns:300px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;min-width:0;display:flex}.sidebar-header{border-bottom:1px solid var(--border);gap:8px;padding:14px;display:flex}.brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:52px;padding:0 14px;display:flex}.brand-mark{background:var(--accent);color:#06110e;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.brand-title{flex-direction:column;min-width:0;display:flex}.brand-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-title span{color:var(--muted);font-size:12px}.chat-list{flex:1;padding:10px;overflow-y:auto}.chat-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;margin-bottom:6px;display:grid}.chat-item{width:100%;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px;display:block}.chat-item:hover,.chat-item.active{border-color:var(--border);background:var(--panel-2)}.chat-item-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-item-meta{color:var(--subtle);margin-top:3px;font-size:12px;display:block}.main{background:var(--bg);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:0 18px;display:flex}.title-editor{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.topbar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;color:var(--text);text-align:left;background:0 0;border:0;padding:0;font-weight:650;overflow:hidden}.title-input{border:1px solid var(--border);background:var(--panel-2);width:min(460px,100%);min-width:0;min-height:38px;color:var(--text);border-radius:8px;outline:none;padding:0 10px}.title-input:focus{border-color:var(--accent)}.topbar-actions{flex:none;align-items:center;gap:8px;display:flex}.model-label{color:var(--muted);font-size:13px}.messages{padding:24px max(18px,50vw - 490px);overflow-y:auto}.empty-state{text-align:center;place-items:center;height:100%;display:grid}.empty-state h1{letter-spacing:0;margin:0 0 10px;font-size:28px}.empty-state p{color:var(--muted);margin:0}.message{grid-template-columns:34px minmax(0,1fr);gap:12px;max-width:900px;margin:0 auto 24px;display:grid}.avatar{background:var(--panel-3);width:34px;height:34px;color:var(--text);border-radius:7px;place-items:center;font-size:13px;font-weight:700;display:grid}.message.user .avatar{background:#435268}.message.assistant .avatar{background:var(--accent);color:#06110e}.message-body{min-width:0}.role-label{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700}.content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.composer-wrap{border-top:1px solid var(--border);background:#101113f0;padding:14px max(14px,50vw - 490px) 18px}.composer{grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:900px;margin:0 auto;display:grid}.composer textarea{resize:vertical;border:1px solid var(--border);background:var(--panel);width:100%;min-height:54px;max-height:180px;color:var(--text);border-radius:8px;outline:none;padding:14px}.composer textarea:focus,.field:focus{border-color:var(--accent)}.hint{max-width:900px;color:var(--subtle);margin:8px auto 0;font-size:12px}.btn{border:1px solid var(--border);background:var(--panel-2);min-height:38px;color:var(--text);border-radius:8px;padding:0 12px}.btn:hover{background:var(--panel-3)}.btn.primary{background:var(--accent);color:#06110e;border-color:#0000;font-weight:700}.btn.icon{width:38px;padding:0}.btn.danger{color:var(--danger)}.select,.field{border:1px solid var(--border);background:var(--panel-2);min-height:38px;color:var(--text);border-radius:8px;outline:none;padding:0 10px}.lock-page{place-items:center;min-height:100vh;padding:24px;display:grid}.lock-panel{border:1px solid var(--border);background:var(--panel);width:min(420px,100%);box-shadow:0 18px 60px var(--shadow);border-radius:8px;padding:22px}.lock-panel h1{margin:0 0 8px;font-size:24px}.lock-panel p{color:var(--muted);margin:0 0 18px}.lock-form{gap:10px;display:grid}.error-text{color:var(--danger);font-size:13px}@media (max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 12px}.topbar-actions{gap:6px}.topbar-actions .select{max-width:118px}.messages{padding:18px 12px}.message{grid-template-columns:30px minmax(0,1fr);gap:10px}.avatar{width:30px;height:30px}.composer{grid-template-columns:1fr}}