:root{--bg:#100e0b;--bg-soft:#161310;--bg-elevated:#1c1915;--bg-hover:#221e19;--bg-sunken:#0c0a08;--border:#26221d;--border-strong:#2e2924;--fg:#eae7e2;--fg-dim:#b4aea6;--fg-faint:#7a746e;--fg-faint-strong:#847d77;--accent:#c96f4a;--accent-strong:#e0a078;--accent-soft:#c96f4a1f;--accent-border:#e0a07847;--danger:#e07870;--danger-soft:#e078701f;--success:#7fb9a6;--warning:#e5a75e;--verdigris:#8fb9b2;--ring:#e0a078;--ring-color:#e0a0788c;--shadow-color:#00000059;--ambient-glow:radial-gradient(120% 60% at 50% -10%, #e5a75e0f, transparent 55%);--bubble-user:var(--bg-elevated);--bubble-user-border:var(--border);--bubble-assistant:transparent;--bubble-assistant-tint:#e0a0780d;--bg-rgb:16 14 11;--bg-soft-rgb:22 19 16;--bg-elevated-rgb:28 25 21;--border-rgb:38 34 29;--font-sans:"Inter", -apple-system, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans JP", system-ui, sans-serif;--font-serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, "Times New Roman", serif;--font-mono:ui-monospace, "SFMono-Regular", "Cascadia Code", Consolas, "Noto Sans Mono CJK SC", monospace;--fs-brand:15px;--fs-page-title:24px;--fs-section:13px;--fs-nav:14px;--fs-body:15px;--fs-message-name:13px;--fs-timestamp:12px;--fs-button:13.5px;--fs-mono:13px;--fs-sm:12.5px;--ls-tight:-.2px;--ls-caps:.06em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--radius:var(--radius-md);--sidebar-w:260px;--drawer-w:384px;--topbar-h:60px;--chat-max:900px;--shadow-1:0 1px 2px var(--shadow-color);--shadow-2:0 4px 12px -2px var(--shadow-color);--shadow-3:0 12px 32px -8px var(--shadow-color);--shadow-border:0 0 0 1px var(--border-strong);--transition:.16s ease-out}@media (width<=1023px){:root{--sidebar-w:280px}}[data-theme=dark],:root{--bg:#100e0b;--bg-soft:#161310;--bg-elevated:#1c1915;--bg-hover:#221e19;--bg-sunken:#0c0a08;--border:#26221d;--border-strong:#2e2924;--fg:#eae7e2;--fg-dim:#b4aea6;--fg-faint:#7a746e;--fg-faint-strong:#847d77;--accent:#c96f4a;--accent-strong:#e0a078;--accent-soft:#c96f4a1f;--accent-border:#e0a07847;--danger:#e07870;--danger-soft:#e078701f;--success:#7fb9a6;--warning:#e5a75e;--verdigris:#8fb9b2;--ring:#e0a078;--ring-color:#e0a0788c;--shadow-color:#00000059;--ambient-glow:radial-gradient(120% 60% at 50% -10%, #e5a75e0f, transparent 55%);--bubble-user:var(--bg-elevated);--bubble-user-border:var(--border);--bubble-assistant-tint:#e0a0780d;--bg-rgb:16 14 11;--bg-soft-rgb:22 19 16;--bg-elevated-rgb:28 25 21;--border-rgb:38 34 29}[data-theme=light]{--bg:#f7f3ec;--bg-soft:#f1ece3;--bg-elevated:#fdfbf7;--bg-hover:#ede7dc;--bg-sunken:#efeae0;--border:#e3dcd0;--border-strong:#d6cec0;--fg:#2b2620;--fg-dim:#5c554a;--fg-faint:#8a8378;--fg-faint-strong:#6e675c;--accent:#b45b33;--accent-strong:#8f4523;--accent-soft:#b45b331a;--accent-border:#8f452340;--danger:#c0473e;--danger-soft:#c0473e1a;--success:#3e7a6b;--warning:#a86a1f;--verdigris:#4e7a72;--ring:#8f4523;--ring-color:#8f452366;--shadow-color:#3c2d141f;--ambient-glow:radial-gradient(120% 60% at 50% -10%, #b45b330d, transparent 55%);--bubble-user:#efeae0;--bubble-user-border:#e3dcd0;--bubble-assistant-tint:#b45b330a;--bg-rgb:247 243 236;--bg-soft-rgb:241 236 227;--bg-elevated-rgb:253 251 247;--border-rgb:227 220 208}[data-theme=sakura]{--bg:#171213;--bg-soft:#1d1718;--bg-elevated:#231c1e;--bg-hover:#2a2224;--bg-sunken:#100d0e;--border:#2e2527;--border-strong:#38302f;--fg:#ece5e6;--fg-dim:#bcadb0;--fg-faint:#84797b;--fg-faint-strong:#8f8285;--accent:#c98a8a;--accent-strong:#e0a9a9;--accent-soft:#c98a8a1f;--accent-border:#e0a9a947;--danger:#e08a8a;--danger-soft:#e08a8a1f;--success:#8fb9a6;--warning:#d9a877;--verdigris:#a9bcb2;--ring:#e0a9a9;--ring-color:#e0a9a980;--shadow-color:#00000052;--ambient-glow:radial-gradient(120% 60% at 50% -10%, #d9a8770d, transparent 55%);--bubble-user:var(--bg-elevated);--bubble-user-border:var(--border);--bubble-assistant-tint:#e0a9a90d;--bg-rgb:23 18 19;--bg-soft-rgb:29 23 24;--bg-elevated-rgb:35 28 30;--border-rgb:46 37 39}[data-theme=ocean]{--bg:#0d1116;--bg-soft:#131820;--bg-elevated:#181f2a;--bg-hover:#1e2633;--bg-sunken:#0a0d12;--border:#1f2a36;--border-strong:#293746;--fg:#e3e9f0;--fg-dim:#a9b6c4;--fg-faint:#6f7d8c;--fg-faint-strong:#7c8b9b;--accent:#6e8fb2;--accent-strong:#8fb2d0;--accent-soft:#6e8fb21f;--accent-border:#8fb2d047;--danger:#e08a8a;--danger-soft:#e08a8a1f;--success:#7fb9a6;--warning:#d9a877;--verdigris:#8fa9bc;--ring:#8fb2d0;--ring-color:#8fb2d080;--shadow-color:#00000059;--ambient-glow:radial-gradient(120% 60% at 50% -10%, #8fb2d00d, transparent 55%);--bubble-user:var(--bg-elevated);--bubble-user-border:var(--border);--bubble-assistant-tint:#8fb2d00d;--bg-rgb:13 17 22;--bg-soft-rgb:19 24 32;--bg-elevated-rgb:24 31 42;--border-rgb:31 42 54}.btn{border-radius:var(--radius-sm);background:var(--bg-elevated);height:36px;color:var(--fg);font-size:var(--fs-button);letter-spacing:.005em;transition:background var(--transition), border-color var(--transition), color var(--transition), transform var(--transition), box-shadow var(--transition);-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:520;display:inline-flex}.btn:hover{background:var(--bg-hover)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1410;font-weight:600}.btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn.secondary{background:var(--bg-elevated);border-color:var(--border-strong);box-shadow:var(--shadow-border)}.btn.ghost{color:var(--fg-dim);background:0 0}.btn.ghost:hover{background:var(--bg-hover);color:var(--fg)}.btn.danger{background:var(--danger-soft);color:var(--danger)}.btn.danger:hover{background:color-mix(in srgb, var(--danger) 18%, transparent)}.btn.sm{height:30px;font-size:var(--fs-sm);padding:0 10px}.btn.lg{height:42px;font-size:var(--fs-body);padding:0 20px}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--fg-dim);transition:background var(--transition), color var(--transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-hover);color:var(--fg)}.icon-btn:active{transform:scale(.96)}.icon-btn.active{background:var(--accent-soft);color:var(--accent)}.field{flex-direction:column;gap:5px;display:flex}.field>label{font-size:var(--fs-sm);color:var(--fg-dim);letter-spacing:.02em;font-weight:600}.input,.textarea,.select{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-sunken);width:100%;height:36px;color:var(--fg);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:0 10px}.textarea{resize:vertical;height:auto;min-height:76px;padding:8px 10px;line-height:1.55}.input::placeholder,.textarea::placeholder{color:var(--fg-faint)}.input:focus,.textarea:focus,.select:focus{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring-color)}.input[type=password]{letter-spacing:1px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.card.clickable{cursor:pointer;transition:border-color var(--transition), background var(--transition), transform var(--transition)}.card.clickable:hover{border-color:var(--accent-border);background:var(--bg-hover);transform:translateY(-1px)}.card.selected{border-color:var(--accent);background:var(--accent-soft)}.tag{border-radius:var(--radius-pill);background:var(--bg-sunken);border:1px solid var(--border);height:22px;font-size:var(--fs-timestamp);letter-spacing:.03em;color:var(--fg-faint-strong);align-items:center;gap:4px;padding:0 9px;font-weight:500;display:inline-flex}.tag.accent{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-strong)}.tag.verdigris{background:color-mix(in srgb, var(--verdigris) 10%, transparent);border-color:color-mix(in srgb, var(--verdigris) 30%, transparent);color:var(--verdigris)}.tag.disabled{opacity:.45;text-decoration:line-through}.toggle{border-radius:var(--radius-pill);background:var(--bg-sunken);border:1px solid var(--border-strong);width:34px;height:20px;transition:background var(--transition), border-color var(--transition);flex-shrink:0;align-items:center;padding:0;display:inline-flex;position:relative}.toggle:after{content:"";background:var(--fg-faint);width:14px;height:14px;transition:transform var(--transition), background var(--transition);border-radius:50%;position:absolute;left:2px}.toggle.on{background:var(--accent);border-color:var(--accent)}.toggle.on:after{background:#1a1410;transform:translate(14px)}.modal-mask{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal{background:color-mix(in srgb, var(--bg-soft) 92%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.15);backdrop-filter:blur(20px)saturate(1.15);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);flex-direction:column;width:100%;max-width:580px;max-height:90vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:14px 16px;display:flex}.modal-title{font-weight:600;font-size:var(--fs-body);letter-spacing:var(--ls-tight);margin-right:auto}.modal-body{flex:1;padding:16px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.drawer-mask{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;animation:.15s fade-in;position:fixed;inset:0}.drawer{z-index:91;width:var(--drawer-w);background:color-mix(in srgb, var(--bg-soft) 94%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.15);backdrop-filter:blur(22px)saturate(1.15);border-left:1px solid var(--border-strong);max-width:94vw;box-shadow:var(--shadow-3);flex-direction:column;animation:.2s slide-in;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 14px;display:flex}.drawer-title{letter-spacing:var(--ls-tight);margin-right:auto;font-weight:600}.drawer-body{flex:1;min-height:0;padding:14px;overflow-y:auto}.drawer-footer{border-top:1px solid var(--border);gap:8px;padding:12px 14px;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.avatar{border-radius:var(--radius-pill);object-fit:cover;flex-shrink:0;display:block}.avatar-fallback{background:var(--accent-soft);color:var(--accent-strong);font-size:1.1em;font-weight:600;font-family:var(--font-serif);justify-content:center;align-items:center;display:flex}.char-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(168px,1fr));display:grid}.char-grid.drag-over{outline:2px dashed var(--accent-border);outline-offset:6px;border-radius:var(--radius-lg)}.char-card{text-align:center;padding:var(--space-4);flex-direction:column;align-items:center;gap:8px;display:flex}.char-avatar{margin-top:4px}.char-name{font-family:var(--font-serif);font-weight:600;font-size:var(--fs-body);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.char-desc{font-size:var(--fs-sm);color:var(--fg-faint-strong);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em;line-height:1.4;display:-webkit-box;overflow:hidden}.char-tags{flex-wrap:wrap;justify-content:center;gap:4px;min-height:22px;display:flex}.char-actions{justify-content:center;align-items:center;gap:2px;width:100%;margin-top:4px;display:flex}.search-input{max-width:200px}.chat-page{height:100%}.chat-body{flex-direction:column;flex:1;min-height:0;display:flex}.msg-list{overscroll-behavior:contain;min-height:0;padding:var(--space-6) var(--space-4) var(--space-8);flex:1;overflow-y:auto}.msg-inner{max-width:var(--chat-max);flex-direction:column;margin:0 auto;display:flex}.msg-row{gap:var(--space-3);border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);padding:4px 0;display:flex}.msg-row:first-child{border-top:none}.msg-row.compact{border-top:none;padding-top:2px}.msg-gutter{flex-direction:column;flex-shrink:0;align-items:center;width:40px;display:flex}.msg-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.msg-user-avatar{border:1px solid var(--border);background:var(--bg-sunken);width:28px;height:28px;color:var(--fg-faint);border-radius:50%;justify-content:center;align-items:center;margin-top:2px;display:flex}.msg-meta{align-items:baseline;gap:8px;display:flex}.msg-name{font-size:var(--fs-message-name);letter-spacing:.02em;color:var(--fg-dim);font-weight:600}.msg-name.assistant{color:var(--accent-strong)}.msg-time{font-size:var(--fs-timestamp);color:var(--fg-faint);letter-spacing:.03em}.msg-bubble{font-size:var(--fs-body);max-width:720px;color:var(--fg);line-height:1.7}.msg-row.user .msg-body{align-items:flex-start}.msg-row.user .msg-bubble{background:var(--bubble-user);border:1px solid var(--bubble-user-border);border-radius:var(--radius-md);color:var(--fg);max-width:640px;padding:10px 14px;font-size:14.5px}.msg-row.user .msg-meta .msg-name{color:var(--fg-faint-strong)}.msg-row.error .msg-bubble{border-color:color-mix(in srgb, var(--danger) 50%, transparent)}.msg-error{font-size:var(--fs-sm);color:var(--danger);margin-top:4px;padding-left:2px}.msg-row.opener .msg-bubble{font-size:16px;line-height:1.75}.typing-dots{align-items:center;gap:4px;padding:10px 2px;display:inline-flex}.typing-dots i{background:var(--fg-faint);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite typing-bounce}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.stream-caret{vertical-align:-.15em;background:var(--accent);width:1.5px;height:1em;margin-left:2px;animation:1s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}.msg-actions{opacity:0;align-items:center;gap:2px;margin-top:2px;padding-left:2px;transition:opacity .15s;display:flex}.msg-row:hover .msg-actions,.msg-actions:focus-within{opacity:1}.msg-actions .icon-btn{width:26px;height:26px}.swipe-bar{align-items:center;gap:2px;margin-right:4px;display:inline-flex}.swipe-bar .hint{font-size:var(--fs-timestamp);text-align:center;min-width:36px}@media (hover:none){.msg-actions{opacity:1}}.msg-edit{flex-direction:column;gap:6px;display:flex}.msg-edit-actions{justify-content:flex-end}.composer-wrap{padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg-soft) 72%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);flex-shrink:0}.composer-alert{margin-bottom:8px}.composer{max-width:var(--chat-max);align-items:flex-end;gap:8px;margin:0 auto;display:flex}.composer-input{resize:none;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-sunken);color:var(--fg);font-size:var(--fs-body);max-height:200px;transition:border-color var(--transition), box-shadow var(--transition);outline:none;flex:1;padding:11px 14px;line-height:1.5}.composer-input:focus{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring-color)}.composer .btn{border-radius:var(--radius-md);flex-shrink:0;min-width:44px;height:44px}.context-bar{font-size:var(--fs-timestamp);color:var(--fg-faint);max-width:var(--chat-max);letter-spacing:.03em;justify-content:flex-end;margin:0 auto;padding:0 2px 6px;display:flex}.persona-row{align-items:center;gap:12px;display:flex}.persona-name{letter-spacing:.01em;font-weight:600}.persona-select{width:auto;font-size:var(--fs-sm);max-width:180px}.toggle-row{padding:6px 2px}.lore-entry{flex-direction:column;gap:6px;padding:8px 10px;display:flex}.lore-entry-head{cursor:pointer;align-items:center;gap:8px;min-width:0;display:flex}.lore-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lorebook-row{align-items:center;gap:10px;display:flex}.member-row{padding:4px 2px}.settings-page .card{max-width:760px}.settings-section-title{font-size:var(--fs-section);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--fg-faint-strong);align-items:center;gap:8px;font-weight:600;display:flex}.preset-row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.color-input{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:40px;height:30px;padding:0}.home-page{justify-content:center;align-items:center}.home-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:560px;padding:24px;display:flex}.home-dot{margin-bottom:4px}.home-title{letter-spacing:-.5px;color:var(--fg);margin:0;font-size:34px;font-weight:650;line-height:1.2}.home-sub{color:var(--fg-faint-strong);font-size:var(--fs-body);margin:0 0 12px}.home-input-wrap{align-items:center;gap:8px;width:100%;max-width:480px;display:flex}.home-input{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-sunken);height:48px;color:var(--fg);font-size:var(--fs-body);transition:border-color var(--transition), box-shadow var(--transition);outline:none;flex:1;padding:0 16px}.home-input::placeholder{color:var(--fg-faint)}.home-input:focus{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring-color)}.home-go{border-radius:var(--radius-lg);min-width:48px;height:48px}.home-recent{flex-direction:column;gap:10px;width:100%;margin-top:24px;display:flex}.home-recent-label{font-size:var(--fs-section);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--fg-faint);font-weight:600}.home-recent-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.home-char{border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 70%, transparent);color:var(--fg-dim);font-size:var(--fs-nav);transition:border-color var(--transition), background var(--transition), color var(--transition);align-items:center;gap:8px;padding:6px 10px 6px 6px;display:flex}.home-char:hover{border-color:var(--accent-border);background:var(--bg-hover);color:var(--fg)}.home-char-name{text-overflow:ellipsis;white-space:nowrap;max-width:96px;overflow:hidden}.home-empty{color:var(--fg-faint-strong);flex-direction:column;align-items:center;gap:12px;margin-top:24px;display:flex}.md{word-break:break-word;line-height:1.7}.md p{margin:.5em 0}.md p:first-child{margin-top:0}.md p:last-child{margin-bottom:0}.md h1,.md h2,.md h3,.md h4{letter-spacing:-.01em;margin:.8em 0 .35em;font-weight:650;line-height:1.3}.md h1{font-size:1.25em}.md h2{font-size:1.15em}.md h3{font-size:1.05em}.md ul,.md ol{margin:.5em 0;padding-left:1.5em}.md li{margin:.2em 0}.md blockquote{border-left:2px solid var(--accent-border);color:var(--fg-dim);font-family:var(--font-serif);margin:.6em 0;padding:4px 14px}.md code{font-family:var(--font-mono);background:var(--bg-sunken);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:.88em}.md pre{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-md);margin:.7em 0;padding:12px 14px;position:relative;overflow-x:auto}.md pre code{font-size:var(--fs-mono);color:var(--fg-dim);background:0 0;border:none;padding:0;line-height:1.6}.md pre .hljs{background:0 0;padding:0}.md a{color:var(--accent-strong);border-bottom:1px dashed var(--accent-border);text-decoration:none}.md a:hover{border-bottom-style:solid}.md img{border-radius:var(--radius-sm);max-width:100%}.md table{border-collapse:collapse;margin:.6em 0;font-size:.92em}.md th,.md td{border:1px solid var(--border);padding:5px 10px}.md th{background:var(--bg-soft);font-weight:600}.md hr{border:none;border-top:1px solid var(--border);margin:1em 0}.code-copy{font-size:var(--fs-timestamp);border:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 70%, transparent);color:var(--fg-faint);opacity:0;border-radius:4px;padding:2px 8px;transition:opacity .15s;position:absolute;top:6px;right:6px}.md pre:hover .code-copy,.code-copy:focus-visible{opacity:1}.code-copy:hover{color:var(--fg);border-color:var(--border-strong)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background var(--transition), color var(--transition);line-height:1.65}.app-shell{position:relative}.app-shell:before{content:"";z-index:-1;background:radial-gradient(120% 55% at 50% -10%, color-mix(in srgb, var(--warning) 9%, transparent), transparent 55%), radial-gradient(95% 70% at 50% 118%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 62%), radial-gradient(130% 130% at 50% 40%, transparent 60%, #0000003d 100%), var(--bg);pointer-events:none;position:fixed;inset:0}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:3px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--fg-faint);background-clip:content-box}::-webkit-scrollbar-track{background:0 0}.app-shell{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.app-body{grid-template-columns:var(--sidebar-w) 1fr;flex:1;min-height:0;display:grid}.app-main{flex-direction:column;min-width:0;display:flex;overflow:hidden}.app-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (width<=1023px){.app-body{display:block;position:relative}.app-sidebar{z-index:40;transition:transform var(--transition);box-shadow:var(--shadow-3);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.sidebar-mask{z-index:39;background:#00000080;position:fixed;inset:0}.app-sub{display:none}}.app-topbar{z-index:30;height:var(--topbar-h);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-soft) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);flex-shrink:0;align-items:center;gap:12px;padding:0 18px;display:flex;position:relative}.brand{cursor:pointer;border-radius:var(--radius-sm);min-width:0;transition:background var(--transition);align-items:center;gap:10px;margin-left:-8px;padding:4px 8px;display:flex}.brand:hover{background:var(--bg-hover)}.brand:active{transform:scale(.99)}.brand-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:3px;flex-shrink:0}.app-title{font-family:var(--font-serif);letter-spacing:var(--ls-tight);white-space:nowrap;font-size:16px;font-weight:650}.app-sub{font-size:var(--fs-sm);color:var(--fg-faint);white-space:nowrap;letter-spacing:.01em}.app-sidebar{background:color-mix(in srgb, var(--bg-soft) 88%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar-nav{flex-direction:column;gap:2px;padding:10px 8px;display:flex}.sidebar-section{border-top:1px solid var(--border);flex-direction:column;flex:1;min-height:0;padding:4px 8px 8px;display:flex}.sidebar-section-label{font-size:var(--fs-section);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--fg-faint);justify-content:space-between;align-items:center;gap:6px;padding:8px 8px 6px;font-weight:600;display:flex}.sidebar-char-list{flex-direction:column;flex:1;gap:1px;min-height:0;display:flex;overflow-y:auto}.sidebar-char{border-radius:var(--radius-sm);width:100%;color:var(--fg-dim);font-size:var(--fs-nav);text-align:left;transition:background var(--transition), color var(--transition);background:0 0;border:none;align-items:center;gap:10px;padding:6px 8px;display:flex}.sidebar-char:hover{background:var(--bg-hover);color:var(--fg)}.sidebar-char.active{background:var(--accent-soft);color:var(--fg)}.sidebar-char.active .sidebar-char-name{color:var(--accent-strong)}.sidebar-char-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-char-new{color:var(--fg-faint)}.nav-item{border-radius:var(--radius-sm);color:var(--fg-dim);font-size:var(--fs-nav);letter-spacing:.01em;transition:background var(--transition), color var(--transition);align-items:center;gap:10px;padding:7px 12px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--fg)}.nav-item.active{background:var(--accent-soft);color:var(--fg)}.nav-item.active:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:0}.nav-item svg{color:var(--fg-faint)}.nav-item.active svg{color:var(--accent)}.sidebar-footer{border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--fg-faint);flex-direction:column;flex-shrink:0;gap:8px;padding:10px 12px;display:flex}.sidebar-footer-model{align-items:center;gap:6px;min-width:0;display:flex}.sidebar-footer-model .model-pill{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.sidebar-footer-tools{align-items:center;gap:6px;display:flex}.page{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.page-scroll{min-height:0;padding:var(--space-4);flex:1;overflow-y:auto}.page-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-soft) 55%, transparent);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.page-title{font-family:var(--font-serif);font-size:var(--fs-page-title);letter-spacing:var(--ls-tight);margin-right:auto;font-weight:600;line-height:1.25}.empty-state{color:var(--fg-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:72px 24px;display:flex}.empty-icon{color:var(--fg-faint);margin-bottom:4px}.empty-title{font-size:var(--fs-page-title);letter-spacing:var(--ls-tight);color:var(--fg);font-weight:600}.empty-hint{font-size:var(--fs-body);color:var(--fg-faint-strong);max-width:460px;line-height:1.6}.empty-action{margin-top:12px}.hint{font-size:var(--fs-sm);color:var(--fg-faint-strong)}.muted{color:var(--fg-dim)}.row{align-items:center;gap:8px;display:flex}.col{flex-direction:column;gap:8px;display:flex}.grow{flex:1;min-width:0}.spacer{flex:1}.divider{background:var(--border);height:1px;margin:var(--space-3) 0}.serif{font-family:var(--font-serif)}.alert{border-radius:var(--radius-sm);font-size:var(--fs-sm);padding:9px 12px;line-height:1.5}.alert.error{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent)}.alert.warn{background:color-mix(in srgb, var(--warning) 10%, transparent);color:var(--warning);border:1px solid color-mix(in srgb, var(--warning) 40%, transparent)}.alert.info{background:var(--accent-soft);color:var(--accent-strong);border:1px solid var(--accent-border)}.menu-btn{display:none}.lang-select{width:auto;font-size:var(--fs-sm)}@media (width<=1023px){.menu-btn{display:inline-flex}.chat-page .page-header{flex-wrap:wrap;row-gap:6px;padding-top:10px;padding-bottom:10px}.chat-page .page-header .tag{display:none}.chat-page .page-header .persona-select{max-width:120px}}