:root{--accent: #ff5a7e;--accent-2: #ff8aa6;--accent-deep: #e23d63;--accent-soft: rgba(255, 90, 126, .12);--bg-1: #ffffff;--bg-2: #fbeef2;--bg-3: #f3edfa;--text: #1b181d;--text-dim: #6d6772;--text-faint: #a39da9;--glass: rgba(255, 255, 255, .72);--glass-strong: rgba(255, 255, 255, .9);--border: rgba(20, 18, 22, .09);--border-strong: rgba(20, 18, 22, .16);--bubble-user: linear-gradient(135deg, var(--accent), var(--accent-deep));--bubble-ai: rgba(240, 234, 255, .93);--bubble-ai-text: #221f26;--shadow-lg: 0 24px 60px rgba(60, 20, 40, .18);--shadow-md: 0 10px 30px rgba(60, 20, 40, .12);--shadow-sm: 0 4px 16px rgba(60, 20, 40, .13);--radius: 18px;--titlebar-h: 40px}[data-theme=dark]{--bg-1: #100d15;--bg-2: #181221;--bg-3: #1d1526;--text: #f3eff6;--text-dim: #aaa2b4;--text-faint: #6f6880;--glass: rgba(28, 22, 36, .62);--glass-strong: rgba(30, 23, 40, .86);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--bubble-ai: rgba(40, 32, 52, .74);--bubble-ai-text: #ece7f2;--shadow-lg: 0 24px 60px rgba(0, 0, 0, .5);--shadow-md: 0 12px 34px rgba(0, 0, 0, .42);--shadow-sm: 0 4px 14px rgba(0, 0, 0, .35)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:var(--text);background:var(--bg-1);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.app{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;background:radial-gradient(120% 90% at 50% -10%,var(--bg-2) 0%,transparent 55%),radial-gradient(120% 90% at 90% 110%,var(--bg-3) 0%,transparent 50%),var(--bg-1)}.titlebar{height:var(--titlebar-h);display:flex;align-items:center;-webkit-app-region:drag;padding:0 8px 0 14px;position:relative;z-index:30;flex-shrink:0}.titlebar-drag{flex:1;height:100%}.titlebar-left{display:flex;align-items:center;gap:8px;-webkit-app-region:drag}.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.brand{font-size:13px;font-weight:700;letter-spacing:.2px;color:var(--text)}.brand-sub{font-size:12px;color:var(--text-faint);font-weight:500}.titlebar-right{display:flex;align-items:center;gap:4px;-webkit-app-region:no-drag}.tb-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-dim);cursor:pointer;border-radius:8px;transition:background .15s,color .15s}.tb-btn:hover{background:var(--accent-soft);color:var(--accent)}.affection{display:flex;align-items:center;gap:4px;padding:0 8px 0 4px}.affection-heart{display:flex;animation:heartbeat 2s ease-in-out infinite;transform-origin:center}.affection-num{font-size:11px;font-weight:600;color:var(--text-dim);min-width:16px}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.22)}30%{transform:scale(1)}45%{transform:scale(1.12)}}.mood-chip{display:inline-flex;align-items:center;gap:5px;margin-left:4px;padding:2px 9px 2px 7px;border-radius:11px;font-size:11px;font-weight:600;letter-spacing:.1px;color:hsl(var(--mood-hue),58%,42%);background:hsla(var(--mood-hue),70%,55%,.12);border:1px solid hsla(var(--mood-hue),70%,55%,.22);-webkit-app-region:no-drag;animation:rise .3s cubic-bezier(.2,.7,.3,1) both}[data-theme=dark] .mood-chip{color:hsl(var(--mood-hue),75%,74%)}.mood-dot{width:6px;height:6px;border-radius:50%;background:hsl(var(--mood-hue),70%,55%);box-shadow:0 0 6px hsla(var(--mood-hue),80%,55%,.7);animation:moodPulse 2.6s ease-in-out infinite}@keyframes moodPulse{0%,to{opacity:.7}50%{opacity:1}}.mood-word{line-height:1}.win-controls{display:flex;margin-left:4px}.win-btn{width:38px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-dim);cursor:pointer;border-radius:7px;transition:background .15s,color .15s}.win-btn:hover{background:#80808029;color:var(--text)}.win-close:hover{background:#e8164a;color:#fff}.stage{flex:1;position:relative;overflow:hidden;--stage-hue: 340;background:radial-gradient(46% 44% at 50% 32%,hsla(var(--stage-hue),80%,66%,.28) 0%,transparent 68%),radial-gradient(125% 75% at 50% 118%,hsla(var(--stage-hue),55%,46%,.17) 0%,transparent 60%);transition:background 1.4s ease}[data-theme=dark] .stage{background:radial-gradient(50% 46% at 50% 33%,hsla(var(--stage-hue),70%,56%,.24) 0%,transparent 72%),radial-gradient(125% 82% at 50% 118%,hsla(var(--stage-hue),55%,30%,.22) 0%,transparent 62%)}.stage canvas{display:block;position:relative;z-index:1}.stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(125% 108% at 50% 44%,transparent 58%,rgba(18,8,20,.15) 100%)}[data-theme=dark] .stage:after{background:radial-gradient(125% 108% at 50% 44%,transparent 50%,rgba(0,0,0,.36) 100%)}.dock{position:fixed;left:50%;bottom:18px;bottom:max(18px,env(safe-area-inset-bottom,18px));transform:translate(-50%);width:min(620px,calc(100% - 36px));z-index:20;display:flex;flex-direction:column;gap:10px}.history{max-height:min(36vh,340px);max-height:min(36dvh,340px);overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:8px 4px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%);mask-image:linear-gradient(to bottom,transparent 0,#000 18%)}.empty-hint{text-align:center;color:var(--text-faint);font-size:13px;padding:14px}.history::-webkit-scrollbar{width:4px}.history::-webkit-scrollbar-track{background:transparent}.history::-webkit-scrollbar-thumb{background:#ff5a7e47;border-radius:4px}.history::-webkit-scrollbar-thumb:hover{background:#ff5a7e8c}.bubble-row{display:flex}.bubble-row.user{justify-content:flex-end}.bubble-row.assistant{justify-content:flex-start}.bubble{position:relative;max-width:62%;padding:10px 15px;border-radius:18px;font-size:14.5px;line-height:1.58;box-shadow:var(--shadow-sm);animation:rise .26s cubic-bezier(.2,.7,.3,1) both;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}.bubble-text{word-break:break-word;white-space:normal;-webkit-user-select:text;user-select:text}.bubble.user{background:var(--bubble-user);color:#fff;border-bottom-right-radius:6px}.bubble.assistant{background:var(--bubble-ai);color:var(--bubble-ai-text);border:1px solid var(--border);border-bottom-left-radius:6px}.bubble.error{background:#e23d631f;color:var(--accent-deep);border:1px solid rgba(226,61,99,.3)}.chat-bubble-image{max-width:240px;max-height:180px;border-radius:12px;display:block;margin-bottom:6px;object-fit:cover}.composer-preview-wrap{position:relative;display:inline-block;margin-bottom:4px}.composer-preview-img{width:48px;height:48px;border-radius:8px;object-fit:cover;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.composer-preview-clear{position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:var(--text-faint);color:#fff;border-radius:50%;border:none;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.composer-preview-clear:hover{background:var(--accent-deep)}.bubble-time{display:block;font-size:10px;opacity:0;margin-top:4px;text-align:right;transition:opacity .15s}.bubble:hover .bubble-time{opacity:.55}.bubble.user .bubble-time{color:#ffffffd9}.rp-action{font-style:italic;font-size:.94em;opacity:.78;letter-spacing:.1px}.bubble.user .rp-action{color:#ffffffd1}.bubble.assistant .rp-action{color:var(--accent-deep);opacity:.82}[data-theme=dark] .bubble.assistant .rp-action{color:var(--accent-2)}@keyframes rise{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.typing{display:inline-flex;gap:4px;align-items:center;padding:2px 0}.typing span{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:bounce 1.1s ease-in-out infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}.composer-wrap{display:flex;flex-direction:column;gap:8px;align-items:center}.composer{width:100%;display:flex;align-items:flex-end;gap:6px;padding:8px 8px 8px 10px;background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-md)}.composer-input{flex:1;resize:none;border:none;outline:none;background:transparent;color:var(--text);font-family:inherit;font-size:14.5px;line-height:1.45;padding:8px 6px;max-height:120px;-webkit-user-select:text;user-select:text}.composer-input::placeholder{color:var(--text-faint)}.ic-btn{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-dim);border-radius:50%;cursor:pointer;transition:background .15s,color .15s}.ic-btn:hover{background:var(--accent-soft);color:var(--accent)}.ic-btn.listening{background:var(--accent);color:#fff;animation:pulseMic 1.1s ease-in-out infinite}@keyframes pulseMic{0%,to{box-shadow:0 0 #ff5a7e80}50%{box-shadow:0 0 0 7px #ff5a7e00}}.ic-btn.singing{color:var(--accent);animation:singBob .6s ease-in-out infinite}@keyframes singBob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}.send-btn{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;background:var(--bubble-user);color:#fff;box-shadow:0 4px 14px #ff5a7e73;transition:transform .12s,opacity .15s,filter .15s}.send-btn:hover{filter:brightness(1.07)}.send-btn:active{transform:scale(.92)}.send-btn:disabled{background:var(--border-strong);color:var(--text-faint);box-shadow:none;cursor:default}.send-btn.stop{background:#444;box-shadow:none}[data-theme=dark] .send-btn.stop{background:#2c2436}.ic-btn.emote-toggle.active,.ic-btn.actions-toggle.active{color:var(--accent);background:var(--accent-soft)}.dock-handle{align-self:center;display:flex;align-items:center;justify-content:center;width:64px;height:18px;padding:0;border:none;background:transparent;cursor:pointer;-webkit-app-region:no-drag}.dock-grip{width:36px;height:4px;border-radius:3px;background:var(--border-strong);transition:background .15s ease,width .15s ease}.dock-handle:hover .dock-grip{background:var(--accent);width:46px}.dock-handle:active .dock-grip{background:var(--accent-deep)}.emote-bar{align-self:center;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:7px 9px;background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm);animation:emoteRise .22s cubic-bezier(.2,.7,.3,1) both}@keyframes emoteRise{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.emote-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 9px;border:1px solid transparent;background:transparent;color:var(--text-dim);border-radius:13px;font-family:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,transform .1s,border-color .15s}.emote-btn svg{flex-shrink:0}.emote-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}.emote-btn:active{transform:scale(.94)}.emote-label{white-space:nowrap}.conn-pill{align-self:center;display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--accent-deep);background:#e23d631a;border:1px solid rgba(226,61,99,.25);padding:5px 12px;border-radius:20px;cursor:pointer}.conn-dot{width:8px;height:8px;border-radius:50%;background:#d33}.conn-dot.ok{background:#2ec27e}.conn-dot.down{background:#e23d63}.conn-dot.checking{background:#f5a623}.conn-dot.unknown{background:#aaa}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a060e80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade .2s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}.card{background:var(--glass-strong);-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-lg);width:100%;max-width:460px;padding:30px;animation:pop .26s cubic-bezier(.2,.8,.3,1) both}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.card h2{font-size:22px;font-weight:700;margin-bottom:10px;letter-spacing:-.3px}.card p{font-size:14px;line-height:1.6;color:var(--text-dim)}.age-glyph{width:56px;height:56px;border-radius:16px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;background:var(--bubble-user);box-shadow:0 8px 20px #ff5a7e66}.age-fine{margin-top:16px;font-size:11.5px;color:var(--text-faint);text-align:center}.card-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.btn-primary{background:var(--bubble-user);color:#fff;border:none;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 6px 16px #ff5a7e66;transition:filter .15s,transform .1s}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:active{transform:scale(.97)}.btn-primary.wide{width:100%}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border-strong);border-radius:12px;padding:11px 18px;font-size:14px;cursor:pointer;transition:background .15s}.btn-ghost:hover{background:var(--accent-soft);color:var(--accent);border-color:transparent}.btn-danger{background:transparent;color:var(--accent-deep);border:1px solid rgba(226,61,99,.4);border-radius:12px;padding:11px 18px;font-size:14px;cursor:pointer;transition:background .15s}.btn-danger:hover{background:#e23d631f}.onboard-lead{margin-bottom:18px}.warn-line{margin-top:4px;font-size:12.5px;color:var(--accent-deep);background:#e23d6314;padding:10px 12px;border-radius:12px}.onboard-progress{display:flex;gap:6px;margin-bottom:18px}.onboard-pip{height:4px;flex:1;border-radius:3px;background:var(--border-strong);transition:background .3s ease}.onboard-pip.on{background:var(--accent)}.onboard-step{animation:onboardStep .32s cubic-bezier(.2,.7,.3,1) both}@keyframes onboardStep{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.onboard-glyph{width:56px;height:56px;border-radius:18px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;background:var(--bubble-user);box-shadow:0 8px 20px #ff5a7e66}.onboard-glyph svg{animation:heartbeat 1.8s ease-in-out infinite;transform-origin:center}.onboard-actions{justify-content:space-between}.field{display:block;margin-bottom:16px}.field>span,.field-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-dim);margin-bottom:7px}.field input[type=text],.field input:not([type]),.field input[type=number],.card input:not([type=range]):not([type=checkbox]),.fact-add input,.field select,.field textarea,.card textarea{width:100%;border:1px solid var(--border-strong);background:var(--bg-1);color:var(--text);border-radius:12px;padding:11px 13px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-user-select:text;user-select:text}[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea,[data-theme=dark] .card input,[data-theme=dark] .card textarea,[data-theme=dark] .fact-add input{background:#ffffff0a}.field input:focus,.field select:focus,.field textarea:focus,.card input:focus,.card textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field textarea,.card textarea{resize:vertical;line-height:1.5}.field input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:4px;padding:0;background:var(--border-strong)}.field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 2px 6px #ff5a7e80;border:2px solid #fff}.hint{font-size:12px;color:var(--text-faint);line-height:1.5;margin-top:-6px}.hint code{background:var(--accent-soft);color:var(--accent-deep);padding:1px 5px;border-radius:5px;font-size:11.5px}.persona-grid{display:flex;flex-wrap:wrap;gap:8px}.persona-chip{border:1px solid var(--border-strong);background:transparent;color:var(--text-dim);border-radius:11px;padding:9px 13px;font-size:13px;cursor:pointer;transition:all .15s;font-family:inherit}.persona-chip:hover{border-color:var(--accent);color:var(--accent)}.persona-chip.active{background:var(--bubble-user);color:#fff;border-color:transparent;box-shadow:0 4px 12px #ff5a7e59}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;cursor:default}.switch-row span{display:flex;flex-direction:column}.switch-row strong{font-size:14px;font-weight:600;color:var(--text)}.switch-row em{font-size:12px;color:var(--text-faint);font-style:normal;margin-top:2px}.toggle{width:46px;height:27px;border-radius:14px;border:none;background:var(--border-strong);position:relative;cursor:pointer;flex-shrink:0;transition:background .2s}.toggle.on{background:var(--accent)}.toggle .knob{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 2px 5px #00000040}.toggle.on .knob{transform:translate(19px)}.settings-card{max-width:540px;padding:0;overflow:hidden;display:flex;flex-direction:column;max-height:86vh}.settings-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.settings-head h2{margin:0}.x-btn{width:32px;height:32px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;border-radius:9px;display:flex;align-items:center;justify-content:center}.x-btn:hover{background:var(--accent-soft);color:var(--accent)}.settings-body{display:flex;min-height:0;flex:1}.tabs{display:flex;flex-direction:column;gap:2px;padding:14px 10px;border-right:1px solid var(--border);flex-shrink:0;width:130px}.tab{text-align:left;border:none;background:transparent;color:var(--text-dim);padding:9px 12px;border-radius:9px;font-size:13px;cursor:pointer;font-family:inherit;transition:all .12s}.tab:hover{background:var(--accent-soft);color:var(--accent)}.tab.active{background:var(--bubble-user);color:#fff;font-weight:600}.tab-panel{flex:1;padding:20px 24px;overflow-y:auto;min-width:0}.conn-status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim);margin-bottom:16px;flex-wrap:wrap}.mini-btn{border:1px solid var(--border-strong);background:transparent;color:var(--text-dim);border-radius:9px;padding:6px 12px;font-size:12.5px;cursor:pointer;font-family:inherit;transition:all .15s}.mini-btn:hover{border-color:var(--accent);color:var(--accent)}.facts{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.fact{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--accent-soft);border-radius:10px;padding:8px 8px 8px 12px;font-size:13px}.fact button{border:none;background:transparent;color:var(--text-dim);font-size:18px;line-height:1;cursor:pointer;width:24px;height:24px;border-radius:6px}.fact button:hover{background:#e23d632e;color:var(--accent-deep)}.fact>span:not(.fact-badge){flex:1}.fact-badge{flex:none;font-size:10px;text-transform:uppercase;letter-spacing:.03em;font-weight:700;color:var(--accent-deep);background:#e23d6324;border-radius:6px;padding:2px 6px}.fact-badge[data-cat=emotion_moment],.fact-badge[data-cat=milestone]{color:#b07c12;background:#d4a01e2e}.fact-badge[data-cat=inside_joke]{color:#6b46c1;background:#7c4dc129}.mat-colors{display:flex;flex-direction:column;gap:6px}.mat-row{display:flex;align-items:center;gap:8px}.mat-row .mat-name{flex:1;font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-row input[type=color]{width:34px;height:26px;padding:0;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer}.fact-add{display:flex;gap:8px}.fact-add input{flex:1}.danger-row{display:flex;gap:10px;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.backup-block{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.backup-head{display:flex;flex-direction:column;margin-bottom:12px}.backup-head strong{font-size:14px;font-weight:600;color:var(--text)}.backup-head em{font-size:12px;color:var(--text-faint);font-style:normal;margin-top:3px;line-height:1.5}.backup-row{display:flex;gap:10px}.backup-error{margin-top:10px;font-size:12.5px;color:var(--accent-deep);background:#e23d6314;border-radius:10px;padding:8px 11px}.loading-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(60% 60% at 50% 45%,var(--bg-2) 0%,var(--bg-1) 100%)}.loading-orb{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.loading-orb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,var(--accent-soft) 0%,transparent 70%);animation:glow 2s ease-in-out infinite}.loading-heart{animation:heartbeat 1.4s ease-in-out infinite;display:flex}@keyframes glow{0%,to{transform:scale(.9);opacity:.6}50%{transform:scale(1.25);opacity:1}}.loading-text{font-size:15px;font-weight:600;color:var(--text);letter-spacing:.2px}.loading-hint{font-size:12.5px;color:var(--text-faint);max-width:260px;text-align:center}.loading-screen.is-error .loading-heart{animation:none;opacity:.5}.toast{position:absolute;left:50%;top:calc(var(--titlebar-h) + 8px);transform:translate(-50%);max-width:min(560px,calc(100% - 36px));z-index:40;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border:1px solid var(--border);color:var(--text-dim);font-size:12.5px;line-height:1.45;text-align:center;padding:10px 16px;border-radius:14px;box-shadow:var(--shadow-md);cursor:pointer;animation:rise .26s cubic-bezier(.2,.7,.3,1) both}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.media-strip{display:flex;gap:8px;margin-top:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.media-strip::-webkit-scrollbar{height:4px}.media-strip::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.media-thumb-wrap{position:relative;display:block;flex-shrink:0;scroll-snap-align:start;border-radius:10px;overflow:hidden;transition:transform .15s,box-shadow .15s;box-shadow:var(--shadow-sm)}.media-thumb-wrap:hover{transform:scale(1.04);box-shadow:var(--shadow-md)}.media-thumb-wrap:active{transform:scale(.97)}.media-save{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:none;cursor:pointer;background:#0a060e80;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s,transform .1s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-thumb-wrap:hover .media-save{opacity:1}.media-save:hover{background:var(--accent)}.media-save:active{transform:scale(.86)}.media-save.saved{opacity:1;color:var(--accent-2)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.gallery-item{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:1;box-shadow:var(--shadow-sm);background:var(--bg-2)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-del{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;cursor:pointer;background:#0a060e99;color:#fff;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.gallery-item:hover .gallery-del{opacity:1}.gallery-del:hover{background:var(--accent-deep)}.media-thumb{display:block;width:140px;height:140px;object-fit:cover;background:var(--bg-2)}@media (max-width: 640px){.titlebar{height:auto;min-height:54px;padding:max(8px,env(safe-area-inset-top)) 8px 8px 14px;background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid var(--border)}.brand{font-size:15px}.brand-sub,.affection-num{display:none}.tb-btn{width:40px;height:40px;border-radius:11px}.dock{left:0;right:0;bottom:0;transform:none;width:100%;gap:6px;padding:0 10px max(10px,env(safe-area-inset-bottom));background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;box-shadow:none}.dock:before{content:"";position:absolute;left:0;right:0;bottom:0;top:-8px;z-index:-1;pointer-events:none;background:linear-gradient(to top,rgba(251,238,242,.94),rgba(251,238,242,.55) 36%,transparent 80%)}[data-theme=dark] .dock:before{background:linear-gradient(to top,rgba(16,13,21,.94),rgba(16,13,21,.55) 36%,transparent 80%)}.dock-handle{width:100%;height:24px}.dock-grip{width:40px;height:5px;background:var(--text-faint);opacity:.55}.history{max-height:min(38dvh,320px);gap:9px;padding:6px 2px 2px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 26%);mask-image:linear-gradient(to bottom,transparent 0,#000 26%)}.bubble{max-width:80%;font-size:14.5px;line-height:1.5;padding:9px 13px;border-radius:17px;box-shadow:var(--shadow-md)}.chat-bubble-image{max-width:190px;max-height:190px}.composer-wrap{gap:6px}.composer{background:var(--glass-strong);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-md);padding:5px 6px 5px 9px;gap:4px}.composer-input{font-size:16px;padding:9px 8px}.ic-btn{width:40px;height:40px;border-radius:12px}.send-btn{width:44px;height:44px;border-radius:14px}.emote-bar{width:100%;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.emote-bar::-webkit-scrollbar{display:none}.emote-btn{flex:0 0 auto;padding:9px 13px;font-size:13.5px}.media-strip{gap:6px;padding:4px 0}.media-thumb{width:118px;height:118px;border-radius:12px}.media-save{opacity:1;background:#0a060e73}.overlay:has(>.settings-card){padding:0}.settings-card{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;border-radius:0}.settings-head{padding:max(14px,env(safe-area-inset-top)) 16px 12px}.settings-body{flex-direction:column;min-height:0}.tabs{flex-direction:row;width:auto;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid var(--border);padding:8px 12px;gap:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;white-space:nowrap;padding:9px 15px;font-size:13.5px}.tab-panel{padding:16px 16px max(24px,env(safe-area-inset-bottom))}.card{width:calc(100% - 28px);max-width:420px;padding:26px 22px}}@media (max-width: 380px){.ic-btn{width:40px;height:40px}.send-btn{width:44px;height:44px}.bubble{max-width:90%}.media-thumb{width:106px;height:106px}}@media (display-mode: standalone){.titlebar{padding-top:max(8px,env(safe-area-inset-top))}}@media (hover: none) and (pointer: coarse){.tb-btn{width:40px;height:40px}.ic-btn:active{opacity:.7;transform:scale(.93)}.send-btn:active{opacity:.85;transform:scale(.93)}.bubble-row.assistant .bubble:hover{transform:none}.media-save{opacity:1}}