:root{--bg: #1a1423;--bg-2: #15101c;--panel: #241c30;--panel-2: #2e2440;--panel-3: #3a2e50;--border: #4a3b5c;--border-hi: #6b5885;--shadow: #0b0810;--text: #f3eadf;--text-2: #cfc3dc;--muted: #a596b8;--amber: #ffb84d;--amber-dark: #c98a2a;--pink: #ff6f91;--teal: #5ce1c6;--teal-dim: #1d3a3a;--red: #ff5c5c;--font-pixel: "VT323", "Courier New", monospace;--font-body: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;--font-ui: var(--font-pixel);--ui-weight: 400;--fs: 1;--msg-fs: 11px;--k: .7333;--font-msg: var(--font-body);--font-display: var(--font-ui);--on-accent: #0b0810;--user-bg: var(--teal-dim);--user-border: #2f6b63;--err-bg: #3a1620;--err-text: #ffd0d6;--primary-hover: #ffc66e;--em: #ffb3c4;--stop-border: #c4486a;--backdrop: rgba(8, 5, 12, .72);--scanline: repeating-linear-gradient( to bottom, rgba(255, 255, 255, .018) 0, rgba(255, 255, 255, .018) 1px, transparent 1px, transparent 3px );--r-sm: 0;--r: 0;--r-lg: 0;--sh-1: 1px 1px 0 var(--shadow);--sh-2: 2px 2px 0 var(--shadow);--sh-3: 3px 3px 0 var(--shadow);--sh-4: 4px 4px 0 var(--shadow);--sh-6: 6px 6px 0 var(--shadow);--sh-side: 6px 0 0 var(--shadow);--sh-text: 4px 4px 0 var(--shadow);--press: translate(2px, 2px);--topbar-h: 48px;--tabbar-h: 54px;--sidebar-w: 284px;--px: 2px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--bg);background-image:var(--scanline);color:var(--text);font-family:var(--font-body);font-size:calc(15px * var(--k));line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed}img{display:block}a{color:var(--teal)}:focus-visible{outline:2px dashed var(--amber);outline-offset:2px}::selection{background:var(--amber);color:var(--on-accent)}.ico{flex-shrink:0;display:inline-block;vertical-align:middle}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px;background:var(--panel-2);border:var(--px) solid var(--border-hi);border-radius:var(--r-sm);box-shadow:var(--sh-3);font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(20px * var(--fs) * var(--k));line-height:1;letter-spacing:.02em;white-space:nowrap;color:var(--text);-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:var(--press);box-shadow:var(--sh-1)}.btn:disabled{opacity:.5}.btn.primary{background:var(--amber);border-color:var(--amber-dark);color:var(--on-accent)}.btn.danger{border-color:var(--red);color:var(--red)}.btn.liked{border-color:var(--pink);color:var(--pink)}.btn.small{min-height:32px;padding:0 10px;font-size:calc(18px * var(--k));box-shadow:var(--sh-2)}@media(hover:hover){.btn:hover:not(:disabled){border-color:var(--amber)}.btn.primary:hover:not(:disabled){background:var(--primary-hover)}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;padding:0;background:transparent;border:var(--px) solid transparent;color:var(--text-2)}.icon-btn:active{background:var(--panel-3)}.icon-btn.danger{color:var(--red)}.icon-btn:disabled{opacity:.4}@media(hover:hover){.icon-btn:hover{border-color:var(--border);color:var(--amber)}}.link-btn{padding:0;background:none;border:none;color:var(--teal);text-decoration:underline;text-underline-offset:3px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field>label,.field-label-row>label{font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(20px * var(--fs) * var(--k));line-height:1.2;color:var(--amber)}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.req{margin-left:6px;font-size:calc(16px * var(--k));color:var(--pink)}.hint{font-size:calc(13px * var(--k));color:var(--muted)}input[type=text],input[type=password],input[type=search],textarea,select,.select{width:100%;min-height:40px;padding:8px 10px;background-color:var(--bg-2);border:var(--px) solid var(--border);border-radius:var(--r-sm);font-size:calc(16px * var(--k));color:var(--text);outline:none}textarea{min-height:110px;resize:vertical;line-height:1.55}input:focus,textarea:focus,select:focus{border-color:var(--amber)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}select,.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,var(--amber) 50%),linear-gradient(135deg,var(--amber) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 11px) 50%;background-size:6px 6px;background-repeat:no-repeat;text-overflow:ellipsis;white-space:nowrap}select option{background:var(--panel);color:var(--text)}.input-row{display:flex;gap:6px;align-items:center}.login-error{margin-bottom:14px;padding:10px 12px;background:var(--err-bg);border:var(--px) solid var(--red);color:var(--err-text);font-size:calc(14px * var(--k))}.badge-mini{display:inline-block;padding:0 6px;border:1px solid var(--border-hi);font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(16px * var(--fs) * var(--k));line-height:1.3;color:var(--text-2)}.blink{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.app{display:flex;height:100%;height:var(--app-h, 100dvh);overflow:hidden}.main{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;height:100%}.topbar{display:flex;align-items:center;gap:6px;flex-shrink:0;min-height:calc(var(--topbar-h) + var(--safe-t));padding:var(--safe-t) 8px 0;background:var(--panel);border-bottom:var(--px) solid var(--border)}.topbar-title{margin:0;overflow:hidden;font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(26px * var(--fs) * var(--k));line-height:1;color:var(--amber);text-overflow:ellipsis;white-space:nowrap}.topbar-spacer{flex:1}.topbar-char{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 8px 4px 2px;background:none;border:var(--px) solid transparent;border-radius:var(--r-sm);text-align:left;color:inherit}.topbar-char:active{background:var(--panel-2)}.topbar-avatar{width:32px;height:32px;flex-shrink:0;object-fit:cover;border:var(--px) solid var(--border-hi)}.topbar-char-text{display:flex;flex-direction:column;min-width:0;line-height:1.1}.topbar-charname{overflow:hidden;font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(22px * var(--fs) * var(--k));color:var(--text);text-overflow:ellipsis;white-space:nowrap}.topbar-sub{overflow:hidden;font-size:calc(11px * var(--k));color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.topbar-selects{display:flex;gap:6px}.topbar-selects .select{width:auto;max-width:200px;min-height:36px;padding-top:4px;padding-bottom:4px;font-size:calc(14px * var(--k))}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;overflow:hidden;background:var(--panel-3);border:var(--px) solid var(--border-hi);font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(18px * var(--fs) * var(--k));line-height:1;color:var(--amber)}.avatar.mini{width:32px;height:32px}.avatar-img{width:100%;height:100%;object-fit:cover}.chat-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.chat-inner,.page-inner{width:100%;max-width:820px;margin:0 auto;padding:14px 12px 24px}.page-inner{max-width:1080px}.page-inner.narrow{max-width:720px}.sidebar{display:flex;flex-direction:column;flex-shrink:0;width:var(--sidebar-w);height:100%;background:var(--bg-2);border-right:var(--px) solid var(--border)}.sidebar.hidden{display:none}.sidebar-head{display:flex;align-items:center;justify-content:space-between;min-height:calc(var(--topbar-h) + var(--safe-t));padding:var(--safe-t) 8px 0 14px;border-bottom:var(--px) solid var(--border)}.logo{display:flex;align-items:center;gap:8px;font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(28px * var(--fs) * var(--k));line-height:1;letter-spacing:.08em;color:var(--amber)}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--pink);color:var(--on-accent);box-shadow:var(--sh-2)}.sidebar-close{display:none}.side-nav{display:flex;flex-direction:column;gap:2px;padding:10px 8px;border-bottom:var(--px) solid var(--border)}.side-link{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 10px;border:var(--px) solid transparent;font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(20px * var(--fs) * var(--k));color:var(--text-2);text-decoration:none}.side-link.active{background:var(--panel-2);border-color:var(--amber);color:var(--amber)}@media(hover:hover){.side-link:hover{color:var(--text);background:var(--panel)}}.convo-list{flex:1;min-height:0;padding:8px;overflow-y:auto;overscroll-behavior:contain}.convo-section-title,.section-title{margin:6px 4px 8px;font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(18px * var(--fs) * var(--k));letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.convo-empty{padding:8px 6px;font-size:calc(13px * var(--k));color:var(--muted)}.convo-item{display:flex;align-items:center;gap:4px;min-height:52px;padding:4px 4px 4px 10px;border:var(--px) solid transparent;border-left-width:4px;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 52px}.convo-item.active{background:var(--panel);border-color:var(--border);border-left-color:var(--teal)}@media(hover:hover){.convo-item:hover{background:var(--panel)}}.convo-text{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}.convo-title{overflow:hidden;font-size:calc(14px * var(--k));color:var(--text);text-overflow:ellipsis;white-space:nowrap}.convo-meta{overflow:hidden;font-size:calc(12px * var(--k));color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.convo-del{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;padding:0;background:none;border:none;color:var(--muted)}@media(hover:hover){.convo-del{opacity:0}.convo-item:hover .convo-del,.convo-del:focus-visible{opacity:1}.convo-del:hover{color:var(--red)}}.sidebar-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px calc(8px + var(--safe-b)) 12px;border-top:var(--px) solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:8px;min-width:0}.sidebar-username{overflow:hidden;font-size:calc(14px * var(--k));text-overflow:ellipsis;white-space:nowrap}.sidebar-backdrop,.tabbar{display:none}.home{display:flex;flex-direction:column;gap:18px}.home-banner,.hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 16px;text-align:center}.home-banner{background:var(--panel);border:var(--px) solid var(--border);box-shadow:var(--sh-4)}.home-banner h1,.hero h1{margin:4px 0 0;font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(34px * var(--fs) * var(--k));line-height:1.1;color:var(--amber)}.home-banner p,.hero p{max-width:460px;margin:0;font-size:calc(14px * var(--k));color:var(--text-2)}.home-logo,.auth-logo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--pink);border:var(--px) solid var(--shadow);box-shadow:var(--sh-4);color:var(--on-accent)}.home-actions,.hero-hints{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.recent-list{display:flex;flex-direction:column;gap:6px}.recent-item{display:flex;align-items:center;gap:10px;min-height:60px;padding:8px 10px;background:var(--panel);border:var(--px) solid var(--border);text-align:left}.recent-item:active{background:var(--panel-2)}@media(hover:hover){.recent-item:hover{border-color:var(--teal)}}.recent-avatar{width:40px;height:40px;flex-shrink:0;object-fit:cover;border:var(--px) solid var(--border-hi)}.recent-avatar.placeholder{display:inline-flex;align-items:center;justify-content:center;background:var(--panel-3);color:var(--amber)}.recent-text{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}.recent-title{overflow:hidden;font-size:calc(14px * var(--k));text-overflow:ellipsis;white-space:nowrap}.recent-meta{font-size:calc(12px * var(--k));color:var(--muted)}.recent-chevron{color:var(--muted)}.hero-char-avatar{width:96px;height:96px;object-fit:cover;border:var(--px) solid var(--border-hi);box-shadow:var(--sh-4)}.greeting-picker{display:flex;flex-direction:column;gap:8px;width:100%;max-width:560px;margin-top:12px}.greeting-card{padding:12px 14px;background:var(--panel);border:var(--px) solid var(--border);box-shadow:var(--sh-3);text-align:left}.greeting-card:active{transform:var(--press);box-shadow:var(--sh-1)}@media(hover:hover){.greeting-card:hover{border-color:var(--amber)}}.greeting-card-title{display:flex;align-items:center;gap:6px;font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(20px * var(--fs) * var(--k));line-height:1.2;color:var(--amber)}.greeting-card-preview{margin-top:4px;font-size:calc(13px * var(--k));line-height:1.5;color:var(--text-2)}.msg{margin-bottom:12px;padding:10px 12px 12px;background:var(--panel);border:var(--px) solid var(--border);box-shadow:var(--sh-3);content-visibility:auto;contain-intrinsic-size:auto 140px}.msg.user{margin-left:10%;background:var(--user-bg);border-color:var(--user-border)}.msg.is-streaming{content-visibility:visible;border-color:var(--amber-dark)}.msg-role-row{display:flex;align-items:center;gap:8px;min-height:30px;margin-bottom:4px}.msg-role{flex:1;min-width:0;overflow:hidden;font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(20px * var(--fs) * var(--k));line-height:1;color:var(--amber);text-overflow:ellipsis;white-space:nowrap}.msg.user .msg-role{color:var(--teal)}.msg-toolbar{display:flex;gap:2px}.msg-tool{display:inline-flex;align-items:center;justify-content:center;gap:1px;min-width:32px;height:32px;padding:0 6px;background:transparent;border:var(--px) solid transparent;color:var(--muted)}.msg-tool:disabled{opacity:.35}.msg-tool.danger{color:var(--red)}.msg-tool.on{border-color:var(--border-hi);color:var(--amber)}.msg-more{display:none}@media(hover:hover){.msg-toolbar{opacity:0}.msg:hover .msg-toolbar,.msg-toolbar:focus-within{opacity:1}.msg-tool:hover:not(:disabled){border-color:var(--border-hi);color:var(--amber)}.msg-tool.danger:hover{color:var(--red);border-color:var(--red)}}@media(hover:none){.msg-more{display:inline-flex}.msg-toolbar{display:none}.msg-toolbar.open{display:flex}}.msg-content{font-size:var(--msg-fs);line-height:1.65;overflow-wrap:anywhere;color:var(--text)}.msg.assistant .msg-content{font-family:var(--font-msg)}.msg-content>:first-child{margin-top:0}.msg-content>:last-child{margin-bottom:0}.msg-content p{margin:0 0 .7em}.msg-content em{color:var(--em)}.msg-content strong{color:var(--amber);font-weight:600}.msg-content h3,.msg-content h4{margin:.8em 0 .4em;font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(22px * var(--fs) * var(--k));color:var(--amber)}.msg-content ul,.msg-content ol{margin:0 0 .7em;padding-left:1.4em}.msg-content code{padding:1px 5px;background:var(--bg-2);border:1px solid var(--border);font-family:var(--font-mono);font-size:calc(13px * var(--k))}.code-block{position:relative;margin:0 0 .8em}.code-block pre{margin:0;padding:30px 12px 12px;overflow-x:auto;background:var(--bg-2);border:var(--px) solid var(--border)}.code-block pre code{padding:0;background:none;border:none;font-size:calc(13px * var(--k));line-height:1.5}.code-block pre[data-lang]:before{content:attr(data-lang);position:absolute;top:6px;left:10px;font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(16px * var(--fs) * var(--k));color:var(--muted)}.code-copy{position:absolute;top:4px;right:4px;min-height:28px;padding:0 8px;background:var(--panel-2);border:1px solid var(--border-hi);font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(16px * var(--fs) * var(--k));color:var(--text-2)}.code-copy.copied{color:var(--teal);border-color:var(--teal)}.cursor-blink{display:inline-block;width:9px;height:1.05em;margin-left:2px;vertical-align:text-bottom;background:var(--amber);animation:blink .9s steps(1) infinite}.typing{display:inline-flex;gap:5px;padding:6px 0}.typing span{width:8px;height:8px;background:var(--amber);animation:blink 1.2s steps(1) infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}.msg-edit textarea{min-height:120px;font-size:calc(16px * var(--k))}.msg-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.swipe-nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:6px;padding-top:6px;border-top:1px dashed var(--border)}.swipe-count{min-width:40px;font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(18px * var(--fs) * var(--k));text-align:center;color:var(--muted)}.msg-actions{display:flex;justify-content:center;margin:4px 0 8px}.stream-error{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;padding:12px;background:var(--err-bg);border:var(--px) solid var(--red);box-shadow:var(--sh-3)}.stream-error-text{font-size:calc(14px * var(--k));color:var(--err-text);overflow-wrap:anywhere}.stream-error-actions{display:flex;gap:8px}.composer-wrap{flex-shrink:0;padding:8px 10px calc(8px + var(--safe-b));background:var(--panel);border-top:var(--px) solid var(--border)}.composer{display:flex;align-items:flex-end;gap:8px;max-width:820px;margin:0 auto}.composer textarea{flex:1;min-height:42px;max-height:168px;padding:10px 12px;resize:none;line-height:1.45;overflow-y:auto;field-sizing:content}.composer-tool{display:inline-flex;align-items:center;justify-content:center;width:36px;height:42px;flex-shrink:0;padding:0;background:transparent;border:var(--px) solid transparent;border-radius:var(--r-sm);color:var(--muted)}.composer-tool:active{background:var(--panel-3);color:var(--amber)}@media(hover:hover){.composer-tool:hover{color:var(--amber)}}.btn-send{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;padding:0;background:var(--amber);border:var(--px) solid var(--amber-dark);box-shadow:var(--sh-3);color:var(--on-accent)}.btn-send:active:not(:disabled){transform:var(--press);box-shadow:var(--sh-1)}.btn-send:disabled{background:var(--panel-2);border-color:var(--border);color:var(--muted)}.btn-send.stop{background:var(--pink);border-color:var(--stop-border)}.composer-note{margin:16px 0 0;font-size:calc(13px * var(--k));color:var(--muted)}.sheet-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--backdrop)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:61;max-width:560px;max-height:80dvh;margin:0 auto;overflow-y:auto;padding:6px 14px calc(14px + var(--safe-b));background:var(--panel);border:var(--px) solid var(--amber);border-bottom:none;animation:slide-up .16s ease-out}.sheet-handle{width:44px;height:4px;margin:4px auto 6px;background:var(--border-hi)}.sheet-head,.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sheet-head h2,.drawer-head h2{margin:0;overflow:hidden;font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(26px * var(--fs) * var(--k));line-height:1.1;color:var(--amber);text-overflow:ellipsis;white-space:nowrap}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-left{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:61;display:flex;flex-direction:column;width:min(560px,100%);background:var(--panel);border-left:var(--px) solid var(--amber);animation:slide-left .16s ease-out}.drawer-head{flex-shrink:0;margin:0;padding:calc(6px + var(--safe-t)) 8px 6px 16px;border-bottom:var(--px) solid var(--border)}.drawer-body{flex:1;min-height:0;padding:16px;overflow-y:auto;overscroll-behavior:contain}.drawer-foot{display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;padding:10px 16px calc(10px + var(--safe-b));border-top:var(--px) solid var(--border)}.persona-card{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.persona-avatar{width:64px;height:64px;object-fit:cover;border:var(--px) solid var(--border-hi)}.placeholder-avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--panel-3);color:var(--amber)}.avatar-upload{cursor:pointer}.greeting-edit{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:10px;background:var(--bg-2);border:var(--px) dashed var(--border)}.greeting-edit textarea{min-height:90px}.char-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.char-tile{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--panel);border:var(--px) solid var(--border);box-shadow:var(--sh-4);content-visibility:auto;contain-intrinsic-size:auto 200px}.char-tile.active{border-color:var(--teal)}.char-tile.gallery{cursor:pointer}.char-tile.gallery:active{transform:var(--press);box-shadow:var(--sh-2)}@media(hover:hover){.char-tile.gallery:hover{border-color:var(--amber)}}.char-tile-art{height:120px;margin:-12px -12px 0;background-color:var(--panel-3);background-size:cover;background-position:center;border-bottom:var(--px) solid var(--border)}.char-tile-head{display:flex;align-items:center;gap:10px}.char-tile-avatar{width:48px;height:48px;flex-shrink:0;object-fit:cover;border:var(--px) solid var(--border-hi)}.char-tile-avatar.placeholder{display:inline-flex;align-items:center;justify-content:center;background:var(--panel-3);color:var(--amber)}.char-tile-info{min-width:0}.char-tile-name{overflow:hidden;font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(24px * var(--fs) * var(--k));line-height:1.1;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.char-tile-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:calc(12px * var(--k));color:var(--muted)}.char-tile-meta.stats{gap:4px 6px}.char-tile-desc{display:-webkit-box;overflow:hidden;font-size:calc(13px * var(--k));line-height:1.5;color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical}.char-tile-tags{display:flex;flex-wrap:wrap;gap:4px}.char-tile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto}.char-tile-stat{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(18px * var(--fs) * var(--k));color:var(--muted)}input.gallery-search{width:220px;min-height:38px;padding:6px 10px}.gallery-detail{display:flex;flex-direction:column;gap:14px}.gallery-detail-art{height:200px;background-color:var(--panel-3);background-size:cover;background-position:center;border:var(--px) solid var(--border);box-shadow:var(--sh-4)}.gallery-detail-head{display:flex;align-items:center;gap:14px}.gallery-detail-avatar{width:80px;height:80px;flex-shrink:0;object-fit:cover;border:var(--px) solid var(--border-hi);box-shadow:var(--sh-3)}.gallery-detail-avatar.placeholder{display:inline-flex;align-items:center;justify-content:center;background:var(--panel-3);color:var(--amber)}.gallery-detail-name{margin:0 0 4px;font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(34px * var(--fs) * var(--k));line-height:1;color:var(--amber)}.gallery-detail-desc{margin:0;font-size:calc(15px * var(--k));color:var(--text-2);white-space:pre-wrap}.gallery-detail-actions{display:flex;flex-wrap:wrap;gap:10px}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100%;min-height:100dvh;padding:calc(20px + var(--safe-t)) 16px calc(20px + var(--safe-b))}.auth-card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:26px 20px 20px;background:var(--panel);border:var(--px) solid var(--border-hi);box-shadow:var(--sh-6)}.auth-card h1{margin:12px 0 0;font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(44px * var(--fs) * var(--k));line-height:1;letter-spacing:.12em;color:var(--amber)}.auth-sub{margin:4px 0 18px;font-size:calc(13px * var(--k));text-align:center;color:var(--text-2)}.auth-form{width:100%}.auth-submit{width:100%;margin-top:4px}.auth-toggle{margin-top:16px;font-size:calc(14px * var(--k));color:var(--text-2)}.boot{text-align:center}.boot-title{font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(56px * var(--fs) * var(--k));line-height:1;letter-spacing:.14em;color:var(--amber);text-shadow:var(--sh-text)}.boot-text{margin:8px 0 0;font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(22px * var(--fs) * var(--k));color:var(--text-2)}.toast{position:fixed;left:50%;bottom:calc(20px + var(--safe-b));z-index:80;max-width:calc(100% - 32px);padding:10px 16px;background:var(--panel-2);border:var(--px) solid var(--teal);box-shadow:var(--sh-4);font-size:calc(14px * var(--k));transform:translate(-50%);animation:toast-in .16s ease-out}.toast.error{border-color:var(--red);color:var(--err-text)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.msg-time{flex-shrink:0;font-size:calc(11px * var(--k));color:var(--muted);font-variant-numeric:tabular-nums}.jump-wrap{position:sticky;bottom:0;height:0;max-width:820px;margin:0 auto}.jump-bottom{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:var(--panel-2);border:var(--px) solid var(--border-hi);border-radius:var(--r-lg);box-shadow:var(--sh-3);color:var(--amber);animation:pop-in .14s ease-out}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.sheet-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.sheet-actions .btn{justify-content:flex-start;white-space:normal;text-align:left}.convo-search{position:relative;display:flex;align-items:center;margin:0 0 8px}.convo-search .ico{position:absolute;left:10px;color:var(--muted);pointer-events:none}.convo-search input{min-height:38px;padding:6px 10px 6px 34px}.settings{display:flex;flex-direction:column;gap:14px;padding-bottom:32px}.settings-card{padding:14px;background:var(--panel);border:var(--px) solid var(--border);border-radius:var(--r);box-shadow:var(--sh-3)}.settings-card>.section-title{margin:0 0 12px}.settings-card>.field:last-child{margin-bottom:0}.settings-card>.hint{margin:0 0 12px}.settings-card-head{display:flex;align-items:center;justify-content:space-between;margin:-6px 0 8px}.settings-card-head .section-title{margin:0}.theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.theme-opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px;background:var(--bg-2);border:var(--px) solid var(--border);border-radius:var(--r);text-align:left}.theme-opt.on{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}.theme-swatch{display:flex;gap:4px;width:100%;height:46px;margin-bottom:6px;padding:6px}.theme-swatch span{flex:1}.theme-swatch.retro{background:#1a1423;border:2px solid #4a3b5c}.theme-swatch.retro span:nth-child(1){background:#ffb84d}.theme-swatch.retro span:nth-child(2){background:#5ce1c6}.theme-swatch.retro span:nth-child(3){background:#ff6f91}.theme-swatch.dark,.theme-swatch.light{border-radius:10px}.theme-swatch.dark span,.theme-swatch.light span{border-radius:6px}.theme-swatch.dark{background:#141416;border:1px solid #2c2c33}.theme-swatch.dark span:nth-child(1){background:#8b7cff}.theme-swatch.dark span:nth-child(2){background:#2a2a31}.theme-swatch.dark span:nth-child(3){background:#1c1c20}.theme-swatch.light{background:#faf9f5;border:1px solid #e3dfd3}.theme-swatch.light span:nth-child(1){background:#c96442}.theme-swatch.light span:nth-child(2){background:#f0eee6}.theme-swatch.light span:nth-child(3){background:#fff;border:1px solid #e3dfd3}.theme-name{font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(22px * var(--fs) * var(--k));line-height:1.2;color:var(--text)}.theme-desc{font-size:calc(12px * var(--k));color:var(--muted)}.segmented{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;overflow:hidden;background:var(--bg-2);border:var(--px) solid var(--border);border-radius:var(--r-sm)}.segmented button{min-height:42px;background:transparent;border:0;border-right:var(--px) solid var(--border);font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(20px * var(--fs) * var(--k));color:var(--text-2)}.segmented button:last-child{border-right:0}.segmented button.on{background:var(--amber);color:var(--on-accent)}.key-status{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;background:var(--bg-2);border:var(--px) solid var(--border);border-radius:var(--r-sm)}.key-status>.ico{color:var(--teal)}.key-status-text{flex:1;min-width:0;font-size:calc(14px * var(--k));overflow-wrap:anywhere}.key-status code{font-family:var(--font-mono);font-size:calc(13px * var(--k))}.field-error{font-size:calc(13px * var(--k));color:var(--red)}.input-row>input{flex:1;min-width:0}input.model-search{margin-bottom:8px}.model-list{display:flex;flex-direction:column;gap:4px;max-height:320px;margin-bottom:14px;overflow-y:auto;overscroll-behavior:contain}.model-list.dimmed{opacity:.5}.model-opt{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 10px;background:transparent;border:var(--px) solid var(--border);border-radius:var(--r-sm);text-align:left;color:var(--text)}.model-opt.on{background:var(--panel-2);border-color:var(--amber)}.model-radio{width:18px;height:18px;flex-shrink:0;border:2px solid var(--border-hi);border-radius:var(--r-lg)}.model-opt.on .model-radio{background:var(--amber);border-color:var(--amber);box-shadow:inset 0 0 0 3px var(--panel-2)}.model-text{display:flex;flex-direction:column;min-width:0;line-height:1.3}.model-name,.model-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-name{font-size:calc(14px * var(--k))}.model-id{font-family:var(--font-mono);font-size:calc(12px * var(--k));color:var(--muted)}.settings-foot{margin:0;font-size:calc(12px * var(--k));text-align:center;color:var(--muted)}@media(max-width:720px){:root{--topbar-h: 46px}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:70;width:min(86vw,320px);box-shadow:var(--sh-side);transform:translate(0);transition:transform .18s ease-out}.sidebar.hidden{display:flex;transform:translate(-105%);box-shadow:none;visibility:hidden;transition:transform .18s ease-out,visibility 0s linear .18s}.sidebar-close{display:inline-flex}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:var(--backdrop)}.app.has-tabbar .main{padding-bottom:calc(var(--tabbar-h) + var(--safe-b))}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);background:var(--bg-2);border-top:var(--px) solid var(--border)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-top:3px solid transparent;color:var(--muted);text-decoration:none}.tab.active{border-top-color:var(--amber);background:var(--panel);color:var(--amber)}.tab-label{font-family:var(--font-ui);font-weight:var(--ui-weight);font-size:calc(18px * var(--fs) * var(--k));line-height:1}.app.has-tabbar .toast{bottom:calc(var(--tabbar-h) + 14px + var(--safe-b))}.topbar-selects{display:none}.topbar-sheet-btn{display:inline-flex}.topbar-title{font-size:calc(24px * var(--fs) * var(--k))}.chat-inner,.page-inner{padding:10px 8px 20px}.msg{padding:8px 10px 10px;box-shadow:var(--sh-2)}.msg.user{margin-left:8%}.char-cards{grid-template-columns:1fr;gap:10px}input.gallery-search{width:44vw}.home-banner{padding:22px 14px}.home-banner h1,.hero h1{font-size:calc(30px * var(--fs) * var(--k))}.drawer{width:100%;border-left:none;animation-name:slide-up}.drawer-foot .btn{flex:1}.gallery-detail-art{height:160px}}:root[data-shape=round]{--font-ui: var(--font-body);--ui-weight: 600;--fs: .72;--px: 1px;--scanline: none;--r-sm: 10px;--r: 14px;--r-lg: 20px;--sh-1: none;--sh-text: none;--press: scale(.97)}:root[data-theme=dark]{color-scheme:dark;--bg: #141416;--bg-2: #1c1c20;--panel: #1c1c20;--panel-2: #26262b;--panel-3: #303036;--border: #2c2c33;--border-hi: #3e3e47;--shadow: rgba(0, 0, 0, .5);--text: #ececf1;--text-2: #c6c6d0;--muted: #8e8ea0;--amber: #8b7cff;--amber-dark: #a89dff;--pink: #ff7a9c;--teal: #3ccfb4;--teal-dim: #27243d;--red: #ff6b6b;--on-accent: #ffffff;--user-bg: #2a2a31;--user-border: transparent;--err-bg: #3a1a1f;--err-text: #ffc9cf;--primary-hover: #9a8dff;--em: #c4b0ff;--stop-border: #d9467a;--backdrop: rgba(0, 0, 0, .55);--sh-2: 0 1px 2px rgba(0, 0, 0, .35);--sh-3: 0 1px 3px rgba(0, 0, 0, .4);--sh-4: 0 2px 10px rgba(0, 0, 0, .4);--sh-6: 0 10px 30px rgba(0, 0, 0, .5);--sh-side: 0 0 32px rgba(0, 0, 0, .6)}:root[data-theme=light]{color-scheme:light;--bg: #faf9f5;--bg-2: #ffffff;--panel: #faf9f5;--panel-2: #f0eee6;--panel-3: #e8e5da;--border: #e3dfd3;--border-hi: #cfc9b9;--shadow: rgba(31, 30, 29, .1);--text: #1f1e1d;--text-2: #3d3c38;--muted: #7b7972;--amber: #c96442;--amber-dark: #a9502f;--pink: #d97757;--teal: #c96442;--teal-dim: #f0eee6;--red: #b9383a;--on-accent: #ffffff;--user-bg: #f0eee6;--user-border: transparent;--err-bg: #fbecea;--err-text: #8c2a1e;--primary-hover: #b8583a;--em: #6f5a4a;--stop-border: #a9502f;--backdrop: rgba(31, 30, 29, .3);--font-msg: "Literata", "Noto Serif", Georgia, serif;--font-display: "Literata", "Noto Serif", Georgia, serif;--sh-2: 0 1px 2px rgba(31, 30, 29, .05);--sh-3: 0 1px 3px rgba(31, 30, 29, .07);--sh-4: 0 2px 10px rgba(31, 30, 29, .06);--sh-6: 0 10px 30px rgba(31, 30, 29, .1);--sh-side: 0 0 32px rgba(31, 30, 29, .14)}[data-shape=round] :focus-visible{outline:2px solid var(--amber);outline-offset:2px}[data-shape=round] .icon-btn,[data-shape=round] .msg-tool,[data-shape=round] .code-copy,[data-shape=round] .side-link,[data-shape=round] .convo-item{border-radius:var(--r-sm)}[data-shape=round] .msg,[data-shape=round] .home-banner,[data-shape=round] .recent-item,[data-shape=round] .greeting-card,[data-shape=round] .char-tile,[data-shape=round] .stream-error,[data-shape=round] .auth-card,[data-shape=round] .toast,[data-shape=round] .login-error,[data-shape=round] .greeting-edit,[data-shape=round] .code-block pre,[data-shape=round] .gallery-detail-art,[data-shape=round] .hero-char-avatar{border-radius:var(--r)}[data-shape=round] .char-tile{overflow:hidden}[data-shape=round] .avatar,[data-shape=round] .topbar-avatar,[data-shape=round] .recent-avatar,[data-shape=round] .char-tile-avatar,[data-shape=round] .persona-avatar,[data-shape=round] .gallery-detail-avatar,[data-shape=round] .logo-mark,[data-shape=round] .btn-send,[data-shape=round] .jump-bottom{border-radius:50%}[data-shape=round] .home-logo,[data-shape=round] .auth-logo{border:none;border-radius:18px}[data-shape=round] .badge-mini{border-radius:999px;font-size:calc(15px * var(--k))}[data-shape=round] .btn{font-size:calc(15px * var(--k))}[data-shape=round] .btn.small{font-size:calc(14px * var(--k))}[data-shape=round] .logo{letter-spacing:.04em}[data-shape=round] .msg{padding:6px 2px 10px;background:transparent;border-color:transparent;box-shadow:none}[data-shape=round] .msg.user{width:fit-content;min-width:40%;max-width:88%;margin-left:auto;padding:8px 14px 10px;background:var(--user-bg);border-radius:20px 20px 6px;content-visibility:visible}[data-shape=round] .msg.is-streaming{border-color:transparent}[data-shape=round] .msg-role{color:var(--text)}[data-shape=round] .msg.user .msg-role{color:var(--amber-dark)}[data-shape=round] .swipe-nav{border-top-style:solid}[data-shape=round] .msg-content strong,[data-shape=round] .msg-content h3,[data-shape=round] .msg-content h4{color:var(--text)}[data-shape=round] .cursor-blink{width:3px;border-radius:2px}[data-shape=round] .typing span{border-radius:50%;background:var(--muted)}[data-shape=round] .composer-wrap{border-top-color:transparent}[data-shape=round] .composer{padding:4px;background:var(--bg-2);border:1px solid var(--border);border-radius:24px}[data-shape=round] .composer:focus-within{border-color:var(--border-hi)}[data-shape=round] .composer textarea{min-height:38px;padding:8px 4px;background:transparent;border:none}[data-shape=round] .composer-tool{height:38px;border-radius:50%}[data-shape=round] .btn-send{width:38px;height:38px;border:none}[data-shape=round] .btn-send:disabled{background:var(--panel-3)}[data-shape=round] .sidebar{background:var(--bg-2)}[data-shape=round] .side-link.active{background:var(--teal-dim);border-color:transparent;color:var(--amber-dark)}[data-shape=round] .convo-item{padding-left:12px;border-width:0}[data-shape=round] .convo-item.active{background:var(--panel-3)}[data-shape=round] .convo-section-title,[data-shape=round] .section-title{font-size:calc(15px * var(--k));letter-spacing:.04em}[data-shape=round] .sheet{border:none;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--sh-6)}[data-shape=round] .sheet-handle{border-radius:4px}[data-shape=round] .drawer{border-left:1px solid var(--border);box-shadow:var(--sh-6)}[data-shape=round] .tabbar{background:var(--panel)}[data-shape=round] .tab,[data-shape=round] .tab.active{background:transparent;border-top-color:transparent}[data-theme=light] a,[data-theme=light] .link-btn{color:var(--amber)}[data-theme=light] .topbar{border-bottom-color:transparent}[data-theme=light] .sidebar{background:#f5f4ef}[data-theme=light] .side-link.active,[data-theme=light] .convo-item.active{background:#ebe8de;color:var(--text)}[data-theme=light] .topbar-title,[data-theme=light] .logo,[data-theme=light] .home-banner h1,[data-theme=light] .hero h1,[data-theme=light] .auth-card h1,[data-theme=light] .boot-title,[data-theme=light] .gallery-detail-name{font-family:var(--font-display);font-weight:400;letter-spacing:0;color:var(--text)}[data-theme=light] .logo-mark,[data-theme=light] .home-logo,[data-theme=light] .auth-logo{background:transparent;box-shadow:none;color:var(--amber)}[data-theme=light] .home-banner{background:transparent;border-color:transparent;box-shadow:none}[data-theme=light] .btn.primary{background:var(--text);border-color:var(--text);color:var(--bg)}@media(hover:hover){[data-theme=light] .btn.primary:hover:not(:disabled){background:#3d3c38}}[data-theme=light] .msg.user{border-radius:16px}[data-theme=light] .msg.user .msg-role,[data-theme=light] .msg-role{color:var(--text-2)}[data-theme=light] .msg.assistant .msg-content{line-height:1.7}[data-theme=light] .typing span,[data-theme=light] .cursor-blink{background:var(--amber)}[data-theme=light] .composer-wrap{background:var(--bg)}[data-theme=light] .composer{display:grid;grid-template-areas:"ta ta ta" "tool . send";grid-template-columns:auto 1fr auto;gap:4px;padding:10px 10px 8px 12px;background:#fff;border-color:var(--border);border-radius:20px;box-shadow:0 4px 20px #1f1e1d0d}[data-theme=light] .composer textarea{grid-area:ta;min-height:40px;padding:2px 2px 4px}[data-theme=light] .composer-tool{grid-area:tool;width:32px;height:32px;border:1px solid var(--border);border-radius:8px}[data-theme=light] .btn-send{grid-area:send;width:32px;height:32px;border-radius:9px;background:var(--amber)}[data-theme=light] .btn-send:disabled{background:var(--amber);color:var(--on-accent);opacity:.4}[data-theme=light] .btn-send.stop{background:var(--text);color:var(--bg)}[data-theme=light] .tab.active{color:var(--text)}:root[data-font=sm]{--msg-fs: 10px}:root[data-font=lg]{--msg-fs: 13px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.blink,.cursor-blink,.typing span,.jump-bottom{animation:none!important}}