@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--bg-canvas:#080911;--bg-sidebar:#0e111c;--bg-card:#141826;--bg-card-hover:#1c2235;--bg-glass:#121624bf;--primary:#a855f7;--primary-hover:#9333ea;--primary-glow:#a855f759;--gradient-brand:linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--gradient-cyan:linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--gradient-gold:linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);--text-main:#f8fafc;--text-muted:#94a3b8;--text-sub:#64748b;--text-roleplay:#e9d5ff;--border:#ffffff14;--border-active:#a855f773;--border-light:#ffffff1f;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-card:0 10px 30px -10px #00000080;--shadow-glow:0 0 25px #a855f740;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-canvas);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.brand-font{font-family:Outfit,sans-serif}button,input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:#a855f780}.app-container{min-height:100vh;display:flex}.app-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:40;flex-direction:column;flex-shrink:0;width:250px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.sidebar-logo{color:var(--text-main);align-items:center;gap:12px;margin-bottom:24px;padding:0 8px;text-decoration:none;display:flex}.logo-icon-wrap{background:var(--gradient-brand);width:40px;height:40px;box-shadow:0 4px 20px var(--primary-glow);border-radius:12px;place-items:center;font-size:20px;display:grid}.logo-text{flex-direction:column;display:flex}.logo-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 40%,#e9d5ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:19px;font-weight:800}.logo-sub{color:var(--primary);text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background:#ffffff0d}.nav-item.active{color:#fff;background:#a855f726;border-color:#a855f74d}.nav-badge{border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.sidebar-section-title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-sub);margin:18px 8px 8px;font-size:11px;font-weight:700}.recent-chat-list{flex-direction:column;gap:4px;display:flex}.recent-chat-pill{border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:all .2s;display:flex}.recent-chat-pill:hover,.recent-chat-pill.active{color:var(--text-main);background:#ffffff0a}.recent-chat-avatar{border-radius:var(--radius-full);object-fit:cover;width:28px;height:28px}.sidebar-user{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.user-profile-badge{cursor:pointer;align-items:center;gap:10px;display:flex}.user-avatar-circle{border-radius:var(--radius-full);color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);place-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:grid}.app-main{background:var(--bg-canvas);flex-direction:column;flex:1;min-width:0;display:flex}.app-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;background:#080911d9;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:16px;max-width:500px;display:flex}.search-bar-wrap{width:100%;position:relative}.search-input{border-radius:var(--radius-full);border:1px solid var(--border);width:100%;height:40px;color:var(--text-main);background:#ffffff0d;outline:none;padding:0 16px 0 40px;font-size:13px;transition:all .2s}.search-input:focus{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);background:#ffffff14}.search-icon{color:var(--text-sub);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.header-right{align-items:center;gap:12px;display:flex}.mode-toggle-btn{border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffff0d;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.mode-toggle-btn.nsfw-active{color:#f472b6;background:#ec489926;border-color:#ec489966}.energy-pill{border-radius:var(--radius-full);color:#fbbf24;cursor:pointer;background:#f59e0b1f;border:1px solid #f59e0b59;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;display:flex}.btn-create{border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);border:none;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.btn-create:hover{box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}.page-view{width:100%;max-width:1380px;margin:0 auto;padding:24px}.hero-banner-section{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#181428 0%,#1e1329 100%);margin-bottom:32px;position:relative;overflow:hidden}.hero-banner-grid{grid-template-columns:1.2fr .8fr;min-height:320px;display:grid}.hero-banner-content{z-index:2;flex-direction:column;justify-content:center;padding:40px;display:flex}.hero-badge-pill{border-radius:var(--radius-full);color:#d8b4fe;text-transform:uppercase;letter-spacing:.1em;background:#a855f733;border:1px solid #a855f766;align-items:center;gap:6px;width:fit-content;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.hero-title{letter-spacing:-.02em;margin-bottom:12px;font-size:34px;font-weight:800;line-height:1.15}.hero-desc{color:var(--text-muted);max-width:480px;margin-bottom:24px;font-size:14px;line-height:1.6}.hero-btn-row{align-items:center;gap:12px;display:flex}.hero-banner-media{position:relative;overflow:hidden}.hero-banner-image{object-fit:cover;object-position:top center;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 35%);mask-image:linear-gradient(90deg,#0000 0%,#000 35%)}.category-filter-bar{scrollbar-width:none;gap:8px;margin-bottom:24px;padding-bottom:12px;display:flex;overflow-x:auto}.category-filter-bar::-webkit-scrollbar{display:none}.category-tab{border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;cursor:pointer;background:#ffffff0a;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.category-tab:hover{color:#fff;background:#ffffff14}.category-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.characters-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.character-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);cursor:pointer;flex-direction:column;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.character-card:hover{border-color:var(--border-active);transform:translateY(-4px);box-shadow:0 12px 30px -10px #a855f74d}.card-image-wrap{aspect-ratio:4/5;background:#111422;width:100%;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .6s}.character-card:hover .card-image{transform:scale(1.05)}.card-gradient-overlay{background:linear-gradient(#0000 40%,#141826f2 100%);position:absolute;inset:0}.card-top-badges{justify-content:space-between;align-items:center;display:flex;position:absolute;top:12px;left:12px;right:12px}.badge-voice{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);color:#38bdf8;background:#000000a6;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.badge-intimacy{color:#f472b6;border-radius:var(--radius-full);background:#ec489933;border:1px solid #ec489966;padding:3px 8px;font-size:10px;font-weight:700}.card-bottom-info{position:absolute;bottom:12px;left:14px;right:14px}.card-name{color:#fff;margin-bottom:2px;font-size:18px;font-weight:700}.card-creator{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.card-body{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex}.card-tagline{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-style:italic;line-height:1.5;display:-webkit-box;overflow:hidden}.card-tag-chips{flex-wrap:wrap;gap:6px;display:flex}.tag-chip{border-radius:var(--radius-sm);color:var(--text-sub);background:#ffffff0d;padding:2px 7px;font-size:10px;font-weight:600}.card-footer{color:var(--text-sub);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 16px 14px;font-size:11px;display:flex}.card-stat{align-items:center;gap:4px;display:flex}.chat-container{height:calc(100vh - 64px);display:flex;overflow:hidden}.chat-history-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:280px;display:flex}.chat-history-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;font-size:14px;font-weight:700;display:flex}.chat-character-main{background:var(--bg-canvas);flex-direction:column;flex:1;display:flex;position:relative}.chat-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e111cf2;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.chat-header-left{align-items:center;gap:12px;display:flex}.chat-header-avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--primary);width:42px;height:42px}.chat-header-info h2{font-size:16px;font-weight:700;line-height:1.2}.chat-header-intimacy{color:#f472b6;align-items:center;gap:6px;font-size:11px;display:flex}.runpod-badge{border-radius:var(--radius-full);color:#a78bfa;letter-spacing:.02em;background:#8b5cf61f;border:1px solid #a78bfa4d;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.runpod-badge .pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 8px #10b981}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.chat-messages-area{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.message-bubble-row{gap:12px;max-width:820px;display:flex}.message-bubble-row.user{flex-direction:row-reverse;align-self:flex-end}.message-avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:38px;height:38px}.message-content-wrap{flex-direction:column;gap:6px;display:flex}.message-sender-name{color:var(--text-sub);font-size:11px;font-weight:700}.message-bubble{border-radius:var(--radius-lg);word-break:break-word;padding:14px 18px;font-size:14px;line-height:1.6;position:relative}.message-bubble-row.assistant .message-bubble{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);border-top-left-radius:4px}.message-bubble-row.user .message-bubble{background:var(--primary);color:#fff;border-top-right-radius:4px}.roleplay-action{color:#d8b4fe;font-style:italic;font-weight:500}.message-tools-row{gap:10px;margin-top:4px;display:flex}.msg-tool-btn{color:var(--text-sub);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:4px;padding:2px 6px;font-size:11px;transition:all .2s;display:flex}.msg-tool-btn:hover{color:var(--text-muted);background:#ffffff0d}.audio-wave-bar{align-items:center;gap:2px;height:12px;display:flex}.audio-bar{background:#38bdf8;border-radius:2px;width:2px;animation:1s ease-in-out infinite wave}@keyframes wave{0%,to{height:4px}50%{height:12px}}.chat-input-bar-wrap{border-top:1px solid var(--border);background:#0e111cf2;flex-direction:column;flex-shrink:0;gap:10px;padding:16px 24px;display:flex}.suggested-pills-row{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.suggested-pills-row::-webkit-scrollbar{display:none}.suggested-reply-pill{border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;cursor:pointer;background:#ffffff0a;padding:6px 12px;font-size:12px;transition:all .2s}.suggested-reply-pill:hover{color:#fff;border-color:var(--primary);background:#a855f726}.input-box-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:flex-end;gap:10px;padding:8px 12px;transition:border-color .2s;display:flex}.input-box-row:focus-within{border-color:var(--border-active);box-shadow:0 0 15px var(--primary-glow)}.chat-textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;flex:1;max-height:120px;padding:6px 0;font-size:14px;line-height:1.5}.action-icon-btn{color:var(--text-sub);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;place-items:center;width:36px;height:36px;transition:all .2s;display:grid}.action-icon-btn:hover{color:#fff;background:#ffffff14}.btn-send-message{background:var(--gradient-brand);color:#fff;border-radius:var(--radius-full);cursor:pointer;width:38px;height:38px;box-shadow:0 2px 10px var(--primary-glow);border:none;place-items:center;transition:transform .15s,opacity .15s;display:grid}.btn-send-message:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000bf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;max-width:540px;box-shadow:var(--shadow-card);animation:.2s cubic-bezier(.16,1,.3,1) modalEnter;overflow:hidden}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{padding:24px}.gift-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px;display:grid}.gift-card{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:#ffffff08;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;transition:all .2s;display:flex}.gift-card:hover{border-color:var(--primary);background:#a855f726;transform:translateY(-2px)}.gift-icon{font-size:28px}.gift-name{color:var(--text-main);font-size:11px;font-weight:700}.gift-price{color:#fbbf24;font-size:11px;font-weight:600}.message-photo-card{border-radius:var(--radius-md);background:#0e111cd9;border:1px solid #ec48994d;max-width:340px;margin-bottom:10px;overflow:hidden;box-shadow:0 4px 20px #0006}.message-photo-img{object-fit:cover;cursor:pointer;width:100%;max-height:420px;transition:transform .25s;display:block}.message-photo-img:hover{transform:scale(1.02)}.photo-card-caption{color:#f472b6;background:#121624f2;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.photo-download-link{color:#a78bfa;font-size:11px;text-decoration:none;transition:color .15s}.photo-download-link:hover{color:#fff;text-decoration:underline}.photo-scenario-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:18px;display:grid}.photo-scenario-card{border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#ffffff08;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.photo-scenario-card:hover{background:#ec48991f;border-color:#ec4899;transform:translateY(-2px)}.photo-scenario-card.active{background:#ec489933;border-color:#ec4899;box-shadow:0 0 12px #ec489966}.photo-scenario-icon{font-size:26px}.photo-scenario-title{color:#fff;font-size:12px;font-weight:700}.photo-scenario-desc{color:var(--text-muted);font-size:10px;line-height:1.3}.mobile-bottom-nav{display:none}@media (width<=900px){.app-sidebar{display:none}.mobile-bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:50;background:#0e111cf2;justify-content:space-around;align-items:center;height:60px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-btn{color:var(--text-sub);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:600;display:flex}.mobile-nav-btn.active{color:var(--primary)}.hero-banner-grid{grid-template-columns:1fr}.hero-banner-media,.chat-history-sidebar{display:none}}