@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800;900&family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--bg-void:#06040a;--bg-primary:#0a0712;--bg-secondary:#120e21;--bg-card:#161126b3;--bg-card-hover:#231b3cd9;--bg-glass:#120e21a6;--bg-glass-strong:#0e0b18e0;--accent-purple:#9333ea;--accent-purple-light:#c084fc;--accent-cyan:#38bdf8;--accent-cyan-glow:#38bdf859;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--accent-emerald:#10b981;--border-subtle:#a855f724;--border-glass:#a855f738;--border-glow:#c084fc73;--font-display:"Cinzel", serif;--font-body:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-glow:0 0 25px #9333ea40;--shadow-card:0 10px 30px -10px #000000b3;--shadow-modal:0 25px 60px -15px #000000e6, 0 0 40px #9333ea33;--transition-fast:.15s ease;--transition-smooth:.3s cubic-bezier(.16, 1, .3, 1);--transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;margin:0;padding:0}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}html,body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:var(--bg-void);width:100%;min-height:100%;color:var(--text-main);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(80% 50% at 50% -20%,#9333ea2e,#0000),radial-gradient(circle at 90% 80%,#38bdf80f,#0000);background-repeat:no-repeat;position:fixed;inset:0;transform:translateZ(0)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#9333ea66}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes floatRune{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-header{box-sizing:border-box;z-index:900;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);width:100%;padding:.65rem 1.25rem .35rem;padding-top:calc(var(--safe-top) + .65rem);will-change:transform;background:#0a0712f0;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s;position:fixed;top:0;left:0;right:0}.app-header.header-hidden{pointer-events:none;transform:translateY(-100%)}.header-container{justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;display:flex;position:relative}.brand{cursor:pointer;flex-shrink:0;align-items:center;gap:.65rem;text-decoration:none;display:flex}.brand-icon{background:linear-gradient(135deg, var(--accent-purple), #6b21a8);border-radius:var(--radius-md);justify-content:center;align-items:center;width:38px;height:38px;font-size:1.25rem;display:flex;overflow:hidden;box-shadow:0 0 15px #9333ea66}.brand-icon .brand-logo-img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.brand-title{font-family:var(--font-display);letter-spacing:.05em;background:linear-gradient(135deg, #fff 40%, var(--accent-purple-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.45rem;font-weight:800}.extension-header-bar{align-items:center;gap:.75rem;min-width:0;margin-right:auto;display:flex}.btn-extension-back{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.btn-extension-back:hover,.btn-extension-back:active{border-color:var(--accent-purple-light);background:#a855f740;transform:scale(1.05)}.extension-header-meta{align-items:center;gap:.6rem;min-width:0;display:flex}.extension-header-icon{object-fit:contain;border-radius:4px;flex-shrink:0;width:24px;height:24px}.extension-header-title{font-family:var(--font-display,inherit);letter-spacing:.03em;color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.2rem;font-weight:800;overflow:hidden}.header-actions{align-items:center;gap:.65rem;margin-left:auto;display:flex}.source-favicon-dropdown-wrap{align-items:center;display:flex;position:relative}.btn-source-favicon{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);color:#fff;background:#161126f2;border:1px solid #a855f74d;align-items:center;gap:.35rem;height:38px;padding:.35rem .6rem .35rem .45rem;display:flex}.btn-source-favicon:hover,.btn-source-favicon.active{border-color:var(--accent-purple-light);background:#1e1734fa;box-shadow:0 0 14px #a855f747}.source-favicon-frame{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;overflow:hidden}.active-source-favicon{object-fit:contain;width:18px;height:18px;display:block}.active-source-fallback{font-size:.85rem;line-height:1}.source-chevron-icon{color:var(--accent-purple-light);transition:transform .2s cubic-bezier(.16,1,.3,1)}.source-favicon-dropdown-wrap.open .source-chevron-icon{transform:rotate(180deg)}.source-dropdown-menu{-webkit-backdrop-filter:blur(28px);border-radius:var(--radius-lg);z-index:10040;background:#0e0a18fa;border:1px solid #a855f773;flex-direction:column;gap:.25rem;min-width:215px;max-height:320px;padding:.45rem;animation:.16s cubic-bezier(.16,1,.3,1) dropdownFade;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden auto;box-shadow:0 16px 40px #000000e6,0 0 24px #9333ea47}.source-dropdown-menu::-webkit-scrollbar{width:4px}.source-dropdown-menu::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#9333ea80}.source-favicon-dropdown-wrap.open .source-dropdown-menu{display:flex}.source-dropdown-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;gap:.65rem;padding:.55rem .75rem;font-size:.84rem;font-weight:500;display:flex}.source-dropdown-item:hover{color:#fff;background:#9333ea40}.source-dropdown-item.active{color:#fff;background:linear-gradient(135deg,#9333ea66,#7e22ce99);border:1px solid #c084fc4d;font-weight:700}.source-item-favicon{object-fit:contain;border-radius:4px;width:18px;height:18px}.source-item-name{flex:1}.source-item-check{color:var(--accent-cyan);font-weight:700;display:none}.source-dropdown-item.active .source-item-check{display:inline-block}.search-toggle-btn{color:#fff;cursor:pointer;width:38px;min-width:38px;height:38px;transition:all var(--transition-fast);z-index:2;background:#161126f2;border:1px solid #a855f74d;border-radius:50%;justify-content:center;align-items:center;display:flex}.search-toggle-btn:hover{border-color:var(--accent-purple-light);background:#1e1734fa;box-shadow:0 0 14px #a855f747}.search-toggle-btn.active{color:#a8e832;background:#231b3cfa;border-color:#a8e832;box-shadow:0 0 14px #a8e8324d}.home-search-container{width:100%;max-width:1400px;margin:.65rem auto 0;animation:.2s cubic-bezier(.16,1,.3,1) homeSearchSlideDown}@keyframes homeSearchSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.home-search-pill{background:#1a142c;border:1px solid #a855f747;border-radius:24px;align-items:center;gap:.65rem;height:40px;padding:0 .95rem;transition:all .2s;display:flex;box-shadow:0 4px 16px #0006}.home-search-pill:focus-within{background:#231b3c;border-color:#a8e832;box-shadow:0 0 14px #a8e83240}.home-search-pill .search-glass-icon{color:#7e8c9a;flex-shrink:0}.home-search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.92rem}.home-search-input::placeholder{color:#7e8c9a;opacity:1}.home-search-clear{color:#7e8c9a;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;font-size:.95rem;transition:color .15s;display:flex}.home-search-clear:hover{color:#fff}.btn-nav{border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);background:#16112699;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;display:flex}.btn-nav:hover{border-color:var(--accent-purple-light);background:#9333ea33}.badge{background:var(--accent-purple);color:#fff;border-radius:var(--radius-full);padding:1px 6px;font-size:.72rem;font-weight:700}.toast-container{top:calc(var(--safe-top) + 1.25rem);z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;right:1.25rem}.toast{pointer-events:auto;border:1px solid var(--border-glow);box-shadow:0 10px 30px #0009, var(--shadow-glow);border-radius:var(--radius-md);background:#120e21f2;align-items:center;gap:.65rem;padding:.75rem 1.25rem;font-size:.88rem;font-weight:600;animation:.25s ease-out fadeIn;display:flex}.desktop-nav,.desktop-search-wrap,.desktop-profile-btn{display:none}@media (width>=769px){.app-header{background:#0c0a14eb;border-bottom:1px solid #ffffff14;padding:.65rem 2rem}.header-container{gap:1.25rem;max-width:1560px}.desktop-nav{align-items:center;gap:.35rem;margin-left:1rem;display:flex}.desktop-nav-link{border-radius:var(--radius-full);font-family:var(--font-body);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.88rem;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.desktop-nav-link:hover{color:#fff;background:#ffffff0f}.desktop-nav-link.active{color:#a8e832;background:#a8e8321a;border-color:#a8e83259;font-weight:700;box-shadow:0 0 14px #a8e8322e}.desktop-nav-link .desktop-nav-icon svg{stroke:currentColor;transition:stroke .18s}.desktop-nav-link.active .desktop-nav-icon svg{stroke:#a8e832;filter:drop-shadow(0 0 6px #a8e832b3)}.desktop-nav-badge{background:var(--accent-rose);color:#fff;border-radius:var(--radius-full);padding:.12rem .45rem;font-size:.68rem;font-weight:800;box-shadow:0 2px 6px #f43f5e80}.desktop-search-wrap{flex:1;max-width:360px;margin-left:auto;display:flex}.desktop-search-pill{border-radius:var(--radius-full);background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:.55rem;width:100%;height:38px;padding:0 .85rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.desktop-search-pill:focus-within{background:#ffffff14;border-color:#a8e832;box-shadow:0 0 16px #a8e83240}.desktop-search-pill .search-glass-icon{color:#71717a;flex-shrink:0}.desktop-search-pill:focus-within .search-glass-icon{color:#a8e832}.desktop-search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.86rem}.desktop-search-input::placeholder{color:#71717a}.desktop-search-clear{color:#71717a;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 .2rem;font-size:.85rem;display:flex}.desktop-search-clear:hover{color:#fff}.search-kbd-badge{font-size:.68rem;font-family:var(--font-mono,monospace);color:#71717a;letter-spacing:.02em;pointer-events:none;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;padding:2px 6px}.desktop-profile-btn{border-radius:var(--radius-full);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff1f;align-items:center;gap:.55rem;padding:.35rem .85rem .35rem .45rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.desktop-profile-btn:hover{background:#ffffff1a;border-color:#ffffff40}.desktop-profile-btn.active{background:#a8e8321a;border-color:#a8e832;box-shadow:0 0 12px #a8e83233}.desktop-profile-avatar{color:#0b0a10;background:linear-gradient(135deg,#a8e832,#65a30d);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;display:flex}.desktop-profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.86rem;font-weight:600;overflow:hidden}.mobile-only-btn,.header-actions .btn-header-extra,.home-search-container{display:none!important}}@media (width<=768px){.app-header{padding:.5rem .85rem;padding-top:calc(var(--safe-top) + .5rem)}.brand-title{font-size:1.2rem}.brand-icon{width:32px;height:32px;font-size:1.1rem}.header-actions .btn-header-extra{display:none}}.main-content{max-width:1400px;padding:calc(var(--safe-top) + 115px) 1.5rem calc(var(--safe-bottom) + 110px);margin:0 auto}.source-extension-bar{z-index:10;width:100%;max-width:1400px;margin:.35rem auto 0;padding:.15rem 0 .25rem;position:relative}.source-pills-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:.55rem;padding-bottom:.3rem;display:flex;overflow:auto hidden}.source-pills-scroll::-webkit-scrollbar{display:none}.source-pill{border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(12px);background:#120e1ecc;border:1px solid #a855f738;flex-shrink:0;align-items:center;gap:.45rem;padding:.42rem .95rem;font-size:.83rem;font-weight:600;display:inline-flex}.source-pill:hover{color:#fff;background:#9333ea38;border-color:#c084fc73;transform:translateY(-1px)}.source-pill.active{color:#fff;background:linear-gradient(135deg,#9333eae0,#6366f1e0);border-color:#d8b4fea6;font-weight:700;box-shadow:0 4px 16px #9333ea6b,0 0 10px #a855f740}.source-pill-icon{font-size:.95rem}.source-pill-img{object-fit:contain;border-radius:3px;width:16px;height:16px}.btn-primary{background:linear-gradient(135deg, var(--accent-purple), #7e22ce);border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:1px solid #c084fc66;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 18px #9333ea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9333ea99}.btn-secondary{border-radius:var(--radius-full);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff26;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.9rem;font-weight:600;display:flex}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff4d}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.section-title{font-family:var(--font-display);color:#fff;font-size:1.6rem;font-weight:800}.section-subtitle{color:var(--text-dim);margin-top:.15rem;font-size:.85rem;display:block}.catalog-extended-filters{flex-direction:column;gap:.75rem;width:100%;margin-bottom:1.25rem;display:flex}.filters-row{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.filter-chips-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;align-items:center;gap:.5rem;padding:2px 0;display:flex;overflow-x:auto}.filter-chips-scroll::-webkit-scrollbar{display:none}.filter-chip-btn{color:var(--text-dim,#9ca3af);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:.4rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.filter-chip-btn:hover{color:#fff;background:#ffffff1f}.filter-chip-btn.active{color:#0b0d14;background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;font-weight:700;box-shadow:0 0 12px #f59e0b59}.sort-select-wrapper{flex-shrink:0;position:relative}.sort-select{appearance:none;color:#f3f4f6;cursor:pointer;background:#12141df2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #ffffff24;border-radius:12px;outline:none;padding:.4rem 1.8rem .4rem .85rem;font-size:.8rem;font-weight:600;transition:border-color .2s}.sort-select:focus{border-color:#f59e0b}.card-grid{contain:layout;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.9rem;display:grid}.card-grid.is-shelves-mode{flex-direction:column!important;gap:2rem!important;width:100%!important;display:flex!important}.manhua-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 280px;contain:layout;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}body.is-scrolling .manhua-card,body.is-scrolling .shelf-carousel,body.is-scrolling .card-poster img,body.is-scrolling .shelf-card{pointer-events:none!important}@media (hover:hover){.manhua-card{transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.manhua-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.manhua-card:hover .card-poster img{transform:scale(1.05)}.manhua-card:hover .card-overlay{opacity:.4}}.card-poster{aspect-ratio:3/4.2;contain:paint layout;background:#110d20;position:relative;overflow:hidden}.card-poster img{object-fit:cover;decoding:async;width:100%;height:100%;transition:transform .3s;display:block}.card-badge{border:1px solid var(--border-glow);color:var(--accent-purple-light);font-family:var(--font-mono);border-radius:var(--radius-sm);z-index:2;background:#0e0b18f0;padding:1px 6px;font-size:.65rem;font-weight:700;position:absolute;top:.45rem;right:.45rem;box-shadow:0 2px 6px #00000080}.card-badge.source-badge{color:var(--accent-cyan);border-color:#38bdf866;left:.45rem;right:auto}.card-overlay{opacity:.8;pointer-events:none;background:linear-gradient(#0000 40%,#090810f2 100%);transition:opacity .25s;position:absolute;inset:0}.card-info{flex-direction:column;flex:1;padding:.65rem .75rem .75rem;display:flex}.card-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.3rem;font-size:.85rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.card-meta{color:var(--text-dim);justify-content:space-between;align-items:center;margin-top:auto;font-size:.72rem;display:flex}.skeleton-card{aspect-ratio:3/4.2;border-radius:var(--radius-md);background:linear-gradient(90deg,#130f24 25%,#241b42 50%,#130f24 75%) 0 0/200% 100%;border:1px solid #ffffff0a;animation:1.5s infinite shimmer}@media (width<=480px){.main-content{-webkit-overflow-scrolling:touch;padding:calc(var(--safe-top) + 105px) .65rem calc(var(--safe-bottom) + 85px)!important}.card-grid{grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}}@media (width>=481px) and (width<=600px){.main-content{padding:calc(var(--safe-top) + 110px) .85rem calc(var(--safe-bottom) + 85px)!important}.card-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:.75rem!important}}@media (width>=601px){.main-content{max-width:1560px;padding:1.25rem 2rem 2.5rem!important}.card-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;gap:1rem!important}}@media (width>=1024px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important;gap:1.15rem!important}}@media (width>=1440px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))!important;gap:1.25rem!important}}.scroll-sentinel{pointer-events:none;width:100%;height:20px}.scroll-loader{color:var(--accent-purple-light);justify-content:center;align-items:center;gap:.65rem;padding:2.5rem 1rem;font-size:.95rem;font-weight:700;display:flex}.rune-spin{font-size:1.3rem;animation:1.2s cubic-bezier(.4,0,.2,1) infinite runeSpin;display:inline-block}@keyframes runeSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.15)}to{transform:rotate(360deg)scale(1)}}.btn-load-more{border:1px solid var(--border-glow);border-radius:var(--radius-full);color:#fff;font-family:var(--font-body);cursor:pointer;box-shadow:0 4px 20px #00000080, var(--shadow-glow);transition:all var(--transition-fast);background:#161126e6;justify-content:center;align-items:center;gap:.6rem;margin:2rem auto 1rem;padding:.85rem 2.2rem;font-size:.92rem;font-weight:700;display:flex}.btn-load-more:hover{border-color:var(--accent-purple-light);background:#9333ea59;transform:translateY(-2px);box-shadow:0 6px 25px #9333ea66}.curated-feed{flex-direction:column;gap:2.2rem;width:100%;display:flex}.source-shelf{flex-direction:column;width:100%;display:flex}.shelf-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;padding:0 .2rem;display:flex}.shelf-title-wrap{cursor:pointer;align-items:center;gap:.65rem;display:flex}.shelf-brand-img{object-fit:contain;background:#ffffff0f;border-radius:6px;width:26px;height:26px;padding:2px;box-shadow:0 2px 6px #0006}.shelf-title{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;font-size:1.25rem;font-weight:800}.shelf-hint{color:var(--text-dim);font-size:.76rem;font-weight:500;display:none}@media (width>=640px){.shelf-hint{display:inline}}.shelf-see-all-btn{color:var(--accent-purple-light);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:#9333ea1f;border:1px solid #a855f74d;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.shelf-see-all-btn:hover{border-color:var(--accent-purple);color:#fff;background:#9333ea40;transform:translate(2px)}.shelf-carousel-container{width:100%;position:relative}.shelf-nav-arrow{display:none}.shelf-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;contain:layout;scrollbar-width:none;gap:1rem;padding-bottom:.6rem;padding-left:.2rem;padding-right:.2rem;display:flex;overflow:auto hidden}.shelf-carousel::-webkit-scrollbar{display:none}.shelf-card{scroll-snap-align:start;flex:0 0 155px;width:155px}@media (width>=769px){.main-content{max-width:1560px;padding:1.5rem 2.5rem 3.5rem!important}.card-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:1.5rem}.shelf-header{margin-bottom:1rem;padding:0 .4rem}.shelf-title{font-size:1.35rem}.shelf-see-all-btn{padding:.4rem 1.1rem;font-size:.85rem}.shelf-card{flex:0 0 180px;width:180px}.shelf-carousel-container:hover .shelf-nav-arrow{opacity:1;pointer-events:auto}.shelf-nav-arrow{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:10;opacity:0;pointer-events:none;background:#0e0a18d9;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 18px #0009}.shelf-nav-arrow:hover{border-color:var(--accent-purple-light);background:#a855f766;transform:translateY(-50%)scale(1.1);box-shadow:0 0 20px #a855f780}.shelf-nav-arrow:active{transform:translateY(-50%)scale(.95)}.shelf-nav-arrow.prev{left:-14px}.shelf-nav-arrow.next{right:-14px}}@media (width>=1400px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.6rem}.shelf-card,.shelf-skeleton-card{flex:0 0 195px;width:195px}}.shelf-skeleton-card{aspect-ratio:3/4.4;border-radius:var(--radius-md);background:linear-gradient(90deg,#161226 25%,#241d3b 50%,#161226 75%) 0 0/200% 100%;flex:0 0 155px;width:155px;animation:1.5s infinite skeletonShimmer}@media (width>=768px){.shelf-skeleton-card{flex:0 0 180px;width:180px}}.dedicated-source-header{align-items:center;gap:.85rem;margin-bottom:1.25rem;padding:.25rem .1rem;display:flex}.btn-dedicated-back{color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #0000004d}.btn-dedicated-back:hover{border-color:var(--accent-purple-light);background:#9333ea59;transform:scale(1.06)}.btn-dedicated-back:active{transform:scale(.94)}.dedicated-source-badge{align-items:center;gap:.65rem;display:flex}.dedicated-brand-img{object-fit:contain;background:#ffffff0f;border-radius:7px;width:28px;height:28px;padding:2px;box-shadow:0 2px 8px #0006}.dedicated-source-title{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:800}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;background:#040308d1;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .25s ease-out;display:flex;position:fixed;inset:0}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-container{border:1px solid var(--border-glow);border-radius:var(--radius-xl);width:100%;max-width:860px;max-height:90vh;box-shadow:var(--shadow-modal);background:#100c1cf5;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:scale(.95)translateY(12px)}.modal-backdrop.open .modal-container{transform:scale(1)translateY(0)}.modal-close-btn{border-radius:var(--radius-full);color:#fff;cursor:pointer;z-index:10;width:34px;height:34px;transition:all var(--transition-fast);background:#ffffff14;border:1px solid #ffffff26;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:1rem;right:1.25rem}.modal-close-btn:hover{background:var(--accent-rose);border-color:var(--accent-rose);transform:rotate(90deg)}.modal-content-scroll{flex-direction:column;gap:2rem;padding:2rem;display:flex;overflow-y:auto}.modal-header-deck{gap:1.75rem;display:flex}.modal-poster{aspect-ratio:3/4.4;border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-shrink:0;width:180px;overflow:hidden;box-shadow:0 10px 25px #000000b3}.modal-poster img{object-fit:cover;width:100%;height:100%;display:block}.modal-meta-col{flex:1}.modal-title{font-family:var(--font-display);color:#fff;margin-bottom:.5rem;font-size:1.75rem;font-weight:800;line-height:1.2}.modal-submeta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.85rem;font-size:.85rem;display:flex}.modal-genres{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.modal-synopsis{color:var(--text-muted);max-height:120px;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6;overflow-y:auto}.modal-actions{flex-wrap:wrap;gap:.75rem;display:flex}.chapters-section{border-top:1px solid var(--border-subtle);padding-top:1.5rem}.chapters-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.chapters-header h3{font-family:var(--font-display);color:#fff;font-size:1.2rem;font-weight:700}.chapter-search-input{border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:#fff;width:140px;transition:all var(--transition-fast);background:#161126cc;outline:none;padding:.4rem .85rem;font-size:.8rem}.chapter-search-input:focus{border-color:var(--accent-purple-light);width:180px}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.65rem;max-height:280px;padding-right:.4rem;display:grid;overflow-y:auto}.chapter-chip{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;flex-direction:column;gap:.2rem;padding:.6rem .75rem;display:flex}.chapter-chip:hover{border-color:var(--accent-purple-light);background:#9333ea40;transform:translateY(-2px)}.chapter-chip.read{background:#38bdf814;border-color:#38bdf866}.chapter-chip-num{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.chapter-chip-date{color:var(--text-dim);font-size:.68rem}@media (width<=640px){.modal-backdrop{align-items:flex-end;padding:0}.modal-container{border-bottom:none;border-radius:24px 24px 0 0;max-height:88vh}.modal-content-scroll{gap:1.25rem;padding:1.25rem}.modal-header-deck{text-align:center;flex-direction:column;align-items:center;gap:1rem}.modal-poster{width:130px}.modal-submeta,.modal-genres,.modal-actions{justify-content:center}.chapter-grid{grid-template-columns:repeat(2,1fr)}}.detail-page{z-index:9000;background:var(--bg-void);-webkit-overflow-scrolling:touch;color:var(--text-main);box-sizing:border-box;width:100%;max-width:100vw;animation:.22s cubic-bezier(.16,1,.3,1) detailFadeIn;position:fixed;inset:0;overflow:hidden auto}body.detail-active{overflow:hidden!important}body.detail-active .bottom-nav-dock{display:none!important}@keyframes detailFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.detail-header{z-index:20;padding:.75rem 1.25rem;padding-top:calc(var(--safe-top) + .75rem);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);box-sizing:border-box;background:#0a0712e0;justify-content:space-between;align-items:center;gap:.75rem;width:100%;max-width:100vw;display:flex;position:sticky;top:0}.detail-header-left,.detail-header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.detail-header-center{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 .5rem;overflow:hidden}.detail-header-title{font-family:var(--font-display);color:#fff;opacity:0;font-size:.95rem;font-weight:700;transition:opacity .2s}.detail-header-title.visible{opacity:1}.btn-detail-back{border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;background:#ffffff14;border:1px solid #ffffff26;align-items:center;gap:.4rem;padding:.5rem .95rem .5rem .75rem;font-size:.88rem;font-weight:600;display:inline-flex}.btn-detail-back:hover{border-color:var(--accent-purple-light);background:#9333ea59;transform:translate(-2px)}.btn-detail-back:active{transform:scale(.95)}.btn-detail-share{border-radius:var(--radius-full);color:#fff;cursor:pointer;width:38px;height:38px;transition:all var(--transition-fast);background:#ffffff14;border:1px solid #ffffff26;justify-content:center;align-items:center;display:flex}.btn-detail-share:hover{border-color:var(--accent-purple-light);background:#9333ea4d}.detail-backdrop-art{filter:blur(55px);opacity:.22;pointer-events:none;z-index:1;background-position:50% 20%;background-size:cover;max-width:100%;height:480px;position:absolute;top:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.detail-content-wrap{z-index:2;width:100%;max-width:1160px;padding:2rem 1.5rem calc(var(--safe-bottom) + 80px);box-sizing:border-box;margin:0 auto;position:relative;overflow-x:hidden}.detail-hero-deck{box-sizing:border-box;align-items:flex-start;gap:2.75rem;width:100%;max-width:100%;margin-bottom:2.5rem;display:flex}.detail-poster-wrap{aspect-ratio:3/4.4;border-radius:var(--radius-lg);border:1px solid var(--border-glow);background:#120e24;flex-shrink:0;width:250px;position:relative;overflow:hidden;box-shadow:0 16px 40px #000c,0 0 35px #9333ea40}.detail-poster{object-fit:cover;width:100%;height:100%;display:block}.detail-source-badge{color:var(--accent-cyan);font-family:var(--font-mono);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;background:#0e0b18f0;border:1px solid #38bdf880;padding:3px 9px;font-size:.72rem;font-weight:700;position:absolute;top:.75rem;left:.75rem;box-shadow:0 2px 8px #0009}.detail-meta-wrap{box-sizing:border-box;flex-direction:column;flex:1;gap:1.15rem;min-width:0;max-width:100%;display:flex}.detail-title{font-family:var(--font-display);color:#fff;letter-spacing:.02em;word-break:break-word;overflow-wrap:anywhere;max-width:100%;font-size:2.25rem;font-weight:800;line-height:1.22}.detail-meta-pills{flex-wrap:wrap;align-items:center;gap:.65rem;max-width:100%;display:flex}.detail-meta-pill{border-radius:var(--radius-full);box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:.45rem;max-width:100%;padding:.35rem .85rem;font-size:.82rem;display:inline-flex}.detail-meta-pill .meta-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:.75rem}.detail-meta-pill .meta-val{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-weight:600;overflow:hidden}.detail-genres{flex-wrap:wrap;gap:.45rem;display:flex}.detail-genre-badge{border-radius:var(--radius-full);color:var(--accent-purple-light);background:#9333ea1f;border:1px solid #a855f747;padding:.3rem .75rem;font-size:.8rem;font-weight:600}.detail-actions{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:.25rem;display:flex}.detail-btn-read{padding:.85rem 2rem;font-size:1rem}.detail-btn-bookmark{padding:.85rem 1.6rem;font-size:.92rem}.detail-btn-share-chat{color:#fbbf24;cursor:pointer;border-radius:var(--radius-sm,8px);background:#f59e0b1f;border:1px solid #f59e0b59;align-items:center;gap:6px;padding:.85rem 1.4rem;font-size:.92rem;font-weight:600;transition:all .2s;display:inline-flex}.detail-btn-share-chat:hover,.detail-btn-share-chat:active{background:#f59e0b38;border-color:#fbbf24;transform:translateY(-1px)}.detail-synopsis-box{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#16112699;margin-top:.5rem;padding:1.25rem}.synopsis-heading{font-family:var(--font-display);color:#fff;letter-spacing:.02em;margin-bottom:.6rem;font-size:1.05rem;font-weight:700}.detail-synopsis{color:var(--text-muted);white-space:pre-line;font-size:.92rem;line-height:1.7}.detail-chapters-section{border-top:1px solid var(--border-subtle);padding-top:2rem}.detail-chapters-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem;display:flex}.detail-chapters-title-wrap{align-items:center;gap:.85rem;display:flex}.detail-chapters-title{font-family:var(--font-display);color:#fff;font-size:1.45rem;font-weight:800}.detail-chapters-count-badge{color:var(--accent-purple-light);font-family:var(--font-mono);border-radius:var(--radius-full);background:#9333ea33;border:1px solid #c084fc59;padding:.2rem .65rem;font-size:.78rem;font-weight:700}.detail-chapters-controls{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.detail-sort-btn{padding:.5rem 1rem;font-size:.82rem}.detail-chapter-search-wrap{align-items:center;display:flex;position:relative}.detail-chapter-search-wrap svg{color:var(--text-dim);pointer-events:none;position:absolute;left:.85rem}.detail-chapter-search-input{border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:#fff;width:170px;transition:all var(--transition-fast);background:#161126e6;outline:none;padding:.5rem 1rem .5rem 2.2rem;font-size:.84rem}.detail-chapter-search-input:focus{border-color:var(--accent-purple-light);width:220px;box-shadow:0 0 14px #9333ea4d}.detail-chapter-grid{flex-direction:column;gap:.65rem;width:100%;display:flex}.detail-chapter-card{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;touch-action:manipulation;box-sizing:border-box;background:#161126bf;border:1px solid #ffffff14;flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;width:100%;max-width:100%;padding:.95rem 1.25rem;display:flex}.detail-chapter-card:hover{border-color:var(--accent-purple-light);background:#9333ea38;transform:translate(4px);box-shadow:0 4px 16px #00000059,0 0 14px #9333ea33}.detail-chapter-card:active{transform:scale(.99)}.detail-chapter-card.read{background:#38bdf814;border-color:#38bdf873}.detail-chapter-num{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.95rem;font-weight:700;overflow:hidden}.detail-chapter-sub{color:var(--text-dim);flex-shrink:0;align-items:center;gap:.65rem;max-width:50%;font-size:.78rem;display:flex}.detail-chapter-date{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.detail-read-indicator{color:var(--accent-cyan);background:#38bdf81f;border:1px solid #38bdf84d;border-radius:9999px;padding:.2rem .55rem;font-size:.76rem;font-weight:700}.btn-chapter-download{color:var(--text-dim);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-left:2px;font-size:.9rem;transition:all .18s;display:inline-flex}.btn-chapter-download:hover{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b;transform:scale(1.08)}.btn-chapter-download.downloaded{color:#10b981;background:#10b98129;border-color:#10b981;font-weight:700}.btn-chapter-download.downloading{color:#fbbf24;background:#f59e0b38;border-color:#f59e0b;width:auto;min-width:30px;padding:0 6px;font-size:.72rem;font-weight:700}.detail-load-more-row{grid-column:1/-1;gap:.75rem;width:100%;margin-top:.5rem;display:flex}.detail-load-more-btn{border-radius:var(--radius-md);color:var(--accent-purple-light);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#9333ea26,#4f46e526);border:1px solid #9333ea59;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.2rem;font-size:.88rem;font-weight:700;display:flex;box-shadow:0 4px 15px #0000004d}.detail-expand-all-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff2e;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.4rem;font-size:.88rem;font-weight:700;display:flex}.detail-expand-all-btn:hover{border-color:var(--accent-purple-light);background:#9333ea4d}.detail-locked-badge{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:9999px;padding:.18rem .5rem;font-size:.72rem;font-weight:700}.detail-load-more-btn:hover{border-color:var(--accent-purple-light);color:#fff;background:linear-gradient(135deg,#9333ea47,#4f46e547);transform:translateY(-1px);box-shadow:0 0 20px #9333ea59}.detail-load-more-btn:active{transform:scale(.99)}@media (width<=768px){.detail-page{width:100vw;max-width:100vw;overflow-x:hidden}.detail-header{padding:.6rem .85rem;padding-top:calc(var(--safe-top) + .6rem)}.detail-content-wrap{padding:1rem .85rem calc(var(--safe-bottom) + 90px);box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden}.detail-hero-deck{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;gap:1.2rem;width:100%;max-width:100%;margin-bottom:1.8rem}.detail-poster-wrap{width:160px;max-width:60vw}.detail-title{word-break:break-word;overflow-wrap:anywhere;max-width:100%;font-size:1.45rem;line-height:1.25}.detail-meta-pills,.detail-genres,.detail-actions{box-sizing:border-box;justify-content:center;width:100%;max-width:100%}.detail-actions{gap:.65rem;width:100%}.detail-btn-read{flex:auto;justify-content:center;min-width:140px;padding:.8rem 1.2rem;font-size:.92rem}.detail-btn-bookmark,.detail-btn-share-chat{flex:none;justify-content:center;padding:.8rem 1.1rem;font-size:.88rem}.detail-synopsis-box{text-align:left;box-sizing:border-box;width:100%;padding:1rem}.detail-chapters-header{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.detail-chapters-controls{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.detail-chapter-search-wrap{flex:1;min-width:0}.detail-chapter-search-input{box-sizing:border-box;width:100%!important}.detail-chapter-card{box-sizing:border-box;gap:.5rem;width:100%;padding:.85rem 1rem}.detail-chapter-num{font-size:.88rem}.detail-load-more-row{flex-direction:column;gap:.5rem}.detail-load-more-btn,.detail-expand-all-btn{width:100%}}.chat-portal{max-width:680px;height:100dvh;padding:0;padding-top:var(--safe-top);box-sizing:border-box;background:var(--bg-void);z-index:60;background-image:radial-gradient(80% 50% at 50% -20%,#9333ea2e,#0000),radial-gradient(circle at 90% 80%,#38bdf80f,#0000);background-repeat:no-repeat;background-attachment:fixed;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden;padding-bottom:calc(var(--safe-bottom) + 72px)!important}@media (width>=769px){.chat-portal{border-left:1px solid #ffffff14;border-right:1px solid #ffffff14;max-width:860px;height:calc(100vh - 65px);box-shadow:0 0 50px #0009;padding-bottom:0!important}}.chat-portal.in-conversation,.chat-portal.in-new-group{width:100%!important;max-width:100%!important;height:100dvh!important;padding:0!important;padding-top:var(--safe-top)!important;z-index:995!important;padding-bottom:0!important;position:fixed!important;inset:0!important}@media (width>=769px){.chat-portal.in-conversation,.chat-portal.in-new-group{max-width:860px!important;height:calc(100vh - 65px)!important;margin:0 auto!important;position:relative!important}}.chat-portal.in-conversation~.bottom-nav-dock,body.chat-conversation-active .bottom-nav-dock,.chat-portal.in-new-group~.bottom-nav-dock{visibility:hidden!important;pointer-events:none!important;display:none!important}body:has(.chat-portal.in-conversation) .bottom-nav-dock{visibility:hidden!important;pointer-events:none!important;display:none!important}body:has(.chat-portal.in-new-group) .bottom-nav-dock{visibility:hidden!important;pointer-events:none!important;display:none!important}.chat-portal.in-conversation .chat-input-wrapper{padding-bottom:max(.6rem, env(safe-area-inset-bottom,10px));z-index:50!important;flex-shrink:0!important;width:100%!important;position:relative!important;bottom:0!important}.chat-dms-view{background:0 0;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.telegram-top-header{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:10;background:#0e0b18e0;justify-content:space-between;align-items:center;height:56px;min-height:56px;padding:0 1rem;display:flex}.telegram-header-left{align-items:center;gap:.85rem;display:flex}.telegram-avatar-stack{cursor:pointer;flex-shrink:0;width:48px;height:34px;position:relative}.telegram-avatar-stack .avatar-ring{border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000080}.telegram-avatar-stack .ring-1{z-index:1;background:linear-gradient(135deg,#f43f5e,#be123c);border:2px solid #50a7ea;width:28px;height:28px;left:0}.telegram-avatar-stack .ring-2{z-index:2;background:linear-gradient(135deg,#a855f7,#6366f1);border:2px solid #a855f7;width:29px;height:29px;left:10px}.telegram-avatar-stack .ring-3{z-index:3;background:linear-gradient(135deg,#0284c7,#1d4ed8);border:2px solid #34d399;width:31px;height:31px;font-size:.88rem;left:20px}.telegram-brand-title{font-family:var(--font-body), system-ui, -apple-system, sans-serif;color:#fff;letter-spacing:-.01em;margin:0;font-size:1.28rem;font-weight:700}.telegram-header-right{align-items:center;display:flex}.telegram-icon-btn{color:#7e8c9a;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.45rem;transition:color .15s,background .15s;display:flex}.telegram-icon-btn:hover{color:#fff;background:#ffffff14}.telegram-action-bar{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:15;background:#0e0b18f2;justify-content:space-between;align-items:center;height:56px;min-height:56px;padding:0 .85rem;animation:.18s cubic-bezier(.16,1,.3,1) actionFadeIn;display:flex}@keyframes actionFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.action-bar-left{align-items:center;gap:1.25rem;display:flex}.btn-action-cancel{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.4rem;display:flex}.btn-action-cancel:hover{background:#ffffff1a}.action-selected-count{color:#fff;letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.action-bar-right{align-items:center;gap:.55rem;display:flex}.btn-action-tool{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background .15s,transform .1s;display:flex}.btn-action-tool:hover{background:#ffffff1a}.btn-action-tool:active{transform:scale(.92)}.telegram-search-container{-webkit-backdrop-filter:blur(12px);background:#0e0b18bf;border-bottom:1px solid #a855f71f;padding:.55rem .85rem .45rem;animation:.2s cubic-bezier(.16,1,.3,1) searchSlideDown}@keyframes searchSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.telegram-search-pill{border:1px solid var(--border-glass);background:#1a142cd9;border-radius:24px;align-items:center;gap:.65rem;height:40px;padding:0 .95rem;transition:all .2s;display:flex}.telegram-search-pill:focus-within{background:#231b3cf2;border-color:#a8e832;box-shadow:0 0 14px #a8e83240}.search-glass-icon{color:#7e8c9a;flex-shrink:0}.telegram-search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.92rem}.telegram-search-input::placeholder{color:#7e8c9a}.telegram-search-clear{color:#7e8c9a;cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:.9rem}.telegram-filter-tabs{-webkit-backdrop-filter:blur(12px);scrollbar-width:none;background:#0e0b18a6;border-bottom:1px solid #a855f71a;gap:.5rem;padding:.45rem .85rem .65rem;display:flex;overflow-x:auto}.telegram-filter-tabs::-webkit-scrollbar{display:none}.filter-tab{color:#7e8c9a;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:20px;align-items:center;gap:.45rem;padding:.38rem .88rem;font-size:.88rem;font-weight:600;transition:all .18s;display:inline-flex}.filter-tab:hover{color:#fff}.filter-tab.active{color:#171717;background:#a8e832;font-weight:700}.tab-badge{color:inherit;background:#ffffff14;border-radius:12px;padding:.1rem .45rem;font-size:.72rem;font-weight:700}.filter-tab.active .tab-badge{color:#171717;background:#00000040}.cultivators-quick-bar{content-visibility:auto;contain-intrinsic-size:auto 115px;background:#120e1e73;border-bottom:1px solid #a855f71f;flex-direction:column;gap:.55rem;padding:.65rem .95rem .75rem;display:flex;transform:translateZ(0)}.cultivators-quick-header{justify-content:space-between;align-items:center;display:flex}.quick-header-title{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-purple-light);align-items:center;gap:.35rem;font-size:.76rem;font-weight:700;display:flex}.quick-header-all-btn{color:#a8e832;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:.78rem;font-weight:600;transition:all .15s}.quick-header-all-btn:hover{background:#a8e8321f;transform:translate(2px)}.cultivators-avatar-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.85rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.cultivators-avatar-scroll::-webkit-scrollbar{display:none}.cultivator-bubble-card{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.35rem;width:60px;min-width:60px;padding:0;transition:transform .15s;display:flex}.cultivator-bubble-card:active{transform:scale(.92)}.cultivator-bubble-avatar-wrap{width:48px;height:48px;position:relative}.cultivator-bubble-avatar{background:linear-gradient(135deg,#2e1065,#3b0764);border:2px solid #a855f766;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.15rem;display:flex;overflow:hidden;box-shadow:0 4px 12px #0006}.cultivator-bubble-avatar img{object-fit:cover;width:100%;height:100%}.cultivator-bubble-card.online .cultivator-bubble-avatar{border-color:#10b981;box-shadow:0 0 10px #10b98173}.cultivator-bubble-card.offline .cultivator-bubble-avatar{box-shadow:none;border-color:#ffffff14}.cultivator-bubble-online-dot{border:2px solid #0d0a17;border-radius:50%;width:13px;height:13px;transition:background .2s,box-shadow .2s;display:block;position:absolute;bottom:0;right:0}.cultivator-bubble-online-dot.online{background:#10b981;box-shadow:0 0 7px #10b981b3}.cultivator-bubble-online-dot.offline{box-shadow:none;background:#64748b}.cultivator-bubble-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-size:.72rem;font-weight:500;overflow:hidden}.cultivator-row-card{cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 68px;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:.75rem .95rem;transition:background .15s;display:flex;transform:translateZ(0)}.cultivator-row-card:hover{background:#ffffff08}.cultivator-row-card:active{background:#ffffff0f}.cultivator-row-left{flex:1;align-items:center;gap:.85rem;min-width:0;display:flex}.cultivator-row-avatar-wrap{flex-shrink:0;width:46px;height:46px;position:relative}.cultivator-row-avatar{border:1px solid var(--border-glass);background:#1e1732cc;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.15rem;display:flex;overflow:hidden}.cultivator-row-avatar img{object-fit:cover;width:100%;height:100%}.cultivator-row-online-dot{border:2px solid #0d0a17;border-radius:50%;width:12px;height:12px;transition:background .2s,box-shadow .2s;position:absolute;bottom:0;right:0}.cultivator-row-online-dot.online{background:#10b981;box-shadow:0 0 6px #10b981b3}.cultivator-row-online-dot.offline{box-shadow:none;background:#64748b}.cultivator-row-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.cultivator-row-name-row{align-items:center;gap:.45rem;display:flex}.cultivator-row-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.94rem;font-weight:600;overflow:hidden}.cultivator-row-handle{color:var(--accent-purple-light);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.cultivator-row-status{color:#7e8c9a;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.cultivator-instant-msg-btn{color:#a8e832;cursor:pointer;background:linear-gradient(135deg,#a8e83233,#a8e83214);border:1px solid #a8e83266;border-radius:20px;flex-shrink:0;align-items:center;gap:.35rem;padding:.38rem .8rem;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.cultivator-instant-msg-btn:hover{color:#171717;background:#a8e832;transform:scale(1.04)}.cultivator-section-divider{text-transform:uppercase;letter-spacing:.06em;color:#7e8c9a;background:#0e0b1866;justify-content:space-between;align-items:center;padding:.6rem .95rem .35rem;font-size:.75rem;font-weight:700;display:flex}.cultivator-view-more-row{justify-content:center;padding:.75rem 1rem 1.25rem;display:flex}.btn-view-more-cultivators{color:#a8e832;cursor:pointer;text-align:center;background:#a8e83214;border:1px solid #a8e83240;border-radius:20px;width:100%;max-width:320px;padding:.45rem 1.2rem;font-size:.82rem;font-weight:700;transition:all .2s}.btn-view-more-cultivators:hover{background:#a8e8322e;border-color:#a8e832;transform:translateY(-1px)}.telegram-scroll-area{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;contain:layout style;will-change:scroll-position;flex-direction:column;flex:1;display:flex;overflow:hidden auto;transform:translateZ(0)}.telegram-scroll-area::-webkit-scrollbar{width:4px}.telegram-scroll-area::-webkit-scrollbar-thumb{background:#a8e8324d;border-radius:4px}.telegram-birthday-banner{border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);background:#161126b3;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;margin:.65rem .85rem .35rem;padding:.75rem 1rem;animation:.25s ease-out bannerFade;display:flex}@keyframes bannerFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.banner-text-group{flex:1}.banner-title{color:#fff;margin-bottom:.15rem;font-size:.92rem;font-weight:700}.banner-subtitle{color:#7e8c9a;font-size:.78rem}.btn-banner-close{color:#7e8c9a;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.3rem;font-size:.95rem}.btn-banner-close:hover{color:#fff}.telegram-archived-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff05;align-items:center;gap:.85rem;padding:.65rem 1rem;transition:background .15s;display:flex}.telegram-archived-row:hover{background:#ffffff08}.telegram-archived-row:active{background:#ffffff0f}.archived-icon-frame{color:#fff;background:#2a2a2a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 2px 6px #0000004d}.archived-text-content{flex:1;min-width:0}.archived-title{color:#fff;margin-bottom:.15rem;font-size:.96rem;font-weight:700}.archived-preview{color:#7e8c9a;white-space:nowrap;text-overflow:ellipsis;font-size:.83rem;overflow:hidden}.archived-count-badge{color:#171717;background:#a8e832;border-radius:12px;padding:.15rem .58rem;font-size:.75rem;font-weight:700}.telegram-chat-list{flex-direction:column;display:flex}.telegram-chat-item{cursor:pointer;-webkit-user-select:none;user-select:none;content-visibility:auto;contain-intrinsic-size:auto 72px;backface-visibility:hidden;border-bottom:1px solid #ffffff05;align-items:center;gap:.85rem;padding:.65rem 1rem;transition:background .15s;display:flex;position:relative;transform:translateZ(0)}.telegram-chat-item:hover{background:#ffffff08}.telegram-chat-item:active{background:#ffffff0f}.telegram-chat-item.selected{background:#2b527852!important}.chat-item-avatar-col{flex-shrink:0;width:52px;height:52px;position:relative}.chat-avatar-circle{color:#fff;border:1px solid var(--border-glass);background:#1e1732cc;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.15rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000004d}.chat-avatar-circle img{object-fit:cover;width:100%;height:100%;display:block}.avatar-check-badge{background:#47c756;border:2px solid #171717;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;animation:.15s cubic-bezier(.16,1,.3,1) checkPop;display:none;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 6px #00000080}@keyframes checkPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.telegram-chat-item.selected .avatar-check-badge{display:flex}.chat-item-middle-col{flex:1;min-width:0}.chat-item-title-row{align-items:center;gap:.35rem;margin-bottom:.2rem;display:flex}.chat-item-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.chat-item-muted-icon{color:#7e8c9a;flex-shrink:0;font-size:.75rem}.chat-item-subtitle-row{color:#7e8c9a;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.35rem;font-size:.84rem;display:flex;overflow:hidden}.chat-status-icon{flex-shrink:0;font-size:.8rem}.chat-item-subtitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-item-right-col{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.35rem;display:flex}.chat-item-date{color:#6a6a6a;align-items:center;gap:.25rem;font-size:.74rem;font-weight:500;display:flex}.chat-pin-icon{font-size:.75rem}.chat-item-badge{color:#171717;background:#a8e832;border-radius:12px;padding:.12rem .52rem;font-size:.72rem;font-weight:700;line-height:1.2}.chat-item-badge.muted{background:#757f8a}.drag-handle-lines{color:#6c7883;letter-spacing:-.05em;-webkit-user-select:none;user-select:none;font-size:1.35rem;font-weight:700;line-height:1;display:none}.telegram-chat-item.selected .drag-handle-lines{display:block}.telegram-chat-item.selected .chat-item-badge{display:none}.telegram-fab-container{display:none!important}.fab-camera{color:#7e8c9a;cursor:pointer;background:#1f1f1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .15s,background .15s;display:flex;box-shadow:0 4px 14px #00000073}.fab-camera:hover{color:#fff;background:#2a2a2a;transform:translateY(-2px)}.fab-chat{color:#171717;cursor:pointer;background:#a8e832;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s,background .15s;display:flex;box-shadow:0 6px 20px #a8e83266}.fab-chat:hover{background:#96d01e;transform:translateY(-2px)}.fab-chat:active{transform:scale(.95)}.chat-conversation-view{background:0 0;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.chat-conversation-view[style*="display: none"],.chat-dms-view[style*="display: none"],.chat-archived-view[style*="display: none"],.chat-new-group-view[style*="display: none"],.chat-group-details-view[style*="display: none"]{display:none!important}.conv-header{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:10;background:#0e0b18e0;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;min-height:56px;padding:0 .85rem;display:flex}.conv-header-left{align-items:center;gap:.65rem;display:flex}.btn-conv-back{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.4rem;transition:background .15s;display:flex}.btn-conv-back:hover{background:#ffffff1a}.conv-avatar{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex;box-shadow:0 2px 6px #0000004d}.conv-title-group{flex-direction:column;display:flex}.conv-channel-name{color:#fff;margin:0;font-size:.96rem;font-weight:700;line-height:1.2}.conv-channel-topic{color:#7e8c9a;margin:0;font-size:.74rem;line-height:1.2}.conv-header-right{align-items:center;display:flex}.online-indicator-pill{color:#a8e832;background:#a8e8321f;border:1px solid #a8e8324d;border-radius:12px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.chat-messages-stream{-webkit-overflow-scrolling:touch;scroll-behavior:auto;flex-direction:column;gap:.35rem;padding:.85rem .85rem 2.25rem;scroll-padding-bottom:2.25rem;display:flex;transform:translateZ(0);overscroll-behavior-y:contain!important;overscroll-behavior:contain!important;touch-action:pan-y!important;overflow-anchor:auto!important;flex:1!important;min-height:0!important;overflow-y:auto!important}.chat-messages-stream::-webkit-scrollbar{width:4px}.chat-messages-stream::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.chat-empty-notice{text-align:center;color:#7e8c9a;margin:auto;padding:3rem 1rem}.chat-message-row{touch-action:pan-y;-webkit-user-select:text;user-select:text;will-change:transform;backface-visibility:hidden;gap:.65rem;transition:transform .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:translateZ(0)}.chat-message-row.is-swiping{transition:none}.swipe-reply-cue{color:#171717;opacity:0;pointer-events:none;z-index:5;background:#a8e832;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:50%;left:-40px;transform:translateY(-50%)scale(.6);box-shadow:0 2px 10px #a8e83266}.chat-system-message-row{box-sizing:border-box!important;pointer-events:none!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:.95rem 0!important;padding:0 1rem!important;display:flex!important}.chat-system-message-bubble{color:#f1f5f9;text-align:center;-webkit-backdrop-filter:blur(14px);pointer-events:auto;background:#120e1eeb;border:1px solid #a8e83266;border-radius:9999px;max-width:88%;padding:.45rem 1.3rem;font-size:.79rem;font-weight:600;line-height:1.45;animation:.22s ease-out fadeInSystemBubble;box-shadow:0 4px 18px #0009,0 0 14px #a8e83229}@keyframes fadeInSystemBubble{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-message-row.is-me{flex-direction:row-reverse}.chat-message-row.is-me .chat-bubble-container{align-items:flex-end}.chat-message-row.is-me .chat-bubble{color:#171717;background:#a8e832;border:none;border-bottom-right-radius:4px;border-bottom-left-radius:18px}.chat-message-row.is-me .chat-bubble .chat-bubble-text{color:#171717;font-weight:500}.chat-avatar{display:none}.chat-bubble-container{flex-direction:column;max-width:82%;display:flex}.chat-message-meta{align-items:center;gap:.45rem;margin-bottom:.2rem;padding:0 .25rem;display:flex}.chat-author-name{color:#64b5f6;font-size:.76rem;font-weight:700}.chat-timestamp{color:#6c7883;font-size:.68rem}.chat-bubble{background:#1c1630eb;border:1px solid #a855f733;border-radius:18px 18px 18px 4px;padding:.65rem .85rem;box-shadow:0 4px 16px #0006}.chat-reply-quote{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#00000052;border-left:3.5px solid #a8e832;border-radius:6px;flex-direction:column;gap:.12rem;margin-bottom:.45rem;padding:.32rem .6rem;transition:background .15s,transform .12s,opacity .15s;display:flex}.chat-reply-quote:hover{background:#0000007a}.chat-reply-quote:active{background:#a8e83238;transform:scale(.985)}.chat-message-row.is-me .chat-reply-quote{background:#00000024;border-left:3.5px solid #000000a6}.chat-message-row.is-me .chat-reply-quote:hover{background:#00000038}.chat-message-row.is-me .chat-reply-quote:active{background:#0000004d}.chat-message-row.is-me .reply-quote-user{color:#113811}.chat-message-row.is-me .reply-quote-snippet{color:#1f2937}.reply-quote-user{color:#a8e832;font-size:.72rem;font-weight:700}.reply-quote-snippet{color:#d1d5db;white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:.74rem;overflow:hidden}.chat-bubble-text{color:#fff;word-break:break-word;font-size:.88rem;line-height:1.4}.chat-manga-card{background:#00000059;border:1px solid #50a7ea40;border-radius:8px;gap:.65rem;margin-top:.5rem;padding:.5rem;display:flex}.chat-manga-card .embed-cover{object-fit:cover;border-radius:4px;flex-shrink:0;width:52px;height:72px}.chat-manga-card .embed-info{flex-direction:column;justify-content:center;min-width:0;display:flex}.chat-manga-card .embed-source{color:#64b5f6;letter-spacing:.05em;font-size:.65rem;font-weight:800}.chat-manga-card .embed-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:700;overflow:hidden}.chat-manga-card .embed-chapter{color:#7e8c9a;margin-bottom:.25rem;font-size:.74rem}.chat-manga-card .embed-read-btn{color:#fff;cursor:pointer;background:#50a7ea;border:none;border-radius:4px;align-self:flex-start;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.chat-reactions-row{align-items:center;gap:.35rem;margin-top:.35rem;display:flex;position:relative}.reaction-chip{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;padding:.15rem .45rem;font-size:.72rem}.btn-add-reaction{cursor:pointer;opacity:.6;background:0 0;border:none;font-size:.8rem}.btn-add-reaction:hover{opacity:1}.reaction-picker-popover{z-index:20;background:#1f1f1f;border:1px solid #ffffff1a;border-radius:20px;gap:.4rem;padding:.3rem .5rem;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 4px 14px #00000080}.pick-emoji{cursor:pointer;font-size:1.1rem;transition:transform .15s}.pick-emoji:hover{transform:scale(1.3)}.chat-replying-banner{background:#1e2c3a;border-left:3px solid #a8e832;justify-content:space-between;align-items:center;padding:.45rem .85rem;font-size:.82rem;animation:.18s ease-out slideDown;display:flex}.chat-replying-banner .banner-text{color:#fff}.chat-replying-banner .banner-cancel-btn{color:#7e8c9a;cursor:pointer;background:0 0;border:none;font-size:.95rem}.chat-input-wrapper{z-index:20;background:#1f1f1f;border-top:1px solid #ffffff14;flex-direction:column;gap:.35rem;padding:.5rem .75rem;display:flex;box-sizing:border-box!important;flex-shrink:0!important;width:100%!important;position:relative!important;bottom:0!important}.chat-input-toolbar{display:none!important}.chat-input-box-row{align-items:center;gap:.65rem;width:100%;display:flex}.chat-input-text{color:#fff;resize:none;box-sizing:border-box;background:#2a2a2a;border:1px solid #ffffff1a;border-radius:22px;outline:none;flex:1;min-width:0;height:42px;max-height:120px;padding:.6rem 1rem;font-family:inherit;font-size:.92rem;line-height:1.35;transition:border-color .15s,background .15s;overflow-y:hidden}.chat-input-text:focus{background:#2e2e2e;border-color:#a8e83280}.chat-input-text::placeholder{color:#888}.chat-send-btn{color:#171717;cursor:pointer;background:#a8e832;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;transition:transform .15s,background .15s;display:flex}.chat-send-btn:hover{background:#8fc429;transform:scale(1.05)}.chat-mic-btn{color:#fbbf24;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .15s,background .15s;display:flex}.chat-mic-btn:hover{background:#f59e0b38;border-color:#f59e0b;transform:scale(1.06)}.chat-mic-btn.recording{color:#fff;background:#ef4444;border-color:#f87171;animation:1.2s ease-in-out infinite micPulse}@keyframes micPulse{0%{transform:scale(1);box-shadow:0 0 #ef444499}50%{transform:scale(1.08);box-shadow:0 0 0 8px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.chat-recording-tray{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);z-index:10;background:#141020fa;justify-content:space-between;align-items:center;padding:.5rem 1rem;animation:.2s ease-out traySlideUp;display:flex;position:absolute;inset:0}@keyframes traySlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.recording-indicator{align-items:center;gap:10px;display:flex}.recording-pulse-dot{background:#ef4444;border-radius:50%;width:12px;height:12px;animation:1s infinite recBlink}@keyframes recBlink{0%,to{opacity:1}50%{opacity:.2}}.recording-timer{font-family:var(--font-mono,monospace);color:#f3f4f6;letter-spacing:.5px;font-size:.95rem;font-weight:700}.recording-actions{align-items:center;gap:8px;display:flex}.btn-cancel-recording{color:#e5e7eb;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:9999px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s}.btn-cancel-recording:hover{color:#fca5a5;background:#ef444433;border-color:#ef4444}.btn-send-recording{color:#171717;cursor:pointer;background:#a8e832;border:none;border-radius:9999px;align-items:center;gap:4px;padding:6px 16px;font-size:.85rem;font-weight:700;transition:all .15s;display:flex}.btn-send-recording:hover{background:#8fc429;transform:scale(1.04)}.chat-voice-note-bubble{background:#00000038;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;min-width:200px;max-width:290px;margin-top:4px;padding:8px 12px;display:flex}.btn-vn-play{background:var(--accent-gold,#f59e0b);color:#12141d;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;transition:transform .15s,background .15s;display:flex}.btn-vn-play:hover{background:#fbbf24;transform:scale(1.08)}.btn-vn-play.playing{color:#fff;background:#10b981}.vn-waveform-wrap{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.vn-progress-track{cursor:pointer;background:#ffffff26;border-radius:9999px;width:100%;height:6px;position:relative;overflow:hidden}.vn-progress-bar{background:var(--accent-gold,#f59e0b);border-radius:9999px;width:0%;height:100%;transition:width .1s linear}.btn-vn-play.playing~.vn-waveform-wrap .vn-progress-bar{background:#10b981}.vn-meta-row{font-size:.72rem;font-family:var(--font-mono,monospace);color:#fff9;justify-content:space-between;align-items:center;display:flex}.chat-archived-view{background:0 0;flex-direction:column;width:100%;height:100%;display:flex}.archived-view-header{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#0e0b18e0;align-items:center;gap:.85rem;height:56px;min-height:56px;padding:0 .85rem;display:flex}.archived-view-title{color:#fff;flex:1;margin:0;font-size:1.15rem;font-weight:700}.archived-view-counter{color:#7e8c9a;font-size:.78rem}.archived-chat-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.profile-modal-container{max-width:420px}.profile-modal-body{padding:1.5rem}.profile-modal-title{font-family:var(--font-display);color:var(--text-main);margin-bottom:.25rem;font-size:1.25rem;font-weight:800}.profile-modal-subtitle{color:var(--text-muted);margin-bottom:1.25rem;font-size:.82rem}.avatar-picker{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.avatar-option{border-radius:var(--radius-md);cursor:pointer;width:42px;height:42px;transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff14;font-size:1.3rem}.avatar-option:hover{background:#50a7ea33;border-color:#a8e832}.avatar-option.selected{background:#50a7ea66;border-color:#a8e832;transform:scale(1.08);box-shadow:0 0 12px #50a7ea66}.btn-conv-action{color:#8a8a8a;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.45rem;transition:color .15s,background .15s;display:flex}.btn-conv-action:hover{color:#fff;background:#ffffff14}.conv-avatar-wrap{display:inline-flex;position:relative}.conv-online-dot{border:2px solid #0e0b18f2;border-radius:50%;width:10px;height:10px;transition:background .2s,box-shadow .2s;position:absolute;bottom:0;right:0}.conv-online-dot.online{background:#10b981;box-shadow:0 0 6px #10b981b3}.conv-online-dot.offline{box-shadow:none;background:#64748b}.conv-topic-dot{vertical-align:middle;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-right:5px;display:inline-block}.conv-topic-dot.online{background:#10b981;box-shadow:0 0 5px #10b981cc}.conv-topic-dot.offline{box-shadow:none;background:#64748b}.chat-item-online-dot{z-index:3;border:2px solid #0d0a17;border-radius:50%;width:12px;height:12px;transition:background .2s,box-shadow .2s;position:absolute;bottom:2px;right:2px}.chat-item-online-dot.online{background:#10b981;box-shadow:0 0 6px #10b981b3}.chat-item-online-dot.offline{box-shadow:none;background:#64748b}.cultivator-row-status.online{font-weight:500;color:#10b981!important}.cultivator-row-status.offline{color:#94a3b8!important}.chat-notif-permission-banner{color:#e2e8f0;background:linear-gradient(135deg,#2563eb33,#10b98133);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 1rem;font-size:.78rem;animation:.25s ease-out fadeInDown;display:flex}.chat-notif-permission-banner button{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:6px;padding:.3rem .75rem;font-size:.75rem;font-weight:600;transition:background .15s}.chat-notif-permission-banner button:hover{background:#059669}.btn-attach-plus{color:#a0a0a0;cursor:pointer;background:#2a2a2a;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,color .15s,transform .15s;display:flex}.btn-attach-plus:hover{color:#fff;background:#363636;transform:scale(1.05)}.chat-date-divider{-webkit-user-select:none;user-select:none;pointer-events:none;z-index:2;clear:both;justify-content:center;align-items:center;width:100%;margin:1.25rem auto .75rem;display:flex;position:relative}.chat-date-divider span{-webkit-backdrop-filter:blur(8px);color:#94a3b8;letter-spacing:.02em;background:#161b2eeb;border:1px solid #ffffff1a;border-radius:9999px;padding:.22rem .85rem;font-size:.72rem;font-weight:600;box-shadow:0 2px 8px #0006}.chat-message-row.is-continuation{margin-top:-.15rem!important}.chat-message-row.is-continuation .chat-message-meta{display:none!important}.chat-message-row.is-continuation .chat-bubble{border-top-left-radius:8px!important;border-top-right-radius:8px!important}.chat-scroll-bottom-btn{-webkit-backdrop-filter:blur(10px);color:#e2e8f0;cursor:pointer;z-index:30;background:#1e293bf0;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s,opacity .2s,background .15s;display:flex;position:absolute;bottom:82px;right:18px;box-shadow:0 4px 14px #00000080}.chat-scroll-bottom-btn:hover{color:#fff;background:#2563eb;transform:translateY(-2px)}.chat-scroll-bottom-btn:active{transform:scale(.95)}.scroll-bottom-badge{color:#fff;background:#10b981;border:2px solid #0f172a;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.chat-bubble-footer{align-items:center;gap:.25rem;margin-top:.2rem;padding:0 .25rem;display:flex}.chat-message-row.is-me .chat-bubble-footer{justify-content:flex-end}.chat-read-ticks{color:#64b5f6;letter-spacing:-.05em;font-size:.75rem;font-weight:700}.chat-seen-label{color:#38bdf8;letter-spacing:.01em;-webkit-user-select:none;user-select:none;align-items:center;margin-left:.35rem;font-size:.72rem;font-weight:600;display:inline-flex}.chat-message-row.is-failed .chat-bubble{background:#2b1717!important;border:1px solid #ef444499!important}.chat-message-row.is-failed .chat-bubble-text{color:#fca5a5!important}.chat-not-sent-badge{color:#ef4444;-webkit-user-select:none;user-select:none;background:#ef44442e;border:1px solid #ef444473;border-radius:6px;align-items:center;gap:.3rem;margin-left:.4rem;padding:.15rem .4rem;font-size:.72rem;font-weight:600;display:inline-flex}.chat-not-sent-badge .not-sent-icon{font-size:.78rem;line-height:1}.chat-not-sent-badge .not-sent-text{color:#f87171;font-weight:600}.chat-not-sent-badge .btn-retry-send{color:#fff;cursor:pointer;background:#ef44444d;border:1px solid #ef4444;border-radius:4px;padding:.1rem .4rem;font-size:.68rem;font-weight:700;transition:all .15s}.chat-not-sent-badge .btn-retry-send:hover{color:#fff;background:#ef4444}.chat-sending-badge{color:#94a3b8;align-items:center;margin-left:.3rem;font-size:.72rem;display:inline-flex}.telegram-header-circle-btn{border:1px solid var(--border-glass);color:#fff;cursor:pointer;background:#161126d9;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .18s;display:flex}.telegram-header-circle-btn:hover{border-color:var(--accent-purple-light);background:#231b3cfa;box-shadow:0 0 12px #a855f747}.telegram-header-circle-btn.active{color:#a8e832;background:#a8e83233;border-color:#a8e83280;box-shadow:0 0 12px #a8e8324d}.telegram-header-plus-btn{color:#171717;cursor:pointer;background:#a8e832;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s,transform .15s;display:flex;box-shadow:0 2px 10px #a8e83259}.telegram-header-plus-btn:hover{background:#96d01e;transform:scale(1.05)}.chat-reactions-row,.reaction-picker-popover,.chat-quick-emojis,.quick-emoji{display:none!important}.telegram-brand-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.65rem;display:flex}.telegram-brand-logo-img{object-fit:cover;border:1px solid #9333ea66;border-radius:10px;width:36px;height:36px;box-shadow:0 0 14px #9333ea73}.telegram-brand-title-text{font-family:var(--font-display,system-ui);letter-spacing:.04em;background:linear-gradient(135deg, #fff 40%, var(--accent-purple-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.telegram-menu-dropdown{-webkit-backdrop-filter:blur(20px);z-index:100;background:#120e1ef5;border:1px solid #9333ea59;border-radius:14px;flex-direction:column;gap:.2rem;width:210px;padding:.45rem;animation:.18s cubic-bezier(.16,1,.3,1) menuDropFade;display:flex;position:absolute;top:calc(100% + 8px);right:.5rem;box-shadow:0 12px 35px #0009,0 0 20px #9333ea33}@keyframes menuDropFade{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.telegram-dropdown-item{color:#e2e8f0;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.7rem .95rem;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.telegram-dropdown-item svg{color:var(--accent-purple-light);flex-shrink:0}.telegram-dropdown-item:hover,.telegram-dropdown-item:focus{color:#fff;background:#9333ea38}.telegram-dropdown-item:active{transform:scale(.98)}.chat-new-group-view{background:var(--bg-void,#0a0712);z-index:50;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.new-group-header{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle,#ffffff14);background:#0e0b18f2;align-items:center;gap:.75rem;height:60px;min-height:60px;padding:0 1rem;display:flex}.btn-new-group-back{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.4rem;transition:background .15s;display:flex}.btn-new-group-back:hover{background:#ffffff1a}.new-group-search-box{flex:1;align-items:center;display:flex;position:relative}.new-group-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:.4rem 1.8rem .4rem .2rem;font-family:inherit;font-size:1.05rem}.new-group-search-input::placeholder{color:#7e8c9a;font-size:1rem}.new-group-search-clear{color:#7e8c9a;cursor:pointer;background:0 0;border:none;padding:.3rem;font-size:.88rem;position:absolute;right:.3rem}.new-group-header-right-icon{color:#7e8c9a;justify-content:center;align-items:center;padding:.4rem;display:flex}.new-group-scroll-area{padding:.5rem .85rem calc(var(--safe-bottom,0px) + 85px);-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.contacts-section{margin-bottom:1.25rem}.contacts-section-header{color:#94a3b8;letter-spacing:.01em;padding:.6rem .5rem .4rem;font-size:.88rem;font-weight:600}.contacts-list{flex-direction:column;gap:.25rem;display:flex}.contact-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:space-between;align-items:center;padding:.65rem .6rem;transition:background .15s;display:flex}.contact-row:hover{background:#ffffff0d}.contact-row.selected{background:#10b98114}.contact-left-col{flex:1;align-items:center;gap:.95rem;min-width:0;display:flex}.contact-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex;overflow:hidden}.contact-avatar img{object-fit:cover;width:100%;height:100%}.contact-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.contact-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:600;overflow:hidden}.contact-handle{color:#7e8c9a;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.contact-check-circle{border:2px solid #4b5563;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.contact-row.selected .contact-check-circle{background:#10b981;border-color:#10b981}.contact-check-circle svg{color:#fff;display:none}.contact-row.selected .contact-check-circle svg{display:block}.fab-new-group-create{bottom:calc(var(--safe-bottom,0px) + 24px);color:#0c0914;cursor:pointer;z-index:60;background:#22c55e;border:none;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .15s,background .15s,box-shadow .15s;display:flex;position:absolute;right:20px;box-shadow:0 6px 20px #22c55e73}.fab-new-group-create:hover{background:#16a34a;transform:scale(1.06);box-shadow:0 8px 25px #22c55e8c}.fab-new-group-create:active{transform:scale(.96)}.fab-new-group-badge{color:#fff;background:#dc2626;border:2px solid #0a0712;border-radius:9999px;padding:.15rem .45rem;font-size:.72rem;font-weight:700;position:absolute;top:-4px;right:-4px}.conv-selection-header{-webkit-backdrop-filter:blur(16px);z-index:25;background:#120e1cf5;border-bottom:1px solid #a8e8324d;justify-content:space-between;align-items:center;height:56px;min-height:56px;padding:0 .85rem;animation:.18s ease-out slideDownBar;display:flex}@keyframes slideDownBar{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.conv-selection-left{align-items:center;gap:.85rem;display:flex}.btn-msg-selection-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.45rem;transition:background .15s,transform .15s;display:flex}.btn-msg-selection-close:hover{background:#ffffff1f;transform:scale(1.05)}.msg-selection-count{color:#fff;letter-spacing:.2px;font-size:1.05rem;font-weight:700}.conv-selection-right{align-items:center;gap:.45rem;display:flex}.btn-msg-action{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .15s;display:flex}.btn-msg-action:hover{color:#fff;background:#ffffff1a;transform:scale(1.05)}.btn-msg-action-delete:hover{color:#ef4444;background:#ef444429}.chat-message-row.is-selected{border-radius:14px;outline:1.5px solid #a8e83261;transition:background .15s,outline .15s;box-shadow:0 0 16px #a8e8321f;background:#a8e83224!important}.chat-message-row.is-selected:after{content:"✓";color:#111;pointer-events:none;background:#a8e832;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72rem;font-weight:900;display:flex;position:absolute;top:50%;right:.65rem;transform:translateY(-50%);box-shadow:0 2px 6px #00000059}.chat-message-row.is-selected.is-me:after{left:.65rem;right:auto}.chat-message-row.is-deleting{opacity:0!important;max-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;transition:all .22s cubic-bezier(.16,1,.3,1)!important;overflow:hidden!important;transform:scale(.88)translateY(8px)!important}@keyframes replyJumpPulseOther{0%{filter:brightness();transform:scale(1);box-shadow:0 0 #a8e832d9}25%{filter:brightness(1.35);transform:scale(1.035);box-shadow:0 0 25px 6px #a8e832f2,0 0 50px 15px #a8e83259;border-color:#a8e832!important}60%{filter:brightness(1.15);transform:scale(1.015);box-shadow:0 0 16px 4px #a8e83299}to{filter:brightness();transform:scale(1);box-shadow:0 0 #a8e83200}}@keyframes replyJumpPulseMe{0%{filter:brightness();transform:scale(1);box-shadow:0 0 #ffffffe6}25%{filter:brightness(1.22);transform:scale(1.035);box-shadow:0 0 28px 8px #fffffff2,0 0 55px 16px #a8e832bf}60%{filter:brightness(1.1);transform:scale(1.015);box-shadow:0 0 18px 5px #fff9}to{filter:brightness();transform:scale(1);box-shadow:0 0 #fff0}}.chat-message-row.is-reply-jump-highlighted .chat-bubble{z-index:10;animation:1.6s cubic-bezier(.22,1,.36,1) forwards replyJumpPulseOther;position:relative}.chat-message-row.is-reply-jump-highlighted.is-me .chat-bubble{animation:1.6s cubic-bezier(.22,1,.36,1) forwards replyJumpPulseMe}.modal-delete-container{overflow:hidden;background:#130f1efa!important;border:1px solid #ffffff1f!important;border-radius:20px!important;max-width:360px!important;box-shadow:0 20px 40px #000000a6!important}.modal-delete-content{text-align:center;flex-direction:column;align-items:center;padding:1.6rem 1.4rem 1.4rem;display:flex}.modal-delete-icon{filter:drop-shadow(0 4px 10px #ef44444d);margin-bottom:.6rem;font-size:2.4rem}.modal-delete-title{color:#fff;letter-spacing:-.2px;margin:0 0 .4rem;font-size:1.18rem;font-weight:700}.modal-delete-subtitle{color:#94a3b8;margin:0 0 1.4rem;font-size:.86rem;line-height:1.42}.modal-delete-actions{flex-direction:column;gap:.55rem;width:100%;display:flex}.btn-delete-option{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:.72rem 1rem;font-size:.92rem;font-weight:600;transition:all .15s;display:flex}.btn-delete-everyone{color:#f87171;background:#ef444429;border:1px solid #ef444459}.btn-delete-everyone:hover{color:#fff;background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.btn-delete-forme{color:#e2e8f0;background:#ffffff12;border:1px solid #ffffff1f}.btn-delete-forme:hover{color:#fff;background:#ffffff24;transform:translateY(-1px)}.btn-delete-cancel{color:#94a3b8;background:0 0}.btn-delete-cancel:hover{color:#fff;background:#ffffff0d}.conv-topic-typing{letter-spacing:.1px;animation:1.4s ease-in-out infinite typingPulse;color:#a8e832!important;font-size:.74rem!important;font-weight:600!important}@keyframes typingPulse{0%,to{opacity:.75}50%{opacity:1}}.chat-typing-bubble{z-index:15;-webkit-backdrop-filter:blur(14px);pointer-events:none;background:#161122f0;border:1px solid #a8e83259;border-radius:20px;align-items:center;gap:.55rem;padding:.38rem .85rem;animation:.2s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex;position:absolute;bottom:64px;left:1rem;box-shadow:0 4px 16px #0006}@keyframes slideUpFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-typing-name{color:#a8e832;letter-spacing:.1px;font-size:.76rem;font-weight:600}.typing-dots{align-items:center;gap:3.5px;display:inline-flex}.typing-dot{background:#a8e832;border-radius:50%;width:4.5px;height:4.5px;animation:1.25s ease-in-out infinite typingBounce}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-item-typing{font-style:italic;color:#a8e832!important;font-weight:600!important}.chat-group-details-view{background:var(--bg-void,#0a0712);z-index:55;flex-direction:column;animation:.22s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:absolute;inset:0;overflow:hidden}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.group-details-top-bar{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle,#ffffff14);z-index:10;background:#0e0b18f2;justify-content:space-between;align-items:center;height:58px;min-height:58px;padding:0 1rem;display:flex}.btn-group-details-back{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.45rem;transition:all .15s;display:flex}.btn-group-details-back:hover{background:#ffffff1a;transform:translate(-1px)}.group-details-top-title{font-family:var(--font-display,inherit);color:#fff;letter-spacing:.12em;text-transform:uppercase;font-size:.98rem;font-weight:700}.group-details-top-right{align-items:center;display:flex}.btn-group-create-header{color:#10b981;cursor:pointer;background:#10b9812e;border:1px solid #10b98159;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.btn-group-create-header:hover{color:#fff;background:#10b981;transform:scale(1.05)}.group-details-scroll-container{-webkit-overflow-scrolling:touch;padding:1.5rem 1.25rem calc(var(--safe-bottom,0px) + 90px);flex:1;width:100%;max-width:580px;margin:0 auto;overflow-y:auto}.group-details-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.group-speech-bubble{color:#f1f5f9;background:#1a1a24;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;margin-bottom:.85rem;padding:.3rem .9rem;font-size:.8rem;font-weight:500;display:inline-flex;position:relative;box-shadow:0 4px 12px #00000059}.group-speech-bubble:after{content:"";border-top:5px solid #1a1a24;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.group-avatar-wrap{cursor:pointer;width:96px;height:96px;margin:0 auto;transition:transform .2s cubic-bezier(.16,1,.3,1);position:relative}.group-avatar-wrap:hover{transform:scale(1.04)}.group-avatar-emblem{-webkit-user-select:none;user-select:none;background:#161822;border:2px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.8rem;display:flex;overflow:hidden;box-shadow:0 6px 20px #00000073}.group-avatar-emblem img{object-fit:cover;border-radius:50%;width:100%;height:100%}.group-avatar-camera-badge{color:#fff;cursor:pointer;background:#10b981;border:2.5px solid #0c0914;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .15s,background .15s;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 3px 10px #0000008c}.group-avatar-wrap:hover .group-avatar-camera-badge{background:#059669;transform:scale(1.08)}.group-avatar-hint{color:var(--text-muted,#7e8c9a);margin-top:.65rem;font-size:.76rem}.group-details-card{-webkit-backdrop-filter:blur(12px);background:#120e1cb3;border:1px solid #ffffff14;border-radius:20px;padding:1.4rem 1.25rem}.group-form-field{flex-direction:column;gap:.45rem;display:flex}.group-form-label{color:#a78bfa;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.76rem;font-weight:700;display:flex}.group-text-input,.group-textarea-input{color:#fff;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .15s,background .15s,box-shadow .15s}.group-text-input:focus,.group-textarea-input:focus{background:#ffffff12;border-color:#10b981;box-shadow:0 0 14px #10b98133}.group-text-input::placeholder,.group-textarea-input::placeholder{color:#64748b}.group-textarea-input{resize:vertical;min-height:80px;line-height:1.45}.group-members-summary-deck{color:#94a3b8;background:#ffffff08;border:1px dashed #ffffff1f;border-radius:12px;margin-top:1.25rem;padding:.75rem 1rem;font-size:.82rem;line-height:1.4}.group-details-action-row{gap:.85rem;margin-top:1.6rem;display:flex}.btn-group-cancel{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;flex:1;justify-content:center;align-items:center;padding:.85rem 1rem;font-size:.92rem;font-weight:600;transition:all .15s;display:flex}.btn-group-cancel:hover{color:#fff;background:#ffffff1f}.btn-group-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;flex:2;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 18px #10b98166}.btn-group-confirm:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 22px #10b98180}.chat-group-info-view,.chat-group-all-members-view{background:0 0;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.chat-group-info-view[style*="display: none"],.chat-group-all-members-view[style*="display: none"]{display:none!important}.group-info-top-bar,.group-all-members-top-bar{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:10;background:#0e0b18e6;flex-shrink:0;align-items:center;gap:.75rem;height:56px;min-height:56px;padding:0 .85rem;display:flex}.btn-group-info-back,.btn-group-all-members-back{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.45rem;transition:background .15s;display:flex}.btn-group-info-back:hover,.btn-group-all-members-back:hover{background:#ffffff1a}.group-info-top-title,.group-all-members-top-title{color:#fff;letter-spacing:.04em;font-size:.96rem;font-weight:700}.group-all-members-sub{color:#7e8c9a;font-size:.72rem}.group-all-members-title-group{flex-direction:column;display:flex}.group-info-scroll-container{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:1.25rem;min-height:0;padding:1.25rem 1rem 3rem;display:flex;overflow-y:auto}.group-info-hero{text-align:center;flex-direction:column;align-items:center;padding:.5rem 0 .25rem;display:flex}.group-info-avatar-wrap{background:#1c1630cc;border:3px solid #a8e832a6;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:.85rem;display:flex;overflow:hidden;box-shadow:0 0 25px #a8e83240,0 8px 24px #0009}.group-info-avatar-emblem{justify-content:center;align-items:center;width:100%;height:100%;font-size:2.8rem;display:flex}.group-info-avatar-emblem img{object-fit:cover;width:100%;height:100%}.group-info-name{color:#fff;word-break:break-word;max-width:90%;margin:0 0 .35rem;font-size:1.35rem;font-weight:800}.group-info-meta{color:#94a3b8;align-items:center;gap:.45rem;font-size:.82rem;display:flex}.group-info-meta-dot{color:#475569}.group-info-online-count{color:#a8e832;align-items:center;gap:.3rem;font-weight:600;display:inline-flex}.group-info-card{background:#141020d9;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:.65rem;padding:1rem 1.15rem;display:flex;box-shadow:0 4px 20px #0006}.group-info-card-header{letter-spacing:.05em;color:#a8e832;align-items:center;gap:.5rem;font-size:.74rem;font-weight:800;display:flex}.group-members-header-split{justify-content:space-between}.group-members-header-left{align-items:center;gap:.5rem;display:flex}.group-members-badge-num{color:#a8e832;background:#a8e83229;border:1px solid #a8e8324d;border-radius:9999px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.group-info-about-text{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.92rem;line-height:1.5}.group-info-members-list{flex-direction:column;gap:.45rem;margin-top:.25rem;display:flex}.group-member-item-row{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:.55rem .65rem;transition:all .15s;display:flex}.group-member-item-row:hover{background:#ffffff14;border-color:#a8e83240;transform:translate(2px)}.group-member-left{align-items:center;gap:.75rem;min-width:0;display:flex}.group-member-avatar-wrap{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.15rem;display:flex;position:relative;overflow:visible}.group-member-avatar-wrap img{object-fit:cover;border-radius:50%;width:100%;height:100%}.group-member-dot{border:2px solid #141020;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.group-member-dot.online{background:#a8e832;box-shadow:0 0 6px #a8e83299}.group-member-dot.offline{background:#64748b}.group-member-info{flex-direction:column;min-width:0;display:flex}.group-member-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:700;overflow:hidden}.group-member-handle{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.group-member-role-badge{letter-spacing:.03em;border-radius:8px;flex-shrink:0;padding:.2rem .55rem;font-size:.68rem;font-weight:700}.group-member-role-badge.sect-leader,.group-member-role-badge.admin{color:#facc15;background:linear-gradient(135deg,#eab30838,#f59e0b4d);border:1px solid #facc1573;align-items:center;gap:.25rem;display:inline-flex;box-shadow:0 0 10px #eab30840}.group-member-role-badge.disciple,.group-member-role-badge.member{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff1a}.group-member-right-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.group-member-expel-btn{color:#f87171;cursor:pointer;background:#ef44441f;border:1px solid #ef444452;border-radius:8px;align-items:center;gap:.25rem;padding:.22rem .55rem;font-size:.72rem;font-weight:700;transition:all .15s;display:inline-flex}.group-member-expel-btn:hover{color:#fff;background:#ef444447;border-color:#ef4444a6;transform:scale(1.03)}.group-members-header-right{align-items:center;gap:.5rem;display:flex}.btn-group-add-member{color:#a8e832;cursor:pointer;background:#a8e83226;border:1px solid #a8e83266;border-radius:9999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.74rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-group-add-member:hover{background:#a8e83247;border-color:#a8e832;transform:scale(1.02)}.btn-group-add-member-top{color:#a8e832;cursor:pointer;background:#a8e83226;border:1px solid #a8e83266;border-radius:10px;align-items:center;gap:.35rem;margin-left:auto;padding:.35rem .75rem;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-group-add-member-top:hover{background:#a8e83247;border-color:#a8e832;transform:translateY(-1px)}.modal-add-members-container{flex-direction:column;max-height:80vh;display:flex;overflow:hidden;background:#130f1efa!important;border:1px solid #ffffff1f!important;border-radius:20px!important;width:90%!important;max-width:420px!important;box-shadow:0 20px 45px #000000bf!important}.modal-add-members-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.modal-add-members-title{color:#a8e832;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:flex}.btn-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.3rem .5rem;font-size:1.1rem;transition:all .15s}.btn-modal-close:hover{color:#fff;background:#ffffff14}.modal-add-members-search-wrap{border-bottom:1px solid #ffffff0f;align-items:center;padding:.75rem 1.2rem;display:flex;position:relative}.modal-add-members-search-wrap svg{color:#64748b;pointer-events:none;position:absolute;left:1.85rem}.modal-add-members-search-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:.5rem 1rem .5rem 2.2rem;font-size:.85rem;transition:border-color .15s}.modal-add-members-search-input:focus{border-color:#a8e832}.modal-add-members-list{flex-direction:column;flex:1;gap:.35rem;max-height:320px;padding:.5rem .8rem;display:flex;overflow-y:auto}.add-member-candidate-row{cursor:pointer;background:#ffffff05;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:.5rem .65rem;transition:all .15s;display:flex}.add-member-candidate-row:hover{background:#ffffff0f;border-color:#a8e83233}.add-member-candidate-row.selected{background:#a8e8321a;border-color:#a8e83266}.candidate-left{align-items:center;gap:.65rem;min-width:0;display:flex}.candidate-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex;overflow:hidden}.candidate-avatar img{object-fit:cover;width:100%;height:100%}.candidate-info{flex-direction:column;min-width:0;display:flex}.candidate-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:700;overflow:hidden}.candidate-handle{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.candidate-checkbox{border:2px solid #ffffff40;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.add-member-candidate-row.selected .candidate-checkbox{color:#0b0914;background:#a8e832;border-color:#a8e832}.modal-add-members-footer{border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:.65rem;padding:.85rem 1.2rem;display:flex}.btn-add-members-cancel{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600}.btn-add-members-cancel:hover{color:#fff;background:#ffffff1f}.btn-add-members-confirm{color:#0b0914;cursor:pointer;background:#a8e832;border:none;border-radius:10px;padding:.55rem 1.2rem;font-size:.85rem;font-weight:700;transition:all .15s}.btn-add-members-confirm:disabled{opacity:.4;cursor:not-allowed}.btn-add-members-confirm:not(:disabled):hover{background:#bbf447;transform:translateY(-1px)}.btn-group-see-more-members{color:#a8e832;cursor:pointer;background:#a8e8321a;border:1px solid #a8e8324d;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 1rem;font-size:.86rem;font-weight:700;transition:all .15s;display:flex}.btn-group-see-more-members:hover{background:#a8e83233;border-color:#a8e83280;transform:translateY(-1px)}.group-members-search-wrap{background:#0e0b18b3;border-bottom:1px solid #ffffff0f;align-items:center;padding:.6rem .85rem;display:flex;position:relative}.group-members-search-wrap svg{color:#64748b;pointer-events:none;position:absolute;left:1.55rem}.group-members-search-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:.55rem 2rem .55rem 2.3rem;font-size:.88rem;transition:border-color .15s}.group-members-search-input:focus{border-color:#a8e832}.group-members-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:.95rem;position:absolute;right:1.5rem}.group-all-members-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:.75rem .85rem 3rem;overflow-y:auto}.group-all-members-list{flex-direction:column;gap:.45rem;display:flex}#reader-view{z-index:10005;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:auto;contain:strict;will-change:scroll-position;background:#050308;flex-direction:column;display:none;position:fixed;inset:0;overflow:hidden auto;transform:translateZ(0)}#reader-view.active{display:flex}body.reader-active .bottom-nav-dock,.bottom-nav-dock.nav-hidden{display:none!important}.reading-progress-track{z-index:10015;background:#ffffff0d;width:100%;height:3px;position:fixed;top:0;left:0}.reading-progress-fill{transform-origin:0;background:linear-gradient(90deg, var(--accent-purple), var(--accent-cyan));width:100%;height:100%;box-shadow:0 0 8px var(--accent-cyan);will-change:transform;transition:transform 80ms ease-out;transform:scaleX(0)}.reader-hud-top{z-index:10010;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle);padding:.5rem 1rem .6rem;padding-top:calc(var(--safe-top) + .5rem);transition:transform var(--transition-smooth), opacity var(--transition-smooth);background:#08060ef0;flex-direction:column;gap:.45rem;display:flex;position:fixed;top:0;left:0;right:0}.reader-hud-top.hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.reader-hud-main{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.reader-hud-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.btn-reader-back{color:#fff;cursor:pointer;width:38px;min-width:38px;height:38px;transition:all var(--transition-fast);background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.btn-reader-back:hover{border-color:var(--accent-purple-light);background:#9333ea4d;transform:scale(1.05)}.btn-reader-back:active{transform:scale(.94)}.reader-title-group{flex-direction:column;flex:1;min-width:0;display:flex}.reader-manga-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.88rem;font-weight:700;overflow:hidden}.reader-chapter-title{color:var(--accent-purple-light);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.reader-hud-right{align-items:center;gap:.5rem;display:flex}.btn-reader-menu{color:#fff;cursor:pointer;width:38px;min-width:38px;height:38px;transition:all var(--transition-fast);background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.btn-reader-menu:hover,.btn-reader-menu.active{border-color:var(--accent-purple-light);color:var(--accent-purple-light);background:#9333ea59}.btn-reader-menu:active{transform:scale(.94)}.reader-hud-subnav{border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:.5rem;width:100%;padding-top:.3rem;display:flex}.btn-nav-chapter{border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;flex-shrink:0;padding:.38rem .85rem;font-size:.8rem;font-weight:600}.btn-nav-chapter:hover:not(:disabled){background:var(--accent-purple);border-color:var(--accent-purple-light)}.btn-nav-chapter:disabled{opacity:.35;cursor:not-allowed}.custom-chapter-dropdown{flex:0 260px;min-width:120px;max-width:320px;position:relative}.chapter-dropdown-btn{border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#161126f2;border:1px solid #a855f759;width:100%;padding:.38rem 1rem;font-size:.82rem;font-weight:600}.chapter-dropdown-btn:hover{border-color:var(--accent-purple-light);box-shadow:0 0 14px #a855f740}.chapter-dropdown-options{z-index:10035;max-height:280px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden auto}.chapter-dropdown-options::-webkit-scrollbar{width:4px}.chapter-dropdown-options::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#9333ea80}.reader-settings-menu{-webkit-backdrop-filter:blur(28px);border-radius:var(--radius-xl);z-index:10020;background:#0e0a18f5;border:1px solid #a855f759;flex-direction:column;gap:.85rem;width:290px;padding:1rem 1.15rem;animation:.18s cubic-bezier(.16,1,.3,1) readerMenuPop;display:none;position:absolute;top:calc(100% + 8px);right:12px;box-shadow:0 16px 40px #000000d9,0 0 24px #9333ea40}@keyframes readerMenuPop{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.reader-settings-menu.open{display:flex}.reader-settings-header{color:#fff;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:.5rem;font-size:.85rem;font-weight:700;display:flex}.reader-settings-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.2rem .4rem;font-size:1rem}.reader-settings-close:hover{color:#fff;background:#ffffff1a}.reader-setting-group{flex-direction:column;gap:.35rem;display:flex}.reader-setting-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.custom-dropdown{width:100%;position:relative}.custom-dropdown-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:#161126f2;border:1px solid #a855f747;justify-content:space-between;align-items:center;padding:.52rem .85rem;font-size:.82rem;font-weight:600;display:flex}.custom-dropdown-btn:hover{border-color:var(--accent-purple-light);background:#1e1732fa;box-shadow:0 0 14px #a855f738}.dropdown-arrow-icon{color:var(--accent-purple-light);flex-shrink:0;transition:transform .22s cubic-bezier(.16,1,.3,1)}.custom-dropdown.open .dropdown-arrow-icon{transform:rotate(180deg)}.custom-dropdown-options{-webkit-backdrop-filter:blur(28px);border-radius:var(--radius-md);z-index:10030;background:#0d0916fa;border:1px solid #a855f773;flex-direction:column;gap:.2rem;padding:.35rem;animation:.16s cubic-bezier(.16,1,.3,1) dropdownFade;display:none;position:absolute;top:calc(100% + 5px);left:0;right:0;box-shadow:0 14px 36px #000000e6,0 0 20px #9333ea47}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.custom-dropdown.open .custom-dropdown-options{display:flex}.custom-option{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:.52rem .75rem;font-size:.82rem;font-weight:500;display:flex}.custom-option:hover{color:#fff;background:#9333ea40}.custom-option.active{color:#fff;background:linear-gradient(135deg,#9333ea61,#7e22ce8c);border:1px solid #c084fc4d;font-weight:700}.custom-option .option-check{color:var(--accent-cyan);font-weight:700;display:none}.custom-option.active .option-check{display:inline-block}.btn-fullscreen-toggle{border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:.5rem;padding:.48rem .85rem;font-size:.82rem;font-weight:600;display:flex}.btn-fullscreen-toggle:hover{border-color:var(--accent-purple-light);background:#9333ea40}.reader-canvas-container{width:100%;transition:max-width var(--transition-smooth);flex-direction:column;align-items:center;margin:0 auto;padding-top:105px;padding-bottom:80px;display:flex}.reader-canvas-container.width-700{max-width:700px}.reader-canvas-container.width-900{max-width:900px}.reader-canvas-container.width-1200{max-width:1200px}.reader-canvas-container.width-full{max-width:100%}.reader-page-item{background:#08060e;justify-content:center;width:100%;min-height:250px;scroll-margin-top:105px;display:flex;position:relative;overflow:visible}.reader-page-item.loaded{min-height:unset;background:0 0}.reader-img{opacity:0;image-rendering:auto;will-change:opacity;width:100%;max-width:100%;height:auto;transition:opacity .18s ease-in;display:block}.reader-img.loaded{opacity:1}.page-loading-skeleton{min-height:480px;color:var(--text-dim);background:linear-gradient(90deg,#0d0a17 25%,#1c1532 50%,#0d0a17 75%) 0 0/200% 100%;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:.85rem;animation:1.5s infinite shimmer;display:flex;position:absolute;inset:0}.page-number-indicator{border-radius:var(--radius-sm);font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted);z-index:5;pointer-events:none;background:#000000a6;border:1px solid #ffffff1a;padding:2px 8px;position:absolute;bottom:10px;right:12px}.reader-canvas-container.paginated-mode .reader-page-item{display:none}.reader-canvas-container.paginated-mode .reader-page-item.current-page{display:flex}.reader-end-card{border:1px solid var(--border-glow);border-radius:var(--radius-xl);text-align:center;width:90%;max-width:600px;box-shadow:var(--shadow-card);background:#161126d9;margin:3rem auto;padding:2rem}.reader-end-title{font-family:var(--font-display);color:#fff;margin-bottom:.5rem;font-size:1.4rem;font-weight:800}.reader-end-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.88rem}.reader-end-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (width<=768px){.reader-hud-top{padding:.45rem .75rem .5rem;padding-top:calc(var(--safe-top) + .45rem)}.reader-manga-title{max-width:220px;font-size:.84rem}.reader-hud-subnav{justify-content:space-between}.custom-chapter-dropdown{flex:1;max-width:none}.chapter-dropdown-btn{font-size:.78rem}.reader-canvas-container{padding-top:96px;max-width:100%!important}.reader-settings-menu{width:auto;left:8px;right:8px}}@media (width>=769px){.bottom-nav-dock{pointer-events:none!important;visibility:hidden!important;display:none!important}}.bottom-nav-dock{z-index:990;border-radius:var(--radius-full);transition:transform var(--transition-smooth), opacity var(--transition-smooth);background:#141416;border:1px solid #ffffff14;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009}.dock-btn{border-radius:var(--radius-full);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-size:.875rem;font-weight:600;display:flex;position:relative}.dock-btn .dock-icon{transition:transform var(--transition-fast);font-size:1.15rem}.dock-btn:hover{color:var(--text-main);background:#ffffff0d}.dock-btn:hover .dock-icon{transform:translateY(-2px)}.dock-btn.active{color:#a8e832;box-shadow:none;background:0 0;border:1px solid #0000}.dock-btn.active .dock-icon{transform:scale(1.08)}.dock-btn.active .dock-icon svg{stroke:#a8e832;filter:drop-shadow(0 0 8px #a8e832d9)}.dock-badge{background:var(--accent-rose);color:#fff;border-radius:var(--radius-full);padding:.15rem .45rem;font-size:.7rem;font-weight:800;animation:2s ease-in-out infinite pulseBadge;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 8px #f43f5e80}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (width<=768px){.bottom-nav-dock{width:100%!important;padding:.45rem .5rem calc(var(--safe-bottom) + .45rem)!important;z-index:9999!important;background:#141416!important;border:none!important;border-top:1px solid #ffffff14!important;border-radius:18px 18px 0 0!important;justify-content:space-around!important;margin:0!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;box-shadow:0 -4px 20px #000c!important}.bottom-nav-dock.nav-hidden,body.reader-active .bottom-nav-dock,body.chat-conversation-active .bottom-nav-dock,body.detail-active .bottom-nav-dock{visibility:hidden!important;pointer-events:none!important;display:none!important}body:has(.in-conversation) .bottom-nav-dock{visibility:hidden!important;pointer-events:none!important;display:none!important}.bottom-nav-dock:before{display:none!important}.dock-btn{border-radius:var(--radius-md);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;flex-direction:column;gap:.2rem;min-height:52px;padding:.4rem .85rem;font-size:.72rem;transition:transform .12s cubic-bezier(.16,1,.3,1),color .15s,background .15s}.dock-btn:active{transform:scale(.92)}.dock-btn .dock-icon{font-size:1.35rem;line-height:1;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.dock-btn.active{color:#a8e832;box-shadow:none!important;background:0 0!important;border:#0000!important}.dock-btn.active .dock-icon{transform:translateY(-2px)scale(1.1)}.dock-btn.active .dock-icon svg{stroke:#a8e832;filter:drop-shadow(0 0 8px #a8e832d9)}.dock-btn.active .dock-label{color:#a8e832;font-weight:800}.dock-badge{top:3px;right:14px}.main-content{padding-bottom:calc(var(--safe-bottom) + 90px)!important}}.dock-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;transition:stroke .15s,filter .15s;display:block}.dock-btn.active .dock-icon svg{stroke:#a8e832}.dock-btn:not(.active) .dock-icon svg{stroke:var(--text-muted)}.profile-portal{z-index:10;width:100%;min-height:calc(100vh - 70px);animation:.3s cubic-bezier(.16,1,.3,1) profileFadeIn;display:block;position:relative}@keyframes profileFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-top-bar{z-index:30;padding:.75rem 1.25rem;padding-top:calc(var(--safe-top,0px) + .75rem);-webkit-backdrop-filter:blur(20px);background:#0c0914f0;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.btn-profile-back{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.4rem;transition:background .15s;display:flex}.btn-profile-back:hover{background:#ffffff1a}.profile-top-title{font-family:var(--font-display,system-ui);color:#fff;font-size:1.15rem;font-weight:700}.profile-top-actions{align-items:center;gap:.5rem;min-width:36px;display:flex}.profile-top-tool-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.4rem;transition:all .15s;display:flex}.profile-top-tool-btn:hover{color:#fff;background:#ffffff14}.profile-portal .profile-container{max-width:680px;padding:1.25rem 1.25rem calc(var(--safe-bottom,0px) + 110px);margin:0 auto}@media (width>=769px){.profile-portal .profile-container{max-width:860px;padding:1.5rem 1.5rem 3.5rem!important}}.profile-hero-card{box-shadow:none;text-align:center;background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1rem;padding:1.25rem 1rem 1rem;display:flex;position:relative}.profile-speech-bubble{color:#f1f5f9;letter-spacing:.01em;background:#1a1a24;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;margin-bottom:.9rem;padding:.35rem .95rem;font-size:.82rem;font-weight:500;display:inline-flex;position:relative;box-shadow:0 4px 12px #00000059}.profile-speech-bubble:after{content:"";border-top:5px solid #1a1a24;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.profile-avatar-wrap{cursor:pointer;width:96px;height:96px;margin:0 auto;transition:transform .2s cubic-bezier(.16,1,.3,1);position:relative}.profile-avatar-wrap:hover{transform:scale(1.03)}.profile-avatar-emblem{-webkit-user-select:none;user-select:none;background:#161822;border:2px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.8rem;display:flex;overflow:hidden;box-shadow:0 6px 20px #00000073}.profile-avatar-emblem img,.profile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-avatar-camera-badge{color:#fff;cursor:pointer;background:#10b981;border:2.5px solid #0c0914;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .15s,background .15s;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 3px 8px #00000080}.profile-avatar-wrap:hover .profile-avatar-camera-badge{background:#059669;transform:scale(1.1)}.profile-identity-group{flex-direction:column;align-items:center;max-width:100%;margin-top:.9rem;display:flex}.profile-name-row-center{justify-content:center;align-items:center;gap:.45rem;max-width:100%;padding:0 .5rem;display:flex}.profile-name-row-center .profile-username{color:#fff;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:min(280px,100vw - 110px);margin:0;font-family:inherit;font-size:1.18rem;font-weight:600;line-height:1.3;overflow:hidden}.profile-edit-btn-inline,.profile-edit-feather-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:.35rem;transition:all .18s;display:inline-flex}.profile-edit-btn-inline:hover,.profile-edit-feather-btn:hover{color:#c084fc;background:#a855f726;transform:scale(1.08)}.profile-edit-btn-inline:active,.profile-edit-feather-btn:active{transform:scale(.95)}.profile-user-handle{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:min(280px,100vw - 110px);margin-top:.2rem;font-size:.88rem;font-weight:400;overflow:hidden}.profile-rank-tag{color:#c084fc;letter-spacing:.02em;background:#a855f71a;border:1px solid #a855f740;border-radius:9999px;margin-top:.45rem;padding:.2rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.profile-menu-deck{flex-direction:column;gap:.25rem;margin-top:.5rem;padding:0;display:flex}.profile-menu-row{color:#fff;cursor:pointer;text-align:left;width:100%;box-shadow:none;background:0 0;border:none;border-radius:8px;align-items:center;gap:1.15rem;padding:.85rem .95rem;font-family:inherit;transition:background .15s;display:flex}.profile-menu-row:hover{box-shadow:none;background:#ffffff0d;border:none;transform:none}.profile-menu-row:active{background:#ffffff14;transform:none}.menu-row-icon-frame{color:#94a3b8;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:color .15s;display:flex;background:0 0!important;border:none!important}.profile-menu-row:hover .menu-row-icon-frame{color:#fff}.menu-row-icon-frame.rose{color:#ef4444}.profile-menu-row:hover .menu-row-icon-frame.rose{color:#f87171}.menu-row-text{flex:1;min-width:0}.menu-row-title{color:#fff;margin-bottom:.15rem;font-size:.96rem;font-weight:500;line-height:1.25}.menu-row-subtitle{color:#88909b;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;line-height:1.3;overflow:hidden}.menu-row-badge,.menu-row-chevron{display:none!important}#username-change-modal{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#000000b8;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}#username-change-modal.open{animation:.18s ease-out usernameModalFade;display:flex}@keyframes usernameModalFade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.username-modal-container{color:#f1f5f9;box-sizing:border-box;background:#14161d;border:1px solid #ffffff1f;border-radius:16px;width:100%;max-width:380px;padding:1.4rem;box-shadow:0 20px 45px #000c,0 0 25px #a855f726}.username-modal-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.username-modal-title{color:#fff;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:700;display:flex}.username-modal-title svg{color:#c084fc}.username-modal-desc{color:#94a3b8;margin:0 0 1rem;font-size:.84rem;line-height:1.4}.username-input-wrap{margin-bottom:1.25rem;position:relative}.username-input-field{color:#fff;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff29;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.98rem;transition:border-color .15s,box-shadow .15s}.username-input-field:focus{background:#ffffff14;border-color:#a855f7;box-shadow:0 0 0 3px #a855f740}.username-char-count{text-align:right;color:#64748b;margin-top:.35rem;font-size:.75rem}.username-modal-actions{justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.btn-username-cancel{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;padding:.6rem 1.1rem;font-size:.88rem;font-weight:600;transition:background .15s}.btn-username-cancel:hover{color:#fff;background:#ffffff21}.btn-username-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:8px;padding:.6rem 1.35rem;font-size:.88rem;font-weight:600;transition:transform .12s,opacity .15s;box-shadow:0 2px 10px #a855f74d}.btn-username-save:hover{opacity:.92;transform:translateY(-1px)}.btn-username-save:active{transform:scale(.98)}.profile-subview-panel{animation:.22s cubic-bezier(.16,1,.3,1) subviewSlideIn}@keyframes subviewSlideIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.profile-subview-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.85rem;display:flex}.profile-subview-header.history-subview-header{border-bottom:none;justify-content:flex-end;margin-bottom:.75rem;padding-bottom:0}.btn-subview-back{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:9999px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-subview-back:hover{border-color:var(--accent-purple-light,#c084fc);background:#9333ea40}.profile-subview-title{color:#fff;margin:0;font-size:1.18rem;font-weight:700}.profile-portal .profile-avatar-wrap{cursor:pointer;transition:transform var(--transition-bounce);flex-shrink:0;position:relative}.profile-portal .profile-avatar-wrap:hover{transform:scale(1.05)}.profile-portal .profile-avatar-emblem{-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#1f1838,#100b21);border:2px solid #a8e83280;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:3rem;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 0 25px #a8e83240,inset 0 2px 6px #ffffff1a}.profile-portal .profile-avatar-wrap:hover .profile-avatar-emblem{border-color:#a8e832;box-shadow:0 0 35px #a8e83280}.profile-portal .profile-avatar-edit-badge{color:#171717;width:28px;height:28px;transition:transform var(--transition-fast);background:#a8e832;border:2px solid #0f0b1e;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 8px #00000080}.profile-portal .profile-avatar-wrap:hover .profile-avatar-edit-badge{transform:scale(1.15)}.profile-portal .profile-details{flex:1;min-width:0}.profile-portal .profile-name-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.35rem;display:flex}.profile-portal .profile-username{color:#fff;letter-spacing:0;text-shadow:none;text-overflow:ellipsis;white-space:nowrap;max-width:min(280px,100vw - 110px);font-family:inherit;font-size:1.18rem;font-weight:600;line-height:1.3;overflow:hidden}.profile-portal .profile-edit-btn{border-radius:var(--radius-full);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);background:#ffffff12;border:1px solid #ffffff26;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.profile-portal .profile-edit-btn:hover{color:#a8e832;background:#a8e83226;border-color:#a8e83266;transform:translateY(-1px)}.profile-portal .profile-rank-tag{font-family:var(--font-mono);color:var(--accent-cyan);align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:flex}.profile-portal .profile-stats-bar{border-radius:var(--radius-full);color:var(--text-muted);background:#0a071299;border:1px solid #ffffff14;align-items:center;gap:.85rem;padding:.45rem 1rem;font-size:.85rem;display:inline-flex}.profile-portal .profile-stat-item{align-items:center;gap:.35rem;display:inline-flex}.profile-portal .profile-stat-text{color:var(--text-main);font-weight:600}.profile-portal .profile-stat-divider{color:#fff3;font-weight:700}.profile-portal .profile-nav-tabs{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.profile-portal .profile-tabs-group{border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141024b3;border-radius:24px;align-items:center;gap:.35rem;padding:.35rem;display:inline-flex}.profile-portal .profile-tab-btn{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:20px;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.profile-portal .profile-tab-btn:hover:not(.active){color:var(--text-main);background:#ffffff0f}.profile-portal .profile-tab-btn.active{color:#171717;background:#a8e832;border-radius:20px;font-weight:700;box-shadow:0 4px 14px #a8e83266}.profile-portal .profile-tab-count{font-size:.72rem;font-weight:700;font-family:var(--font-mono);color:inherit;background:#ffffff1a;border-radius:10px;padding:1px 7px;display:inline-block}.profile-portal .profile-tab-btn.active .profile-tab-count{color:#171717;background:#0003}.profile-portal .btn-clear-history{color:#fca5a5;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);background:#f43f5e1a;border:1px solid #f43f5e4d;border-radius:20px;align-items:center;gap:.45rem;padding:.45rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.profile-portal .btn-clear-history:hover{color:#fff;background:#f43f5e38;border-color:#f43f5e80;transform:translateY(-1px);box-shadow:0 4px 12px #f43f5e4d}.profile-portal .profile-toolbar{border:1px solid var(--border-glass);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#120e1e80;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.5rem .75rem;display:flex}.profile-portal .profile-search-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.profile-portal .profile-search-wrap svg{color:var(--text-muted);pointer-events:none;position:absolute;left:.75rem}.profile-portal .profile-filter-input{border-radius:var(--radius-sm);width:100%;color:var(--text-main);font-family:var(--font-body);transition:all var(--transition-fast);background:#0a071299;border:1px solid #ffffff14;outline:none;padding:.5rem 2rem .5rem 2.25rem;font-size:.85rem}.profile-portal .profile-filter-input:focus{background:#0f0b1ad9;border-color:#a8e83280;box-shadow:0 0 12px #a8e83233}.profile-portal .profile-filter-clear{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:.2rem;font-size:.8rem;line-height:1;position:absolute;right:.65rem}.profile-portal .profile-filter-clear:hover{color:var(--text-main)}.profile-portal .profile-toolbar-controls{flex-shrink:0;align-items:center;display:inline-flex}.profile-portal .btn-profile-sort{border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff1f;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.profile-portal .btn-profile-sort:hover{color:#a8e832;background:#a8e8321f;border-color:#a8e83266;transform:translateY(-1px)}.profile-portal .btn-reset-filter{border-radius:var(--radius-full);color:#a8e832;cursor:pointer;transition:all var(--transition-fast);background:#a8e83226;border:1px solid #a8e83266;align-items:center;gap:.4rem;margin-top:1rem;padding:.45rem 1.15rem;font-size:.82rem;font-weight:600;display:inline-flex}.profile-portal .btn-reset-filter:hover{color:#111;background:#a8e832;box-shadow:0 4px 14px #a8e83266}.profile-portal .profile-continue-banner{margin-bottom:1.25rem}.profile-portal .continue-banner-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#20163ae6 0%,#0e0b18f5 100%);border:1px solid #a855f759;flex-direction:row;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px -4px #0009,0 0 20px #9333ea1f}.profile-portal .continue-banner-card:before{content:"";background:linear-gradient(#a8e832,#a855f7);width:4px;height:100%;position:absolute;top:0;left:0}.profile-portal .continue-poster-wrap{border-radius:var(--radius-sm);background:#110d20;border:1px solid #ffffff1f;flex-shrink:0;width:68px;height:94px;overflow:hidden;box-shadow:0 4px 14px #00000080}.profile-portal .continue-poster{object-fit:cover;width:100%;height:100%;display:block}.profile-portal .continue-details{text-align:left;flex-direction:column;flex:1;justify-content:center;gap:.35rem;min-width:0;display:flex}.profile-portal .continue-title{font-family:var(--font-display);color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:700;line-height:1.25;overflow:hidden}.profile-portal .continue-meta{flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;display:flex}.profile-portal .continue-chapter-pill{font-family:var(--font-mono);color:var(--accent-purple-light);border-radius:var(--radius-sm);background:#9333ea33;border:1px solid #9333ea59;padding:2px 7px;font-size:.72rem;font-weight:600}.profile-portal .continue-source-pill{font-family:var(--font-mono);color:var(--accent-cyan);border-radius:var(--radius-sm);text-transform:uppercase;background:#38bdf81f;border:1px solid #38bdf840;padding:2px 7px;font-size:.72rem;font-weight:700}.profile-portal .continue-actions{align-items:center;gap:.5rem;margin-top:.2rem;display:flex}.profile-portal .btn-continue-resume{color:#171717;border-radius:var(--radius-full);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#a8e832;border:none;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #a8e83259}.profile-portal .btn-continue-resume:hover{background:#baf746;transform:translateY(-1px);box-shadow:0 5px 16px #a8e83280}.profile-portal .btn-continue-details{border-radius:var(--radius-full);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;justify-content:center;align-items:center;padding:.45rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.profile-portal .btn-continue-details:hover{color:#fff;background:#ffffff24}.profile-portal .profile-settings-deck{flex-direction:column;gap:1.75rem;margin-bottom:2rem;animation:.25s profileFadeIn;display:flex}.profile-portal .settings-group-card{border:1px solid var(--border-glass);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#18122abf 0%,#0d0a18e6 100%);padding:1.75rem;box-shadow:0 12px 30px -5px #0009,0 0 20px #9333ea14}.profile-portal .settings-group-header{border-bottom:1px solid #ffffff14;align-items:flex-start;gap:1rem;margin-bottom:.5rem;padding-bottom:1.25rem;display:flex}.profile-portal .settings-group-icon{border-radius:var(--radius-md);background:#ffffff0d;border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.4rem;display:flex}.profile-portal .settings-group-info{flex:1}.profile-portal .settings-group-title{font-family:var(--font-display);color:#fff;margin-bottom:.25rem;font-size:1.15rem;font-weight:700}.profile-portal .settings-group-desc{color:var(--text-dim);font-size:.82rem;line-height:1.45}.profile-portal .settings-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.1rem 0;display:flex}.profile-portal .settings-row:last-child{border-bottom:none;padding-bottom:.25rem}.profile-portal .settings-label-wrap{flex-direction:column;flex:1;gap:.25rem;display:flex}.profile-portal .settings-label-title{color:var(--text-main);font-size:.9rem;font-weight:600}.profile-portal .settings-label-hint{color:var(--text-muted);font-size:.78rem;line-height:1.4}.profile-portal .text-danger{color:#fca5a5!important}.profile-portal .settings-pill-stat{border-radius:var(--radius-full);color:#a8e832;font-family:var(--font-mono);white-space:nowrap;background:#a8e8321f;border:1px solid #a8e8324d;padding:.35rem .85rem;font-size:.8rem;font-weight:700}.profile-portal .settings-select{border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);background:#140f26;border:1px solid #ffffff26;outline:none;min-width:170px;padding:.45rem 1rem;font-size:.85rem;font-weight:600}.profile-portal .settings-select:focus,.profile-portal .settings-select:hover{background:#1a1433;border-color:#a8e83299}.profile-portal .settings-btn-cluster{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.profile-portal .btn-settings-action{border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.82rem;font-weight:600;display:inline-flex}.profile-portal .btn-settings-action:hover{color:#a8e832;background:#a8e8321f;border-color:#a8e83266;transform:translateY(-1px)}.profile-portal .btn-danger{border-radius:var(--radius-md);color:#fca5a5;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#f43f5e1f;border:1px solid #f43f5e59;justify-content:center;align-items:center;padding:.45rem 1rem;font-size:.82rem;font-weight:700;display:inline-flex}.profile-portal .btn-danger:hover{color:#fff;background:#f43f5e;border-color:#f43f5e;transform:translateY(-1px);box-shadow:0 4px 14px #f43f5e66}.profile-portal .toggle-switch{flex-shrink:0;width:46px;height:24px;display:inline-block;position:relative}.profile-portal .toggle-switch input{opacity:0;width:0;height:0}.profile-portal .toggle-slider{cursor:pointer;transition:var(--transition-fast);background-color:#ffffff26;border:1px solid #ffffff1a;border-radius:24px;position:absolute;inset:0}.profile-portal .toggle-slider:before{content:"";width:18px;height:18px;transition:var(--transition-fast);background-color:#fff;border-radius:50%;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 5px #0006}.profile-portal .toggle-switch input:checked+.toggle-slider{background-color:#a8e832;border-color:#a8e832}.profile-portal .toggle-switch input:checked+.toggle-slider:before{background-color:#111;transform:translate(22px)}.profile-portal .profile-card-grid,.profile-portal .profile-history-grid,.profile-portal #profile-history-card-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.profile-portal .profile-card-grid.is-shelves-mode,.profile-portal .profile-history-grid.is-shelves-mode,.profile-portal #profile-history-card-grid.is-shelves-mode{flex-direction:column!important;gap:2rem!important;width:100%!important;display:flex!important}.profile-portal .is-shelves-mode .source-shelf{width:100%}.profile-portal .source-extension-bar{width:100%;margin:.35rem 0 1.25rem}.profile-portal .source-pill-badge{color:#fff;background:#ffffff29;border-radius:9999px;justify-content:center;align-items:center;min-width:1.25rem;margin-left:.2rem;padding:.05rem .45rem;font-size:.72rem;font-weight:700;display:inline-flex}.profile-portal .source-pill.active .source-pill-badge{color:#fff;background:#ffffff47}.profile-portal .manhua-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);content-visibility:auto;contain-intrinsic-size:260px;will-change:transform;flex-direction:column;display:flex;position:relative;overflow:hidden}.profile-portal .manhua-card:hover{border-color:#a8e83299;transform:translateY(-5px);box-shadow:0 10px 25px -5px #000000b3,0 0 20px #a8e83240}.profile-portal .card-poster{aspect-ratio:3/4.4;background:#110d20;position:relative;overflow:hidden}.profile-portal .card-poster img{object-fit:cover;decoding:async;width:100%;height:100%;transition:transform .4s;display:block}.profile-portal .manhua-card:hover .card-poster img{transform:scale(1.06)}.profile-portal .card-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-glow);color:var(--accent-purple-light);font-family:var(--font-mono);border-radius:var(--radius-sm);z-index:2;text-overflow:ellipsis;white-space:nowrap;background:#090810d9;max-width:70%;padding:2px 6px;font-size:.65rem;font-weight:700;position:absolute;top:.5rem;right:.5rem;overflow:hidden}.profile-portal .card-badge.source-badge{color:var(--accent-cyan);border-color:#38bdf866;left:.5rem;right:auto}.profile-portal .card-overlay{opacity:.8;background:linear-gradient(#0000 40%,#090810f2 100%);transition:opacity .3s;position:absolute;inset:0}.profile-portal .manhua-card:hover .card-overlay{opacity:.4}.profile-portal .card-info{flex-direction:column;flex:1;padding:.7rem;display:flex}.profile-portal .card-title{color:var(--text-main);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:.35rem;font-size:.85rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.profile-portal .card-meta{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.25rem;font-size:.72rem;display:flex}.profile-portal .card-chapter{white-space:nowrap;text-overflow:ellipsis;max-width:80%;font-family:var(--font-mono);overflow:hidden}.profile-portal .bookmark-indicator{flex-shrink:0;font-size:.8rem}.profile-portal .profile-empty-state{text-align:center;border:1px dashed var(--border-glass);border-radius:var(--radius-lg);background:#16112666;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:4.5rem 1.5rem;animation:.3s profileFadeIn;display:flex}.profile-portal .empty-icon{filter:drop-shadow(0 0 16px #a8e8324d);margin-bottom:1rem;font-size:3rem}.profile-portal .empty-title{font-family:var(--font-display);color:#fff;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.profile-portal .empty-subtitle{color:var(--text-dim);max-width:420px;font-size:.875rem;line-height:1.5}@media (width<=640px){.profile-portal .profile-container{padding:calc(var(--safe-top) + 1.25rem) .85rem calc(var(--safe-bottom) + 95px)}.profile-portal .profile-header-card{text-align:center;flex-direction:column;gap:1.25rem;padding:1.5rem 1rem}.profile-portal .profile-name-row,.profile-portal .profile-rank-tag{justify-content:center}.profile-portal .profile-nav-tabs{flex-direction:column;align-items:stretch;gap:.75rem}.profile-portal .profile-tabs-group{justify-content:space-around;width:100%}.profile-portal .profile-tab-btn{flex:1;justify-content:center;padding:.5rem .75rem}.profile-portal .btn-clear-history{justify-content:center;width:auto;margin-left:auto}.profile-portal .profile-card-grid:not(.is-shelves-mode),.profile-portal .profile-history-grid:not(.is-shelves-mode),.profile-portal #profile-history-card-grid:not(.is-shelves-mode){gap:.75rem;grid-template-columns:repeat(2,1fr)!important;display:grid!important}.profile-portal .profile-toolbar{flex-wrap:wrap;gap:.6rem}.profile-portal .btn-profile-sort{justify-content:center;width:100%}.profile-portal .continue-banner-card{text-align:left;flex-direction:row;align-items:center;gap:.85rem;padding:.75rem .85rem}.profile-portal .continue-banner-card:before{width:4px;height:100%;top:0;left:0}.profile-portal .continue-poster-wrap{flex-shrink:0;width:64px;height:88px}.profile-portal .continue-title{font-size:.98rem}.profile-portal .continue-meta{justify-content:flex-start}.profile-portal .continue-actions{flex-direction:row;gap:.4rem;width:auto}.profile-portal .btn-continue-resume,.profile-portal .btn-continue-details{justify-content:center;width:auto;padding:.4rem .75rem;font-size:.75rem}.profile-portal .settings-group-card{padding:1.25rem 1rem}.profile-portal .settings-row{flex-direction:column;align-items:flex-start;gap:.75rem}.profile-portal .settings-select,.profile-portal .settings-btn-cluster{width:100%}.profile-portal .btn-settings-action,.profile-portal .btn-danger{justify-content:center;width:100%}}.profile-auth-guest-banner{background:linear-gradient(135deg,#a855f729 0%,#38bdf81a 100%);border:1px solid #a855f759;border-radius:16px;align-items:center;gap:1rem;margin:1.25rem 1rem .5rem;padding:1.1rem 1.25rem;display:flex;box-shadow:0 8px 24px #00000059}.guest-banner-icon{color:#c084fc;background:#a855f733;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.guest-banner-content{flex:1;min-width:0}.guest-banner-title{color:#f1f5f9;margin-bottom:.25rem;font-size:.95rem;font-weight:700}.guest-banner-desc{color:#94a3b8;font-size:.8rem;line-height:1.35}.btn-guest-banner-cta{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#9333ea,#a855f7);border:none;border-radius:10px;flex-shrink:0;padding:.6rem 1rem;font-size:.82rem;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #9333ea66}.btn-guest-banner-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px #9333ea8c}.profile-auth-subview{max-width:520px;margin:0 auto;padding:1.5rem 1rem 3rem}.profile-auth-card-logged-in{background:#120e20f5;border:1px solid #a855f747;border-radius:20px;flex-direction:column;gap:1.25rem;padding:1.75rem 1.5rem;display:flex;box-shadow:0 12px 36px #0009}.auth-card-hero{align-items:center;gap:1.25rem;display:flex}.auth-card-avatar{background:#a855f72e;border:2px solid #a855f766;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex;overflow:hidden}.auth-card-avatar img{object-fit:cover;width:100%;height:100%}.auth-card-user-info{flex:1;min-width:0}.auth-card-name{color:#f8fafc;word-break:break-word;margin:0 0 .2rem;font-size:1.25rem;font-weight:700}.auth-card-handle{color:#c084fc;margin-bottom:.2rem;font-size:.85rem;font-weight:600}.auth-card-email{color:#94a3b8;word-break:break-all;font-size:.82rem}.auth-card-status-badge{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e4d;border-radius:9999px;align-items:center;gap:.5rem;width:fit-content;padding:.4rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.status-dot-pulse{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #22c55e}.auth-card-stats-row{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem 0;display:grid}.auth-card-stat{text-align:center;flex-direction:column;align-items:center;display:flex}.auth-stat-value{color:#f1f5f9;font-size:1.4rem;font-weight:800}.auth-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem;font-size:.75rem}.btn-profile-signout-main{color:#f87171;cursor:pointer;background:#ef444424;border:1px solid #ef444459;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.85rem;font-size:.92rem;font-weight:600;transition:all .2s;display:flex}.btn-profile-signout-main:hover{color:#fff;background:#ef444440;border-color:#ef44448c}.profile-auth-deck{background:#120e20f5;border:1px solid #a855f740;border-radius:20px;flex-direction:column;gap:1.25rem;padding:1.75rem 1.4rem;display:flex;box-shadow:0 12px 36px #0009}.profile-auth-brand{text-align:center;flex-direction:column;align-items:center;display:flex}.profile-auth-logo{border:2px solid #a855f766;border-radius:16px;width:60px;height:60px;margin-bottom:.75rem;overflow:hidden;box-shadow:0 6px 18px #a855f740}.profile-auth-title{letter-spacing:.1em;background:linear-gradient(135deg,#fff 30%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .4rem;font-size:1.4rem;font-weight:800}.profile-auth-subtitle{color:#94a3b8;max-width:320px;margin:0;font-size:.84rem;line-height:1.4}.auth-gate-backdrop{z-index:99999;-webkit-backdrop-filter:blur(22px);background:#05030af2;justify-content:center;align-items:center;padding:1.25rem;animation:.25s ease-out authFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}.auth-gate-card{background:#120e20f5;border:1px solid #a855f747;border-radius:24px;flex-direction:column;gap:1.25rem;width:100%;max-width:430px;margin:auto;padding:2.2rem 1.8rem;display:flex;position:relative;transform:translateY(0);box-shadow:0 20px 50px #000000d9,0 0 40px #a855f71f}.auth-close-btn{color:#94a3b8;cursor:pointer;z-index:10;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.1rem;line-height:1;transition:all .2s;display:flex;position:absolute;top:1.15rem;right:1.15rem}.auth-close-btn:hover{color:#fff;background:#ffffff2e;transform:scale(1.06)}.auth-brand{text-align:center;flex-direction:column;align-items:center;display:flex}.auth-brand-logo{border:2px solid #a855f766;border-radius:18px;width:64px;height:64px;margin-bottom:.85rem;overflow:hidden;box-shadow:0 6px 20px #a855f74d}.auth-logo-img{object-fit:cover;width:100%;height:100%}.auth-brand-title{letter-spacing:.12em;background:linear-gradient(135deg,#fff 30%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.55rem;font-weight:800}.auth-brand-subtitle{color:#94a3b8;margin:.4rem 0 0;font-size:.86rem;line-height:1.4}.auth-tab-switch{background:#0a0712cc;border:1px solid #ffffff14;border-radius:14px;gap:.25rem;padding:.3rem;display:flex}.auth-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:11px;flex:1;padding:.65rem .5rem;font-size:.92rem;font-weight:600;transition:all .18s}.auth-tab-btn:hover{color:#fff}.auth-tab-btn.active{color:#fff;background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 4px 15px #9333ea59}.auth-alert{border-radius:12px;padding:.75rem 1rem;font-size:.85rem;line-height:1.4;animation:.2s ease-out authFadeIn}.auth-alert.error{color:#fca5a5;background:#ef444426;border:1px solid #ef444459}.auth-alert.success{color:#86efac;background:#10b98126;border:1px solid #10b98159}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-field{flex-direction:column;gap:.4rem;display:flex}.auth-field label{color:#cbd5e1;font-size:.82rem;font-weight:600}.auth-input{color:#fff;box-sizing:border-box;background:#0a0712d9;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.auth-input::placeholder{color:#64748b}.auth-password-wrapper{align-items:center;width:100%;display:flex;position:relative}.auth-password-wrapper .auth-input{padding-right:2.85rem}.auth-password-toggle{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.45rem;transition:color .18s,background-color .18s,transform .18s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.auth-password-toggle:hover{color:#c084fc;background:#a855f724}.auth-password-toggle:active{transform:translateY(-50%)scale(.93)}.auth-password-toggle:focus-visible{outline-offset:1px;color:#e9d5ff;outline:2px solid #a855f7}.auth-password-toggle svg{width:18px;height:18px;display:block}.auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.85rem 1.25rem;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;display:flex;box-shadow:0 6px 20px #a855f761}.auth-submit-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 25px #a855f780}.auth-submit-btn:active{transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer-help{text-align:center;color:#94a3b8;margin-top:.4rem;font-size:.82rem}.auth-footer-help a{color:#c084fc;font-weight:600;text-decoration:none}.auth-footer-help a:hover{text-decoration:underline}.watch-portal{width:100%;min-height:100vh;padding-bottom:calc(var(--safe-bottom) + 90px);color:#f1f5f9;box-sizing:border-box;background:#0b0a10;position:relative}@media (width>=769px){.watch-portal{padding-bottom:3.5rem!important}}.watch-header{z-index:100;-webkit-backdrop-filter:blur(18px);background:#0d0b14e0;border-bottom:1px solid #ffffff14;flex-direction:column;gap:.75rem;padding:.85rem 1.25rem .65rem;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000073}.watch-header-main{justify-content:space-between;align-items:center;gap:1rem;display:flex}.watch-brand-wrap{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.watch-brand-icon{filter:drop-shadow(0 0 10px #a8e83266);font-size:1.6rem;animation:3s ease-in-out infinite pulseWatchIcon}@keyframes pulseWatchIcon{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.watch-brand-info{flex-direction:column;display:flex}.watch-brand-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 40%,#a8e832 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.15rem;font-weight:800}.watch-brand-sub{color:#94a3b8;font-size:.72rem;font-weight:500}.watch-search-wrap{flex:1;max-width:520px;position:relative}.watch-search-pill{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:.5rem;padding:.35rem .65rem .35rem .85rem;transition:all .2s;display:flex}.watch-search-pill:focus-within{background:#ffffff17;border-color:#a8e832;box-shadow:0 0 15px #a8e83238}.watch-search-icon{stroke:#94a3b8;flex-shrink:0}.watch-search-input{color:#f1f5f9;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:.85rem}.watch-search-input::placeholder{color:#64748b;font-size:.8rem}.watch-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.2rem .4rem;font-size:.9rem;display:flex}.watch-search-clear:hover{color:#f87171;background:#f8717126}.watch-search-submit{color:#0b0a10;cursor:pointer;background:#a8e832;border:none;border-radius:9999px;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s,background .15s;display:flex}.watch-search-submit:hover{background:#bef264;transform:scale(1.06)}.watch-suggest-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:150;background:#120f1cf5;border:1px solid #a8e8324d;border-radius:14px;flex-direction:column;max-height:280px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #000c,0 0 16px #a8e8321f}.watch-suggest-item{color:#e2e8f0;cursor:pointer;align-items:center;gap:.65rem;padding:.6rem .95rem;font-size:.82rem;transition:background .15s,color .15s;display:flex}.watch-suggest-item:hover{color:#a8e832;background:#a8e8321f}.watch-chips-track{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:.5rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.watch-chips-track::-webkit-scrollbar{display:none}.watch-chip{color:#94a3b8;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;flex-shrink:0;padding:.42rem .95rem;font-size:.76rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.watch-chip:hover{color:#f1f5f9;background:#ffffff1a;border-color:#fff3}.watch-chip.active{color:#a8e832;background:#a8e83226;border-color:#a8e832;box-shadow:0 0 12px #a8e83240}.watch-content-wrap{flex-direction:column;gap:1.5rem;max-width:1320px;margin:0 auto;padding:1.25rem 1rem;display:flex}.watch-cinema-stage{background:#0f0c18d9;border:1px solid #a8e83247;border-radius:20px;padding:1rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 12px 40px #000000b3}.watch-cinema-stage.theater-mode{z-index:10000;background:#000;border-radius:0;flex-direction:column;padding:0;display:flex;position:fixed;inset:0}.watch-ambient-glow{filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(circle,#a8e8322e 0%,#0000 70%);width:60%;height:60%;position:absolute;top:-20%;left:20%}.watch-player-frame-wrap{z-index:1;background:#000;border-radius:14px;width:100%;padding-top:56.25%;position:relative;overflow:hidden;box-shadow:0 8px 30px #000c}.watch-cinema-stage.theater-mode .watch-player-frame-wrap{border-radius:0;flex:1;height:100%;padding-top:0}.watch-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.watch-video-deck{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.95rem;display:flex;position:relative}.watch-cinema-stage.theater-mode .watch-video-deck{background:#0a0a0ff2;border-top:1px solid #ffffff1a;margin-top:0;padding:.75rem 1.25rem}.watch-deck-info{flex:1;min-width:260px}.watch-video-title{color:#f8fafc;margin:0 0 .35rem;font-size:1.1rem;font-weight:700;line-height:1.35}.watch-video-meta{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.watch-channel-badge{color:#a8e832;align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.watch-channel-dot{background:#a8e832;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #a8e832}.watch-meta-divider{color:#475569}.watch-deck-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.watch-action-btn{color:#e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.76rem;font-weight:600;transition:all .18s;display:inline-flex}.watch-action-btn:hover{color:#fff;background:#ffffff24;border-color:#ffffff40;transform:translateY(-1px)}.btn-watch-share-chat{color:#a8e832;background:#a8e83226;border-color:#a8e83266}.btn-watch-share-chat:hover{color:#0b0a10;background:#a8e832;box-shadow:0 0 14px #a8e83266}.btn-watch-close{color:#94a3b8;padding:.45rem .65rem}.btn-watch-close:hover{color:#ef4444;background:#ef444426;border-color:#ef444466}.watch-feed-section{flex-direction:column;gap:1rem;display:flex}.watch-feed-header{justify-content:space-between;align-items:baseline;display:flex}.watch-feed-title{letter-spacing:-.01em;color:#f1f5f9;margin:0;font-size:1.1rem;font-weight:800}.watch-feed-count{color:#64748b;font-size:.78rem;font-weight:600}.watch-video-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.15rem;display:grid}.watch-card{cursor:pointer;background:#120f1cb3;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 4px 16px #0006}.watch-card:hover{border-color:#a8e83273;transform:translateY(-4px);box-shadow:0 10px 28px #0009,0 0 16px #a8e83226}.watch-card.active-playing{border-color:#a8e832;box-shadow:0 0 18px #a8e83259}.watch-card-thumb-wrap{background:#14121e;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.watch-card-thumb{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.watch-card:hover .watch-card-thumb{transform:scale(1.04)}.watch-card-duration{color:#fff;letter-spacing:.02em;background:#000000d9;border:1px solid #ffffff26;border-radius:6px;padding:.15rem .45rem;font-size:.7rem;font-weight:700;position:absolute;bottom:8px;right:8px}.watch-card-play-overlay{color:#0b0a10;opacity:0;background:#a8e832e6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8);box-shadow:0 4px 18px #0009}.watch-card:hover .watch-card-play-overlay{opacity:1;transform:translate(-50%,-50%)scale(1)}.watch-card-body{flex-direction:column;flex:1;gap:.4rem;padding:.85rem;display:flex}.watch-card-title{color:#f1f5f9;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.88rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.watch-card-channel{color:#a8e832;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.watch-card-meta{color:#64748b;align-items:center;gap:.35rem;margin-top:auto;font-size:.72rem;display:flex}.watch-card-skeleton{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;min-height:220px;animation:1.6s ease-in-out infinite watchPulse;overflow:hidden}@keyframes watchPulse{0%,to{opacity:.6}50%{opacity:.3}}.watch-state-box{text-align:center;color:#94a3b8;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.watch-state-icon{margin-bottom:.25rem;font-size:2.4rem}.watch-state-title{color:#f1f5f9;font-size:1.1rem;font-weight:700}.watch-state-desc{max-width:360px;font-size:.82rem;line-height:1.5}.watch-mini-player{bottom:calc(var(--safe-bottom) + 85px);z-index:995;-webkit-backdrop-filter:blur(16px);cursor:pointer;background:#120e1ef2;border:1px solid #a8e83273;border-radius:16px;align-items:center;gap:.75rem;max-width:320px;padding:.55rem .85rem;animation:.25s cubic-bezier(.16,1,.3,1) slideInMini;display:flex;position:fixed;right:18px;box-shadow:0 10px 30px #000c,0 0 16px #a8e83233}@keyframes slideInMini{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.watch-mini-thumb-wrap{background:#000;border-radius:8px;flex-shrink:0;width:52px;height:36px;position:relative;overflow:hidden}.watch-mini-thumb-wrap img{object-fit:cover;width:100%;height:100%}.watch-mini-pulse{background:#a8e832;border-radius:50%;width:8px;height:8px;animation:1.4s infinite pulseDot;position:absolute;top:4px;right:4px;box-shadow:0 0 6px #a8e832}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.watch-mini-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.watch-mini-title{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.watch-mini-channel{color:#a8e832;font-size:.7rem;font-weight:600}.watch-mini-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.watch-mini-btn{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;transition:all .15s;display:flex}.watch-mini-btn:hover{color:#a8e832;background:#a8e83233;border-color:#a8e832}@media (width<=768px){.watch-header{gap:.6rem;padding:.65rem .85rem .55rem}.watch-header-main{flex-direction:column;align-items:stretch;gap:.6rem}.watch-brand-wrap{justify-content:flex-start}.watch-search-wrap{max-width:100%}.watch-content-wrap{gap:1.15rem;padding:.85rem .65rem}.watch-cinema-stage{border-radius:16px;padding:.65rem}.watch-video-title{font-size:.98rem}.watch-deck-actions{justify-content:space-between;width:100%}.watch-action-btn{padding:.4rem .65rem;font-size:.72rem}.watch-video-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.watch-card-body{padding:.65rem}.watch-card-title{font-size:.8rem}.watch-mini-player{right:12px;bottom:calc(var(--safe-bottom) + 72px);max-width:280px;padding:.45rem .65rem}}.quick-reply-banner-container{top:max(12px, calc(env(safe-area-inset-top,0px) + 8px));z-index:99999;-webkit-backdrop-filter:blur(20px);color:#fff;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#12141df5;border:1px solid #ffffff24;border-radius:20px;width:calc(100% - 24px);max-width:450px;padding:12px 14px;transition:transform .38s cubic-bezier(.16,1,.3,1),opacity .3s,visibility .3s;position:fixed;left:50%;transform:translate(-50%)translateY(-160%);box-shadow:0 16px 40px #000000a6,0 0 0 1px #ffffff0d}.quick-reply-banner-container.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.quick-reply-top-row{align-items:center;gap:12px;display:flex}.quick-reply-avatar-wrap{flex-shrink:0;width:42px;height:42px;position:relative}.quick-reply-avatar{object-fit:cover;border:1.5px solid var(--accent-gold,#f59e0b);background:#232736;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.35rem;display:flex;overflow:hidden}.quick-reply-online-dot{background:#10b981;border:2px solid #12141d;border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;right:0}.quick-reply-body{cursor:pointer;flex:1;min-width:0}.quick-reply-header{align-items:center;gap:6px;margin-bottom:2px;display:flex}.quick-reply-sender{color:#f3f4f6;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;font-size:.92rem;font-weight:700;overflow:hidden}.quick-reply-badge{color:#fbbf24;white-space:nowrap;background:#f59e0b29;border:1px solid #f59e0b40;border-radius:6px;padding:1px 6px;font-size:.68rem;font-weight:600}.quick-reply-time{color:#fff6;white-space:nowrap;margin-left:auto;font-size:.7rem}.quick-reply-text{color:#ffffffd1;white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;line-height:1.35;overflow:hidden}.quick-reply-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn-qr-action{color:#fbbf24;cursor:pointer;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .18s;display:flex}.btn-qr-action:hover,.btn-qr-action:active{background:#f59e0b47;transform:scale(1.03)}.btn-qr-close{color:#fff9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:all .18s;display:flex}.btn-qr-close:hover,.btn-qr-close:active{color:#fff;background:#ffffff2e}.quick-reply-input-tray{border-top:1px solid #ffffff14;align-items:center;gap:8px;margin-top:10px;padding-top:10px;animation:.22s ease-out qrSlideDown;display:none}.quick-reply-input-tray.open{display:flex}@keyframes qrSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.quick-reply-input{color:#fff;background:#0006;border:1px solid #ffffff29;border-radius:20px;outline:none;flex:1;padding:8px 14px;font-size:.85rem;transition:border-color .18s}.quick-reply-input:focus{border-color:#f59e0b}.quick-reply-input::placeholder{color:#ffffff73}.btn-qr-send{color:#12141d;cursor:pointer;background:#f59e0b;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:700;transition:transform .16s,background .16s;display:flex}.btn-qr-send:hover{background:#fbbf24;transform:scale(1.06)}.btn-qr-send:active{transform:scale(.95)}.btn-qr-send.sent{color:#fff;background:#10b981}.quick-reply-status-msg{color:#10b981;align-items:center;gap:4px;margin-top:6px;font-size:.78rem;font-weight:600;display:none}@media (width<=480px){.quick-reply-banner-container{top:max(8px, calc(env(safe-area-inset-top,0px) + 6px));width:calc(100% - 16px);padding:10px 12px}.quick-reply-avatar-wrap{width:36px;height:36px}.quick-reply-sender{font-size:.86rem}.btn-qr-action{padding:5px 9px;font-size:.74rem}}