:root{--canvas: #f5f2f0;--canvas-2: #efe9f3;--surface: rgba(255, 255, 255, .72);--surface-strong: #ffffff;--text: #171218;--muted: #756a78;--border: rgba(40, 24, 48, .12);--accent: #f1ccff;--accent-strong: #b35cff;--sky: #91e0ff;--mint: #c6f6df;--amber: #ffe6a7;--success: #00ba7c;--danger: #f04452;--shadow-soft: 0 18px 50px rgba(44, 31, 54, .12);--shadow-card: 0 10px 28px rgba(44, 31, 54, .1);--radius-card: 24px;--radius-control: 12px;--glass-blur: blur(22px) saturate(1.22);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--canvas)}:root[data-theme=dark]{--canvas: #121016;--canvas-2: #1b1422;--surface: rgba(31, 25, 38, .7);--surface-strong: #211a29;--text: #fbf7ff;--muted: #b9a9c2;--border: rgba(255, 255, 255, .12);--accent: #dba6ff;--accent-strong: #f1ccff;--sky: #76cfff;--mint: #1f4f3a;--amber: #66542c;--success: #39d98a;--danger: #ff6b7a;--shadow-soft: 0 18px 50px rgba(0, 0, 0, .32);--shadow-card: 0 10px 28px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html{min-height:100%;background:var(--canvas)}body{min-height:100%;margin:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 34%,transparent),transparent 36%),linear-gradient(215deg,color-mix(in srgb,var(--sky) 26%,transparent),transparent 42%),linear-gradient(180deg,var(--canvas),var(--canvas-2));color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}.app-shell{min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.app-content{width:min(100%,760px);margin:0 auto}.page{display:grid;gap:18px;padding:18px 14px 26px}.centered{min-height:86vh;align-content:center}.page-enter{animation:page-in .18s ease both}.glass-card,.glass-nav{position:relative;overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.glass-card{border-radius:var(--radius-card);padding:18px}.glass-card:before,.glass-nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.42),transparent 36%);opacity:.54}.glass-card>*,.glass-nav>*{position:relative}.hero-card{display:grid;gap:18px;min-height:260px;padding:24px;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 44%,transparent),transparent 54%),linear-gradient(45deg,color-mix(in srgb,var(--sky) 28%,transparent),transparent 56%),var(--surface)}.hero-copy{display:grid;gap:12px;align-content:center}.hero-copy h1,.page-title-card h1,.discover-hero h1,.create-hero h1,.profile-card h1,.empty-state-card h1{margin:0;font-size:clamp(32px,10vw,52px);line-height:1.08;letter-spacing:0}.hero-copy p,.create-hero p,.discover-hero p,.page-title-card p,.empty-state-card p,.profile-card p,.muted{margin:0;color:var(--muted);line-height:1.52}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.hero-orbit{display:grid;place-items:center;justify-self:end;width:104px;aspect-ratio:1;border:1px solid var(--border);border-radius:32px;background:color-mix(in srgb,var(--surface-strong) 58%,transparent);color:var(--accent-strong)}.hero-orbit span{position:absolute;width:52px;height:4px;border-radius:999px;background:var(--sky);transform:rotate(-18deg) translateY(30px)}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--accent-strong);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.section-block{display:grid;gap:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2,.glass-card h2,.admin-section h3{margin:2px 0 0;font-size:22px;line-height:1.2;letter-spacing:0}.section-heading.compact h2{font-size:20px}.action-button,.icon-button{min-height:44px;border:0;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-control);padding:0 15px;font-weight:700;color:var(--text)}.action-button:active,.icon-button:active,.glass-card:active,.list-card:active,.continue-card:active{transform:scale(.98)}.action-primary{background:var(--accent);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 48%,transparent)}.action-secondary{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 58%,transparent);color:var(--text)}.action-ghost{background:transparent;color:var(--accent-strong);padding-inline:8px}.action-danger{border:1px solid color-mix(in srgb,var(--danger) 55%,transparent);background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.icon-button{display:inline-grid;place-items:center;width:44px;border-radius:14px;background:var(--text);color:var(--surface-strong)}.horizontal-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,76%);gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.continue-card,.empty-rail-card{scroll-snap-align:start;display:grid;gap:8px;min-height:122px;border-radius:var(--radius-card);padding:16px;color:var(--text);text-align:left}.continue-card{border:1px solid var(--border)}.continue-card span,.continue-card em,.admin-row em,.list-card em{color:var(--muted);font-style:normal;line-height:1.4}.character-grid{display:grid;gap:12px}.character-card{display:grid;grid-template-columns:64px 1fr;gap:14px;transition:transform .16s ease,box-shadow .16s ease}.character-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.character-card .action-button{grid-column:1 / -1}.character-avatar,.profile-avatar{display:grid;place-items:center;border-radius:22px;color:#171218;aspect-ratio:1}.avatar-1{background:linear-gradient(135deg,var(--accent),var(--sky))}.avatar-2{background:linear-gradient(135deg,var(--mint),var(--accent))}.avatar-3{background:linear-gradient(135deg,var(--amber),var(--sky))}.avatar-4{background:linear-gradient(135deg,var(--sky),var(--mint))}.avatar-5{background:linear-gradient(135deg,var(--accent),var(--amber))}.character-content{min-width:0}.character-title-row{display:flex;align-items:start;justify-content:space-between;gap:8px}.character-title-row h3,.empty-state-card h3{margin:0;font-size:18px;line-height:1.25;letter-spacing:0}.character-title-row p,.character-content p{margin:6px 0 0;color:var(--muted);line-height:1.45}.character-score{flex:0 0 auto;color:var(--accent-strong);font-size:12px;font-weight:800}.tag-row,.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-row{margin-top:10px}.soft-tag{display:inline-flex;align-items:center;gap:4px;min-height:30px;border:1px solid var(--border);border-radius:10px;padding:0 10px;background:color-mix(in srgb,var(--surface-strong) 46%,transparent);color:var(--text);font-size:13px}.tag-button{color:var(--text)}.dashboard-grid{display:grid;gap:12px}.ranking-list{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.ranking-list li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;min-height:42px}.ranking-list span{color:var(--accent-strong);font-weight:800}.ranking-list em{color:var(--muted);font-size:12px;font-style:normal}.category-card,.ranking-card,.settings-card,.admin-section,.form-card{display:grid;gap:14px}.page-title-card,.discover-hero,.create-hero,.profile-card{display:grid;gap:10px}.search-field{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:12px 14px}.search-field input{border:0;background:transparent;outline:0;color:var(--text)}.stack-list,.mini-list{display:grid;gap:10px}.list-card{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:12px;width:100%;min-height:68px;border-radius:18px;padding:14px;color:var(--text);text-align:left}.list-card span,.admin-row span{display:grid;gap:2px;min-width:0}.top-bar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}.create-hero{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 38%,transparent),transparent 58%),var(--surface)}.form-field{display:grid;gap:7px}.form-label{font-size:14px;font-weight:800}.form-hint,.form-error{font-size:12px;line-height:1.4}.form-hint{color:var(--muted)}.form-error{color:var(--danger)}.field-control,input,textarea,select{width:100%;border:1px solid var(--border);border-radius:var(--radius-control);background:color-mix(in srgb,var(--surface-strong) 68%,transparent);color:var(--text);outline:0;padding:12px}textarea.field-control,textarea{min-height:96px;resize:vertical}.field-control:focus,input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--accent-strong) 64%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 34%,transparent)}.lorebook-placeholder{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}.lorebook-placeholder h2,.lorebook-placeholder p{margin:0}.sticky-actions{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1.4fr;gap:10px;padding:10px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.profile-card{grid-template-columns:68px 1fr;align-items:center}.profile-avatar{width:60px;background:linear-gradient(135deg,var(--accent),var(--sky))}.settings-panel{display:grid;gap:12px}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border:1px solid var(--border);border-radius:16px;padding:6px;background:color-mix(in srgb,var(--surface-strong) 34%,transparent)}.segmented-control button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:0;border-radius:12px;background:transparent;color:var(--muted)}.segmented-control button.active{background:var(--accent);color:#171218;font-weight:800}.check-row{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.check-row input{width:auto}.admin-panel{display:grid;gap:14px;margin-top:14px}.admin-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:54px;border-bottom:1px solid var(--border);padding:8px 0}.admin-row.key-row{grid-template-columns:1fr auto}.admin-row.admin-row-actions{grid-template-columns:auto 1fr auto auto}.admin-row:last-child{border-bottom:0}@media(max-width:430px){.admin-row.admin-row-actions{grid-template-columns:auto 1fr}.admin-row.admin-row-actions .action-button{grid-column:span 1}}.form-banner{border:1px solid var(--border);border-radius:14px;padding:10px 12px;background:color-mix(in srgb,var(--amber) 38%,transparent);color:var(--text);line-height:1.4}.form-banner.error{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.chat-page{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;padding:10px 10px env(safe-area-inset-bottom)}.chat-header{position:sticky;top:8px;z-index:2;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;min-height:58px;border-radius:20px;padding:8px}.chat-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-select{margin-top:10px;padding:8px;border-radius:18px}.messages{display:flex;flex-direction:column;gap:9px;padding:16px 4px 12px;overflow:auto}.bubble{max-width:84%;border:1px solid var(--border);border-radius:20px;padding:10px 13px;white-space:pre-wrap;line-height:1.48;box-shadow:0 8px 18px #0000000f}.bubble.mine{align-self:flex-end;background:var(--accent);color:#171218}.bubble.theirs{align-self:flex-start;background:var(--surface);color:var(--text);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.typing-dots{display:inline-flex;align-items:center;gap:5px;min-width:38px;min-height:20px}.typing-dots i{width:6px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--muted) 72%,transparent);animation:typing-dot .9s ease-in-out infinite}.typing-dots i:nth-child(2){animation-delay:.12s}.typing-dots i:nth-child(3){animation-delay:.24s}.reasoning-trace{align-self:flex-start;display:grid;gap:6px;max-width:88%;border:0;border-left:2px solid color-mix(in srgb,var(--accent-strong) 42%,transparent);background:transparent;color:var(--muted);padding:4px 0 4px 10px;text-align:left}.reasoning-trace span{font-size:12px;font-weight:800}.reasoning-trace em{max-height:128px;overflow:auto;white-space:pre-wrap;font-size:12px;font-style:normal;line-height:1.45}.chat-input{position:sticky;bottom:0;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;border-radius:22px;padding:8px}.chat-input textarea{min-height:44px;max-height:140px}.chat-input-hint{grid-column:1 / -1;color:var(--muted);font-size:12px;line-height:1.2}.bottom-nav{position:fixed;left:50%;right:auto;bottom:calc(10px + env(safe-area-inset-bottom));z-index:10;width:min(94vw,520px);height:66px;display:grid;grid-template-columns:repeat(4,1fr);border-radius:24px;transform:translate(-50%);padding:6px}.bottom-nav button{display:grid;place-items:center;gap:2px;min-height:54px;border:0;border-radius:18px;background:transparent;color:var(--muted)}.bottom-nav button.active{background:color-mix(in srgb,var(--accent) 72%,transparent);color:#171218;font-weight:800}.bottom-nav svg{width:22px;height:22px}.bottom-nav span{font-size:11px}.toast-stack{position:fixed;left:12px;right:12px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:30;display:grid;gap:8px;pointer-events:none}.toast{justify-self:center;max-width:min(520px,100%);border:1px solid var(--border);border-radius:16px;padding:12px 14px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.toast-success{border-color:color-mix(in srgb,var(--success) 48%,var(--border))}.toast-error{border-color:color-mix(in srgb,var(--danger) 55%,var(--border));color:var(--danger)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:grid;align-items:end;background:#00000052}.bottom-sheet{border-radius:26px 26px 0 0;border:1px solid var(--border);background:var(--surface);padding:10px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:var(--shadow-soft);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);animation:sheet-in .18s ease both}.sheet-handle{width:42px;height:4px;border-radius:999px;margin:0 auto 12px;background:var(--border)}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px}@media(min-width:680px){.character-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{grid-template-columns:1fr auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-in{0%{transform:translateY(18px)}to{transform:translateY(0)}}@keyframes typing-dot{0%,80%,to{opacity:.34;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}