:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);height:100vh;font-family:Segoe UI,Tahoma,sans-serif;transition:background .4s;overflow:hidden}#root{height:100vh}.app-container{background:var(--chat-bg);flex-direction:column;height:100vh;transition:background .4s;display:flex}.theme-dark{--bg:#0d0d1a;--chat-bg:#13132b;--msg-me:#1a3a5c;--msg-bot:#2d1f4e;--text:#e0e0e0;--text-secondary:#a0a0b0;--input-bg:#1a1a35;--border:#1e1e3a;--accent:#ff4757;--accent-hover:#ff6b7a;--panel-bg:#13132b;--panel-item:#1a1a35;--panel-hover:#252550;--toggle-bg:#0a0a18;--shadow:0 4px 20px #00000080}.theme-cyan{--bg:#051a1f;--chat-bg:#0a2830;--msg-me:#0d4f5a;--msg-bot:#1a6b72;--text:#c8f0f0;--text-secondary:#7ab8b8;--input-bg:#0a2830;--border:#0d3d45;--accent:#00d4c8;--accent-hover:#00f0e0;--panel-bg:#0a2830;--panel-item:#0d3d45;--panel-hover:#105058;--toggle-bg:#031015;--shadow:0 4px 20px #00b4aa33}.theme-light{--bg:#e8e8ed;--chat-bg:#f5f5f8;--msg-me:#c8e6c9;--msg-bot:#e0e0e0;--text:#1a1a1a;--text-secondary:#666;--input-bg:#fff;--border:#d0d0d8;--accent:#ff4757;--accent-hover:#ff6b7a;--panel-bg:#fff;--panel-item:#f0f0f3;--panel-hover:#e4e4e8;--toggle-bg:#e0e0e5;--shadow:0 4px 20px #0000001a}.menu-trigger{z-index:100;cursor:pointer;background:#1a3a5c;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:fixed;top:16px;left:16px}.menu-icon{flex-direction:column;gap:4px;width:20px;height:16px;display:flex}.menu-icon span{background:#fff;border-radius:2px;width:20px;height:2px;display:block}.relax-trigger{z-index:100;background:var(--accent);color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:fixed;top:16px;right:16px}.maintenance-screen{color:var(--text);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.maintenance-screen h2{font-size:24px}.maintenance-screen p{color:var(--text-secondary)}.home-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding:40px;display:flex}.home-logo{color:var(--text);letter-spacing:4px;font-size:52px;font-weight:700}.home-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:18px}.home-buttons{flex-direction:column;gap:12px;width:100%;max-width:300px;display:flex}.home-btn{border:2px solid var(--border);background:var(--panel-item);color:var(--text);cursor:pointer;border-radius:16px;padding:16px;font-size:16px;transition:all .2s}.home-btn.primary{background:var(--accent);color:#fff;border:none;font-weight:700}.home-btn.pro-create{color:#1a1a1a;background:linear-gradient(135deg,gold,#fa0);border:none;font-weight:700;position:relative;overflow:hidden;box-shadow:0 4px 15px #ffd7004d}.home-btn.pro-create:after{content:"PRO";color:gold;background:#0000004d;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:6px;right:10px}.home-btn.pro-create:hover{transform:scale(1.03);box-shadow:0 6px 20px #ffd70080}.home-btn:hover{box-shadow:var(--shadow);transform:scale(1.02)}.home-theme{background:var(--toggle-bg);border:1px solid var(--border);border-radius:16px;gap:10px;margin-top:30px;padding:5px;display:flex}.home-theme .theme-btn{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:12px;width:44px;height:44px;font-size:20px;transition:all .3s}.home-theme .theme-btn:hover{opacity:.8;background:var(--panel-item)}.home-theme .theme-btn.active{opacity:1;background:var(--accent);box-shadow:var(--shadow)}.create-menu-wrapper{position:relative}.create-dropdown{background:var(--panel-bg);z-index:50;border:1px solid gold;border-radius:14px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 20px #0006}.create-dropdown button{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;padding:14px 16px;font-size:15px;display:block}.create-dropdown button:last-child{border-bottom:none}.create-dropdown button:hover{background:var(--panel-hover)}.create-screen{flex-direction:column;flex:1;padding:20px;display:flex;overflow-y:auto}.create-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.create-header h2{color:var(--text);margin:0}.create-tabs{gap:8px;width:100%;max-width:500px;margin-bottom:16px;margin-left:auto;margin-right:auto;display:flex}.create-tab{background:var(--panel-item);color:var(--text);cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px;font-size:14px}.create-tab.active{background:var(--accent);color:#fff}.create-form{flex-direction:column;gap:16px;width:100%;max-width:500px;margin:0 auto;display:flex}.photo-hint{color:var(--text-secondary);font-size:12px}.fandom-section{flex-direction:column;gap:8px;display:flex}.fandom-label{color:var(--text);background:var(--panel-item);border-radius:10px;align-self:flex-start;padding:8px 12px;font-size:14px;font-weight:700;display:inline-block}.fandom-input{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px}.fandom-hint{color:var(--text-secondary);opacity:.8;margin:0;font-size:13px;font-style:italic}.ai-generate-btn{border:2px dashed var(--accent);color:var(--accent);cursor:pointer;background:#ff47570d;border-radius:14px;padding:12px;font-size:15px;font-weight:700;transition:all .2s}.ai-generate-btn:hover:not(:disabled){background:var(--accent);color:#fff}.ai-generate-btn:disabled{opacity:.5;cursor:not-allowed}.ai-response{margin-top:8px}.ai-response-label{color:var(--accent);margin-bottom:8px;font-size:14px;font-weight:700}.ai-response-box{border:1px solid var(--border);background:#ffffff0d;border-radius:14px;max-height:300px;padding:16px;overflow-y:auto}.ai-response-box p{color:var(--text-secondary);margin:0;font-style:italic}.create-form label{color:var(--text);font-size:14px;font-weight:700}.create-form input,.create-form textarea{border:1px solid var(--border);background:var(--input-bg);color:var(--text);resize:vertical;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px}.player-info-text{color:var(--text-secondary);text-align:center;margin-bottom:12px;font-size:13px}.player-list{background:var(--panel-item);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:14px}.player-list h4{color:var(--text);margin:0 0 10px}.player-card{background:var(--panel-hover);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px;display:flex}.player-card.active{border:1px solid var(--accent)}.player-card span{color:var(--text);font-size:14px}.player-card-btns{gap:4px;display:flex}.player-card-btns button{cursor:pointer;border:none;border-radius:50%;width:28px;height:28px;font-size:14px}.player-card-btns button:first-child{color:#fff;background:#2ecc71}.player-card-btns button:last-child{color:#fff;background:#ff00004d}.player-card-img{object-fit:cover;border-radius:50%;width:32px;height:32px;margin-right:8px}.gallery-screen{flex-direction:column;flex:1;padding:20px;display:flex;overflow-y:auto}.gallery-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.gallery-header h2{color:var(--text);margin:0}.gallery-empty{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.empty-icon{opacity:.5;font-size:64px}.gallery-grid{flex-direction:column;gap:12px;display:flex}.character-card{background:var(--panel-item);border:1px solid var(--border);border-radius:16px;gap:14px;padding:16px;display:flex;position:relative}.character-card:hover{background:var(--panel-hover)}.card-image{background:var(--toggle-bg);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%}.card-avatar{font-size:40px}.card-info{flex:1;min-width:0}.card-info h3{color:var(--text);margin:0 0 4px}.card-fandom{color:var(--accent);font-size:12px;font-weight:700}.card-desc{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;font-size:13px;overflow:hidden}.card-actions{opacity:0;flex-direction:column;gap:6px;transition:opacity .2s;display:flex}.character-card:hover .card-actions{opacity:1}.card-edit,.card-delete,.card-chat,.card-share{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.card-edit{color:var(--text);background:#ffffff1a}.card-delete{color:#ff4757;background:#f003}.card-chat{background:var(--accent);color:#fff}.card-share{color:var(--text);background:#ffffff1a}.card-share:hover{background:var(--accent);color:#fff}.history-groups{width:100%;max-width:500px;margin:0 auto}.history-group{margin-bottom:24px}.group-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-size:13px;font-weight:700}.edit-full-form{flex-direction:column;gap:16px;width:100%;max-width:500px;margin:0 auto;display:flex}.edit-full-form label{color:var(--text);font-size:14px;font-weight:700}.edit-full-form input,.edit-full-form textarea{border:1px solid var(--border);background:var(--input-bg);color:var(--text);resize:vertical;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px}.photo-upload{border:2px dashed var(--border);cursor:pointer;background:#ffffff08;border-radius:20px;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 20px;display:flex;overflow:hidden}.photo-upload:hover{border-color:var(--accent)}.photo-placeholder{opacity:.6;flex-direction:column;align-items:center;gap:8px;display:flex}.photo-icon{font-size:40px}.photo-text{color:var(--text);font-size:14px}.photo-preview{object-fit:cover;width:100%;height:100%}.avatar-picker{flex-wrap:wrap;gap:8px;display:flex}.avatar-option{border:2px solid var(--border);background:var(--panel-item);cursor:pointer;border-radius:12px;width:44px;height:44px;font-size:22px}.avatar-option:hover{background:var(--panel-hover)}.avatar-option.selected{border-color:var(--accent);background:var(--accent);transform:scale(1.1)}.create-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:16px;margin-top:8px;padding:16px;font-size:18px;font-weight:700}.msg-count{color:var(--accent);font-size:11px;font-weight:700}.shared-badge{background:var(--accent);color:#fff;border-radius:8px;margin-left:6px;padding:2px 6px;font-size:10px;display:inline-block}.confirm-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.confirm-modal{background:var(--panel-bg);text-align:center;border:1px solid var(--border);border-radius:16px;width:90%;max-width:350px;padding:24px}.confirm-modal h3{color:var(--text);margin:0 0 12px}.confirm-modal p{color:var(--text-secondary);margin:0 0 20px;font-size:14px}.confirm-btns{gap:10px;display:flex}.confirm-yes{color:#fff;cursor:pointer;background:#ff4757;border:none;border-radius:10px;flex:1;padding:12px;font-weight:700}.confirm-no{background:var(--panel-item);color:var(--text);cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px}.gm-panel{background:var(--panel-bg);z-index:500;border-left:2px solid #c0392b;flex-direction:column;width:320px;height:100%;animation:.3s slideInRight;display:flex;position:fixed;top:0;right:0}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.gm-header{color:#fff;text-align:center;background:linear-gradient(135deg,#c0392b,#e74c3c);padding:20px;position:relative}.gm-close-btn{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;font-size:20px;position:absolute;top:10px;right:14px}.gm-close-btn:hover{opacity:1}.gm-icon{font-size:32px;display:block}.gm-header h3{margin:8px 0 0;font-size:18px}.gm-subtitle{opacity:.8;font-size:11px}.gm-history{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.gm-empty{text-align:center;color:var(--text-secondary);padding:30px 0}.gm-hint{opacity:.7;margin-top:8px;font-size:12px}.gm-msg{color:var(--text);border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.4}.gm-msg.user{background:var(--msg-me);align-self:flex-end;max-width:85%}.gm-msg.assistant{background:var(--msg-bot);align-self:flex-start;max-width:90%}.gm-role{opacity:.6;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.gm-input-area{border-top:1px solid var(--border);background:var(--chat-bg);gap:8px;padding:12px;display:flex}.gm-input-area input{background:var(--input-bg);color:var(--text);border:none;border-radius:20px;outline:none;flex:1;padding:10px 14px;font-size:14px}.gm-input-area button{color:#fff;cursor:pointer;background:#c0392b;border:none;border-radius:50%;width:42px;height:42px;font-size:18px}.gm-input-area button:disabled{opacity:.5}.chat-screen{flex-direction:column;flex:1;height:100vh;display:flex;position:relative}.chat-topbar{background:var(--chat-bg);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 20px;display:flex}.chat-topbar .back-btn{background:var(--panel-item);color:var(--text);cursor:pointer;border:none;border-radius:20px;padding:8px 16px;font-size:14px}.chat-char-info{flex:1;align-items:center;gap:10px;display:flex}.chat-char-info img,.chat-char-info span{object-fit:cover;background:var(--panel-item);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;display:flex}.chat-char-info h3{color:var(--text);margin:0;font-size:16px}.settings-trigger-btn{border:1px solid var(--border);background:var(--panel-item);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.settings-trigger-btn:hover{background:var(--panel-hover)}.settings-overlay{z-index:400;background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.chat-settings-panel{background:var(--panel-bg);z-index:500;border-right:2px solid var(--border);flex-direction:column;width:300px;height:100%;transition:left .3s;display:flex;position:fixed;top:0;left:-320px;overflow-y:auto}.chat-settings-panel.open{left:0}.settings-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.settings-panel-header h3{color:var(--text);margin:0;font-size:18px}.settings-panel-header button{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:22px}.settings-section{border-bottom:1px solid var(--border);padding:16px 20px}.settings-section h4{color:var(--text);margin:0 0 10px;font-size:14px}.settings-toggle{flex-wrap:wrap;gap:4px;display:flex}.toggle-btn{background:var(--panel-item);min-width:32px;color:var(--text);cursor:pointer;border:none;border-radius:8px;flex:1;padding:8px;font-size:13px}.toggle-btn.active{background:var(--accent);color:#fff}.settings-hint{color:var(--text-secondary);margin:8px 0 0;font-size:11px}.mode-description{background:var(--panel-hover);color:var(--text-secondary);text-align:center;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:12px}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.chat-placeholder{color:var(--text-secondary);text-align:center;margin-top:40px;font-style:italic}.message-wrapper{flex-direction:column;max-width:70%;display:flex}.message-wrapper.me{align-self:flex-end}.message-wrapper.bot{align-self:flex-start}.message{word-wrap:break-word;color:var(--text);white-space:pre-wrap;border-radius:18px;padding:12px 16px;font-size:16px;line-height:1.5;position:relative}.message-wrapper.me .message{background:var(--msg-me);border-bottom-right-radius:4px}.message-wrapper.bot .message{background:var(--msg-bot);border-bottom-left-radius:4px}.msg-text{text-align:justify;line-height:1.5}.msg-text b{margin:4px 0;font-size:1.05em;font-weight:700;display:block}.msg-text i{opacity:.85;color:var(--text-secondary);border-left:3px solid var(--text-secondary);background:#ffffff08;border-radius:0 8px 8px 0;margin:4px 0;padding:6px 10px;font-style:italic;display:block}.msg-sender{opacity:.7;align-items:center;gap:4px;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.msg-sender-img{object-fit:cover;border-radius:50%;width:20px;height:20px;margin-right:4px}.msg-actions{opacity:0;gap:2px;margin-top:4px;transition:opacity .2s;display:flex}.message-wrapper.me .msg-actions{justify-content:flex-end}.message-wrapper.bot .msg-actions{justify-content:flex-start}.message-wrapper:hover .msg-actions{opacity:1}.msg-actions button{color:var(--text-secondary);cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:2px 6px;font-size:11px}.msg-actions button:hover{color:var(--text);background:#fff3}.typing{align-items:center;gap:4px;padding:14px 18px;display:flex}.dot{background:var(--text-secondary);border-radius:50%;width:8px;height:8px;animation:1.4s infinite bounce}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}.edit-block{flex-direction:column;gap:6px;display:flex}.edit-block textarea{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);resize:vertical;border-radius:8px;padding:8px;font-family:inherit;font-size:14px}.edit-block button{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:12px}.regen-block{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:6px;margin-top:4px;padding:8px 12px;display:flex}.regen-block input{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px}.regen-block button{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:13px}.chat-input-area{border-top:1px solid var(--border);background:var(--chat-bg);align-items:flex-end;gap:10px;padding:16px;display:flex;position:relative}.chat-input-area textarea{background:var(--input-bg);color:var(--text);resize:none;border:none;border-radius:25px;outline:none;flex:1;min-height:48px;max-height:120px;padding:14px 18px;font-family:inherit;font-size:16px;line-height:1.4}.chat-input-area textarea::placeholder{color:var(--text-secondary)}.chat-input-area button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;display:flex}.chat-input-area button:disabled{opacity:.5;cursor:not-allowed}.model-bar{background:var(--panel-bg);border-bottom:1px solid var(--border);align-items:center;display:flex}.model-swiper{-webkit-user-select:none;user-select:none;touch-action:pan-x;flex:1;justify-content:center;align-items:center;gap:12px;padding:8px 16px;display:flex}.model-badge{background:var(--panel-item);border:1px solid var(--border);color:var(--text);text-align:center;border-radius:20px;min-width:140px;padding:6px 16px;font-size:13px;font-weight:700;transition:all .15s}.model-badge.switching{opacity:.5;transform:scale(.9)}.swipe-arrow{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;display:flex}.gm-tab{cursor:pointer;background:#c0392b;border-radius:8px 0 0 8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:36px;margin-right:-1px;transition:all .2s;display:flex;position:relative}.gm-tab:before{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-right:10px solid #c0392b;width:0;height:0;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.gm-tab:hover{background:#e74c3c}.gm-tab:hover:before{border-right-color:#e74c3c}.gm-tab.open{background:#a93226}.gm-tab.open:before{border-right-color:#a93226}.gm-tab-text{color:#fff;letter-spacing:1px;font-size:14px;font-weight:700}.attach-menu-wrapper{z-index:50;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.attach-main-btn{border:2px solid var(--accent);background:var(--chat-bg);width:48px;height:24px;color:var(--accent);cursor:pointer;border-bottom:none;border-radius:10px 10px 0 0;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.attach-main-btn:hover{background:var(--accent);color:#fff}.attach-arrow{font-size:16px;font-weight:700;transition:transform .3s;display:block}.attach-main-btn.open .attach-arrow{transform:rotate(180deg)}.attach-dropdown{background:var(--panel-bg);border:1px solid var(--border);z-index:49;min-width:220px;box-shadow:var(--shadow);border-radius:12px;animation:.25s slideUp;position:absolute;bottom:30px;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.attach-dropdown button{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;padding:14px 18px;font-size:14px;display:block}.attach-dropdown button:last-child{border-bottom:none}.attach-dropdown button:hover{background:var(--panel-hover)}.image-preview-bar{background:var(--panel-bg);border-top:1px solid var(--border);align-items:center;gap:10px;padding:8px 16px;display:flex}.image-preview-bar img{border-radius:8px;height:50px}.image-preview-bar button{color:#fff;cursor:pointer;background:#ff00004d;border:none;border-radius:50%;width:24px;height:24px}.msg-image{border-radius:12px;max-width:150px;max-height:150px;margin-bottom:6px;display:block}.player-select-list{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.player-select-card{cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:60px;padding:8px;transition:all .2s;display:flex}.player-select-card:hover{background:var(--panel-hover)}.player-select-card.active{border-color:var(--accent);background:var(--panel-hover)}.player-select-avatar{background:var(--panel-item);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:flex}.player-select-image{object-fit:cover;border-radius:50%;width:44px;height:44px}.player-select-card.active .player-select-avatar{box-shadow:0 0 0 3px var(--accent)}.player-select-name{color:var(--text);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:60px;font-size:11px;overflow:hidden}.player-select-card.active .player-select-name{color:var(--accent);font-weight:700}.mode-indicator{flex-shrink:0;font-size:18px}@media (width<=600px){.chat-topbar{padding:8px 12px}.chat-messages{padding:12px}.message{max-width:85%;font-size:15px}.chat-input-area{gap:6px;padding:10px}.chat-input-area textarea{font-size:15px}.model-badge{min-width:100px;font-size:11px}.swipe-arrow{width:24px;height:24px;font-size:16px}}.menu-overlay{z-index:400;background:#0009;width:100%;height:100%;position:fixed;top:0;left:0}.menu-panel{background:var(--panel-bg);z-index:500;border-right:2px solid var(--border);flex-direction:column;width:300px;height:100%;animation:.3s slideInLeft;display:flex;position:fixed;top:0;left:0}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.menu-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.menu-header h2{color:var(--text);margin:0}.menu-close{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:22px}.menu-content{flex:1;padding:20px;overflow-y:auto}.menu-list{margin:0 0 20px;padding:0;list-style:none}.menu-list li{background:var(--panel-item);cursor:pointer;color:var(--text);border-radius:12px;margin-bottom:6px;padding:14px 16px;font-size:15px;transition:background .2s}.menu-list li:hover{background:var(--panel-hover)}.menu-theme{margin-top:16px}.menu-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;display:block}.menu-footer{border-top:1px solid var(--border);padding:16px 20px}.policy-btn{background:var(--panel-item);width:100%;color:var(--text-secondary);cursor:pointer;border:none;border-radius:10px;padding:12px;font-size:13px}.policy-btn:hover{background:var(--panel-hover);color:var(--text)}.policy-overlay{z-index:600;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.policy-modal{background:var(--panel-bg);border:1px solid var(--border);border-radius:20px;width:90%;max-width:450px;max-height:70vh;padding:24px;overflow-y:auto}.policy-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.policy-header h3{color:var(--text);margin:0}.policy-header button{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:20px}.policy-body{color:var(--text-secondary);font-size:14px;line-height:1.6}.theme-toggle{background:var(--toggle-bg);border:1px solid var(--border);border-radius:14px;gap:6px;padding:5px;display:flex}.theme-btn{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-size:20px}.theme-btn:hover{opacity:.8;background:var(--panel-item)}.theme-btn.active{opacity:1;background:var(--accent);box-shadow:0 2px 10px #0000004d}.auth-card{flex-direction:column;gap:12px;max-width:350px;display:flex}.auth-error{color:#ff4757;text-align:center;background:#ff00001a;border-radius:8px;padding:10px;font-size:13px}.auth-input{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:14px;outline:none;padding:14px 18px;font-size:16px}.auth-btn{cursor:pointer;border:none;border-radius:14px;padding:14px;font-size:16px;font-weight:700}.auth-btn.primary{background:var(--accent);color:#fff}.auth-switch{text-align:center;color:var(--text-secondary);font-size:14px}.auth-switch span{color:var(--accent);cursor:pointer;font-weight:700}.account-card{background:var(--panel-item);border:1px solid var(--border);border-radius:20px;align-items:center;gap:16px;max-width:400px;margin-bottom:20px;padding:20px;display:flex}.account-avatar{background:var(--toggle-bg);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex}.account-info h3{color:var(--text);margin:0}.account-info p{color:var(--text-secondary);margin:4px 0 0}.stats-grid{gap:12px;max-width:400px;margin-bottom:20px;display:flex}.stat-item{background:var(--panel-item);text-align:center;border:1px solid var(--border);border-radius:16px;flex:1;padding:16px}.stat-num{color:var(--accent);font-size:24px;font-weight:700;display:block}.stat-label{color:var(--text-secondary);font-size:12px}.account-actions{flex-direction:column;gap:8px;max-width:400px;display:flex}.switch-btn{border:1px solid var(--border);background:var(--panel-item);color:var(--text);cursor:pointer;border-radius:14px;padding:14px;font-size:14px}.switch-btn:hover{background:var(--panel-hover)}.logout-btn{color:#ff4757;cursor:pointer;background:#ff00001a;border:1px solid #f003;border-radius:14px;padding:14px;font-size:14px}.page{flex:1;padding:20px;overflow-y:auto}.page-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-header h2{color:var(--text);margin:0}.settings-list{flex-direction:column;gap:8px;max-width:400px;display:flex}.setting-item{background:var(--panel-item);color:var(--text);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.pro-switch{cursor:pointer;background:linear-gradient(135deg,#ffd7001a,#ffb4000d);border:1px solid #ffd7004d}.pro-switch:hover{background:linear-gradient(135deg,#ffd70033,#ffb4001a)}.pro-switch span{font-size:15px;font-weight:700}.toggle{background:#555;border-radius:13px;width:48px;height:26px;transition:background .3s;position:relative}.toggle.on{background:gold;box-shadow:0 0 10px #ffd70080}.toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .3s;position:absolute;top:3px;left:3px}.toggle.on .toggle-knob{left:25px}.pro-badge{color:gold;text-align:center;background:linear-gradient(135deg,#ffd70026,#ffb40014);border:1px solid gold;border-radius:14px;margin-bottom:8px;padding:14px;font-size:13px;font-weight:700}.setting-item .font-buttons{gap:4px;display:flex}.font-buttons button{border:1px solid var(--border);background:var(--toggle-bg);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;font-size:14px}.font-buttons button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.setting-block{margin-bottom:16px}.setting-label{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:700;display:block}.model-list{flex-direction:column;gap:6px;display:flex}.model-btn{background:var(--panel-item);border:1px solid var(--border);cursor:pointer;color:var(--text);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;font-size:14px;display:flex}.model-btn:hover{background:var(--panel-hover)}.model-btn.active{border-color:var(--accent);background:var(--accent);color:#fff}.model-btn.active .model-provider{color:#ffffffb3}.model-provider{color:var(--text-secondary);font-size:11px}.logout-btn{color:#ff4757;cursor:pointer;background:#ff00001a;border:1px solid #f003;border-radius:14px;margin-top:12px;padding:14px;font-size:14px}.logout-btn:hover{background:#f003}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.empty-state span{font-size:48px}.fav-list{flex-direction:column;gap:8px;max-width:400px;display:flex}.fav-card{background:var(--panel-item);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.fav-avatar{background:var(--toggle-bg);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;overflow:hidden}.fav-avatar img{object-fit:cover;width:100%;height:100%}.fav-info{flex:1}.fav-info h3{color:var(--text);margin:0;font-size:16px}.fav-info span{color:var(--accent);font-size:12px}.fav-card button{color:gold;cursor:pointer;background:0 0;border:none;font-size:20px}.about-card{background:var(--panel-item);text-align:center;border:1px solid var(--border);border-radius:20px;max-width:400px;padding:30px}.about-logo{color:var(--text);margin-bottom:8px;font-size:48px;font-weight:700}.about-version{color:var(--accent);margin-bottom:16px;font-weight:700}.about-desc{color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.about-links{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.about-links a{color:var(--accent);background:var(--panel-hover);border-radius:10px;padding:10px;text-decoration:none}.about-copy{color:var(--text-secondary);font-size:12px}.stats-big-grid{grid-template-columns:1fr 1fr;gap:12px;max-width:400px;margin-bottom:20px;display:grid}.stats-big-card{background:var(--panel-item);text-align:center;border:1px solid var(--border);border-radius:16px;padding:20px}.big-num{color:var(--accent);font-size:28px;font-weight:700;display:block}.big-label{color:var(--text-secondary);font-size:12px}.cost-card{background:var(--panel-item);border:1px solid var(--border);max-width:400px;color:var(--text);border-radius:14px;padding:16px}.cost-card strong{color:var(--accent)}.cost-hint{color:var(--text-secondary);margin-top:4px;font-size:11px;display:block}.relax-overlay{z-index:7000;background:#050514f2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.relax-modal{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.relax-close{color:#fff;cursor:pointer;z-index:10;opacity:.6;font-size:28px;position:absolute;top:20px;right:20px}.relax-close:hover{opacity:1}.relax-scene{justify-content:center;align-items:center;width:100%;height:50%;display:flex;position:relative}.relax-text{text-align:center;color:#fff;z-index:5}.relax-text span{margin-bottom:16px;font-size:64px;display:block}.relax-text p{opacity:.7;font-size:20px}.track-name{margin-top:8px;opacity:.5!important;font-size:14px!important}.stars{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.star{background:#fff;border-radius:50%;width:3px;height:3px;animation:2s infinite alternate twinkle;position:absolute}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}.relax-controls{z-index:10;align-items:center;gap:16px;margin-bottom:20px;display:flex}.play-btn{cursor:pointer;color:#fff;background:#ff4757;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;display:flex}.ctrl-btn{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.volume-control{z-index:10;color:#fff;align-items:center;gap:10px;font-size:16px;display:flex}.volume-slider{appearance:none;cursor:pointer;background:#ffffff4d;border-radius:2px;outline:none;width:120px;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#ff4757;border-radius:50%;width:16px;height:16px}.volume-num{opacity:.7;min-width:36px;font-size:13px}.start-btn{color:#fff;cursor:pointer;background:#ff4757;border:none;border-radius:25px;margin-top:20px;padding:16px 32px;font-size:18px}.shared-screen{flex-direction:column;flex:1;padding:20px;display:flex;overflow-y:auto}.shared-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.shared-header h2{color:var(--text);margin:0}.shared-tabs{gap:8px;margin-bottom:12px;display:flex}.tab-btn{background:var(--panel-item);color:var(--text);cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px;font-size:14px}.tab-btn.active{background:var(--accent);color:#fff}.shared-search{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:12px;outline:none;margin-bottom:12px;padding:10px 14px;font-size:14px}.shared-search:focus{border-color:var(--accent)}.shared-grid{flex-direction:column;gap:10px;display:flex}.no-chars{color:var(--text-secondary);text-align:center;padding:20px}.shared-card{background:var(--panel-item);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.shared-image{background:var(--toggle-bg);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.shared-image img{object-fit:cover;width:100%;height:100%}.shared-image span{font-size:28px}.shared-info{flex:1;min-width:0}.shared-info h3{color:var(--text);margin:0 0 2px;font-size:16px}.shared-mini-desc{color:var(--text-secondary);margin:2px 0;font-size:12px;font-style:italic}.shared-fandom{color:var(--accent);font-size:11px;font-weight:700;display:block}.shared-tags{flex-wrap:wrap;gap:4px;margin:4px 0;display:flex}.shared-tag{background:var(--panel-hover);color:var(--text-secondary);border-radius:10px;padding:2px 8px;font-size:10px}.shared-info p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:4px 0;font-size:12px;overflow:hidden}.shared-by{color:var(--text-secondary);font-size:10px}.shared-import{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700}.shared-start-chat{color:#fff;cursor:pointer;white-space:nowrap;background:#2ecc71;border:none;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700}.shared-delete{color:#ff4757;cursor:pointer;background:#f003;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.shared-delete:hover{background:#ff000080}.admin-section{background:var(--panel-item);border:1px solid var(--border);border-radius:14px;max-width:400px;margin-bottom:12px;padding:16px}.admin-section h3{color:var(--text);margin:0 0 8px}.admin-section p{color:var(--text-secondary);margin:0 0 12px;font-size:13px}.wb-screen{flex-direction:column;flex:1;padding:20px;display:flex;overflow-y:auto}.wb-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.wb-header h2{color:var(--text);margin:0}.back-btn{background:var(--panel-item);color:var(--text);cursor:pointer;border:none;border-radius:20px;padding:8px 16px;font-size:14px}.back-btn:hover{background:var(--panel-hover)}.wb-progress{background:var(--panel-item);border-radius:14px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex;position:relative}.wb-progress-fill{background:linear-gradient(90deg, var(--accent), gold);opacity:.3;border-radius:14px;height:100%;transition:width .5s;position:absolute;top:0;left:0}.wb-progress span{color:var(--text-secondary);white-space:nowrap;z-index:1;font-size:13px}.wb-grid{flex-direction:column;flex:1;gap:16px;display:flex}.wb-card{background:var(--panel-item);border:1px solid var(--border);border-radius:16px;padding:20px;transition:border-color .3s;position:relative}.wb-card.done{border-color:#2ecc71}.wb-card h3{color:var(--text);margin:0 0 12px}.wb-card input,.wb-card textarea{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);resize:vertical;border-radius:10px;outline:none;margin-bottom:8px;padding:10px 14px;font-family:inherit;font-size:14px}.wb-card input:focus,.wb-card textarea:focus{border-color:var(--accent)}.wb-hint{color:var(--text-secondary);opacity:.8;margin-bottom:8px;font-size:12px}.wb-add-row{gap:8px;margin-bottom:8px;display:flex}.wb-add-row input{flex:1;margin-bottom:0}.wb-add-row button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:36px;height:36px;font-size:18px}.wb-add-char-btn{border:2px dashed var(--border);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;margin-bottom:10px;padding:12px;font-size:14px}.wb-add-char-btn:hover{border-color:var(--accent);color:var(--accent)}.wb-char-form{background:var(--panel-hover);border-radius:12px;flex-direction:column;gap:8px;margin-bottom:10px;padding:14px;display:flex}.wb-char-form input,.wb-char-form textarea{margin-bottom:0}.wb-avatar-picker{flex-wrap:wrap;gap:6px;display:flex}.wb-avatar-opt{border:2px solid var(--border);background:var(--panel-item);cursor:pointer;border-radius:8px;width:36px;height:36px;font-size:18px}.wb-avatar-opt.selected{border-color:var(--accent);background:var(--accent)}.wb-save-char-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px;font-size:14px;font-weight:700}.wb-list{flex-direction:column;gap:6px;max-height:300px;display:flex;overflow-y:auto}.wb-list-item{background:var(--panel-hover);color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.wb-list-item strong{flex-shrink:0}.wb-list-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.wb-list-item button{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:14px}.wb-card-check{font-size:20px;position:absolute;top:16px;right:16px}.wb-save-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:16px;margin-top:20px;padding:16px;font-size:18px;font-weight:700}.wb-save-btn:disabled{opacity:.5;cursor:not-allowed}