:root{--bg: #0f0f0f;--bg-panel: #171717;--bg-elev: #1f1f1f;--border: #2a2a2a;--text: #f5f5f5;--text-dim: #9a9a9a;--accent: #efc824;--accent-dim: #2e2a16;--user-bubble: #efc824;--user-text: #14110a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;max-width:820px;margin:0 auto}.app-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--accent);color:var(--user-text);font-weight:800;font-size:14px;letter-spacing:.5px}.brand-name{font-weight:700;font-size:17px}.mode-switch{display:flex;gap:4px;padding:4px;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px}.mode-switch button{padding:8px 16px;background:transparent;color:var(--text-dim);border:none;border-radius:7px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.mode-switch button:hover{color:var(--text)}.mode-switch button.active{background:var(--accent);color:var(--user-text);font-weight:600}main{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px 24px 24px}.chat{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px}.chat-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:8px 4px}.chat-scroll::-webkit-scrollbar{width:8px}.chat-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.bubble{display:flex;max-width:85%}.bubble.user{align-self:flex-end}.bubble.assistant{align-self:flex-start}.bubble-content{padding:12px 16px;border-radius:14px;font-size:15px;line-height:1.55;white-space:pre-wrap;word-wrap:break-word}.bubble.user .bubble-content{background:var(--user-bubble);color:var(--user-text);border-bottom-right-radius:4px;font-weight:500}.bubble.assistant .bubble-content{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px;white-space:normal}.bubble.assistant .markdown-body{font-size:15px;line-height:1.55}.bubble.assistant .markdown-body p{margin:.4em 0}.bubble.assistant .markdown-body p:first-child{margin-top:0}.bubble.assistant .markdown-body p:last-child{margin-bottom:0}.bubble.assistant .markdown-body ol,.bubble.assistant .markdown-body ul{margin:.4em 0;padding-left:20px}.bubble.assistant .markdown-body li{margin:.3em 0}.bubble.assistant .markdown-body li>p{margin:.2em 0}.bubble.assistant .markdown-body h1,.bubble.assistant .markdown-body h2,.bubble.assistant .markdown-body h3{margin:.6em 0 .3em;font-size:15px;padding-bottom:0;border-bottom:none;color:var(--text);text-transform:none;letter-spacing:0}.typing{display:flex;gap:4px;padding:4px 0}.typing span{width:7px;height:7px;border-radius:50%;background:var(--text-dim);animation:blink 1.2s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.3}30%{opacity:1}}.chat-input{display:flex;gap:8px;padding:10px;background:var(--bg-panel);border:1px solid var(--border);border-radius:14px}.chat-input textarea{flex:1;background:transparent;border:none;outline:none;resize:none;color:var(--text);font-family:inherit;font-size:15px;line-height:1.5;padding:8px 10px}.chat-input textarea::placeholder{color:var(--text-dim)}.chat-input button{padding:0 20px;background:var(--accent);color:var(--user-text);border:none;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.chat-input button:disabled{opacity:.4;cursor:not-allowed}.chat-input button:not(:disabled):hover{opacity:.9}.gate{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.gate-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:16px;padding:32px 28px;background:var(--bg-panel);border:1px solid var(--border);border-radius:16px}.gate-card .brand{justify-content:flex-start;margin-bottom:4px}.gate-hint{margin:0;color:var(--text-dim);font-size:14px}.gate-card input{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:15px;padding:12px 14px;outline:none}.gate-card input:focus{border-color:var(--accent)}.gate-card button{background:var(--accent);color:var(--user-text);border:none;border-radius:10px;font-family:inherit;font-size:15px;font-weight:600;padding:12px;cursor:pointer;transition:opacity .15s}.gate-card button:disabled{opacity:.4;cursor:not-allowed}.gate-card button:not(:disabled):hover{opacity:.9}.gate-error{color:#ef6060;font-size:13px}.view-switch{display:flex;gap:4px;padding:4px;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px}.view-switch button{padding:8px 16px;background:transparent;color:var(--text-dim);border:none;border-radius:7px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.view-switch button:hover{color:var(--text)}.view-switch button.active{background:var(--accent);color:var(--user-text);font-weight:600}.chat-mode-switch{align-self:flex-start;margin-bottom:12px}.profiles{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.profiles-loading,.profiles-error{color:var(--text-dim);padding:24px;text-align:center}.profiles-error{color:#ef6060}.profiles-kind-switch{display:flex;gap:4px;padding:4px;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;align-self:flex-start}.profiles-kind-switch button{padding:8px 16px;background:transparent;color:var(--text-dim);border:none;border-radius:7px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.profiles-kind-switch button:hover{color:var(--text)}.profiles-kind-switch button.active{background:var(--accent);color:var(--user-text);font-weight:600}.profiles-body{flex:1;min-height:0;display:grid;grid-template-columns:240px 1fr;gap:16px}.profiles-list{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px}.profiles-list::-webkit-scrollbar{width:6px}.profiles-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.profiles-list-item{text-align:left;padding:10px 12px;background:transparent;color:var(--text-dim);border:none;border-radius:8px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.profiles-list-item:hover{background:var(--bg-elev);color:var(--text)}.profiles-list-item.active{background:var(--accent);color:var(--user-text);font-weight:600}.profiles-detail{min-height:0;overflow-y:auto;padding:24px 28px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px}.profiles-detail::-webkit-scrollbar{width:8px}.profiles-detail::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.profiles-empty{color:var(--text-dim)}.markdown-body{color:var(--text);font-size:15px;line-height:1.65}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--text);margin-top:1.2em;margin-bottom:.5em;line-height:1.3}.markdown-body h1{font-size:22px;margin-top:0;padding-bottom:8px;border-bottom:1px solid var(--border)}.markdown-body h2{font-size:17px;color:var(--accent)}.markdown-body h3{font-size:15px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.markdown-body p{margin:.6em 0}.markdown-body ul,.markdown-body ol{padding-left:22px;margin:.6em 0}.markdown-body li{margin:.25em 0}.markdown-body strong{color:var(--text);font-weight:600}.markdown-body code{background:var(--bg-elev);padding:2px 6px;border-radius:4px;font-size:13px;font-family:SF Mono,Menlo,Consolas,monospace}.markdown-body a{color:var(--accent)}@media (max-width: 720px){.profiles-body{grid-template-columns:1fr}.profiles-list{max-height:180px}}