@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap";
:root{--primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--primary:#667eea;--primary-hover:#5a6fd6;--primary-light:#667eea26;--bg-body:#0f0f23;--bg-card:#ffffff0d;--bg-card-hover:#ffffff1a;--bg-glass:#ffffff14;--bg-input:#ffffff0d;--text-primary:#fff;--text-secondary:#a0aec0;--text-muted:#718096;--border-glass:#ffffff1a;--border-hover:#fff3;--shadow-glass:0 8px 32px #0000004d;--shadow-card:0 4px 20px #0003;--amazon-orange:#f90;--wattpad-orange:#ff500a;--epub-blue:#3b82f6;--galatea-purple:#9333ea;--goodnovel-green:#10b981;--dreame-pink:#ec4899;--joyread-red:#ef4444;--moboreader-cyan:#06b6d4;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease}[data-theme=light]{--bg-body:#f8fafc;--bg-card:#ffffffe6;--bg-card-hover:#fff;--bg-glass:#fffc;--bg-input:#00000008;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-glass:#00000014;--border-hover:#00000026;--shadow-glass:0 8px 32px #00000014;--shadow-card:0 4px 20px #0000000f;--primary-light:#667eea1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-body);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6,.navbar-brand,.detail-title,.sidebar-title,.section-title,.page-header-compact h1,.bento-stat-value{font-family:Outfit,Inter,sans-serif}body:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(at 10% 20%,#667eea1f 0%,#0000 50%),radial-gradient(at 90% 80%,#764ba21f 0%,#0000 50%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:-1;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}[data-theme=light] body:before{background-image:radial-gradient(at 10% 20%,#667eea0f 0%,#0000 50%),radial-gradient(at 90% 80%,#764ba20f 0%,#0000 50%)}.navbar{z-index:1000;background:rgba(var(--bg-rgb),.85);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(var(--text-rgb),.08);height:56px;padding:0 var(--spacing-lg);transition:all var(--transition-normal);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar-container{justify-content:space-between;align-items:center;gap:var(--spacing-lg);width:100%;max-width:1600px;margin:0 auto;display:flex}:root{--bg-rgb:15,23,42;--text-rgb:255,255,255}[data-theme=light]{--bg-rgb:255,255,255;--text-rgb:15,23,42}.navbar-brand{align-items:center;gap:var(--spacing-xs);color:var(--text-primary);letter-spacing:-.01em;font-size:1rem;font-weight:500;text-decoration:none;display:flex}.navbar-brand span{opacity:.9}.navbar-brand svg{width:24px;height:24px}.navbar-actions{align-items:center;gap:var(--spacing-md);display:flex}.theme-toggle{background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:var(--spacing-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-hover)}.theme-toggle svg{width:18px;height:18px}.platform-tabs.minimal{gap:var(--spacing-xs);box-shadow:none;scrollbar-width:none;background:0 0;border:none;flex-wrap:nowrap;align-items:center;margin:0;padding:0;display:flex;overflow-x:auto}.platform-tabs.minimal::-webkit-scrollbar{display:none}.platform-tabs.minimal .platform-tab{white-space:nowrap;height:auto;color:var(--text-primary);opacity:.7;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;transition:all .2s;display:flex}.platform-tabs.minimal .platform-tab:hover{background:rgba(var(--text-rgb),.05);opacity:1}.platform-tabs.minimal .platform-tab.active{background:rgba(var(--text-rgb),.08);border-color:rgba(var(--text-rgb),.1);opacity:1;font-weight:500}.platform-tabs.minimal .platform-tab-icon{border-radius:4px;width:20px;height:20px;font-size:.65rem}.platform-tabs{gap:var(--spacing-xs);min-width:max-content;display:flex}.platform-tab{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #0000;font-size:.875rem;font-weight:500;display:flex}.platform-tab:hover{background:var(--bg-card);color:var(--text-primary)}.platform-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 15px -2px var(--platform-color);background:var(--platform-color)!important}.platform-icon-box{background:var(--bg-input);width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:flex}.platform-icon-box svg{width:18px;height:18px}.platform-icon-box.active{color:#fff;background:#fff3}.tab-short-name{font-size:.7rem;font-weight:700}.platform-tab-icon{background-color:var(--platform-color);color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #0000001a}.platform-tab.active .platform-tab-icon{background-color:#fff3;border-color:#0000}.platform-name{font-weight:600}.container{max-width:1600px;padding:0 var(--spacing-lg);margin:0 auto}@media (min-width:768px){.novels-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.novels-grid{gap:var(--spacing-xl);grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.novels-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1600px){.novels-grid{grid-template-columns:repeat(6,1fr)}}.main-content{min-height:100vh;padding-top:80px}.page-header-compact{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;display:flex}.page-header-compact h1{align-items:center;gap:var(--spacing-sm);font-size:1.25rem;font-weight:600;display:flex}.platform-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:100px;align-items:center;gap:3px;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-flex}.platform-badge svg{width:12px;height:12px}.page-header-compact .platform-badge{background:var(--primary-light);color:var(--primary);padding:2px 6px;font-size:.6rem}.novels-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.novel-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:inherit;will-change:transform,box-shadow;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.novel-card:after{content:"";pointer-events:none;z-index:10;background:linear-gradient(90deg,#fff0 0%,#ffffff1a 50%,#fff0 100%);transition:transform .5s;position:absolute;inset:0;transform:skew(-25deg)translate(-150%)}.novel-card:hover{box-shadow:var(--shadow-lg),0 0 20px #667eea33;border-color:var(--primary);background:var(--bg-card-hover);transform:translateY(-4px)}.novel-card:hover:after{transition:transform .7s;transform:skew(-25deg)translate(150%)}.novel-card:active{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{background:var(--bg-input);width:100%;padding-top:140%;transition:transform .3s;position:relative;overflow:hidden}.fallback-card-content{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.fallback-title-styled{color:#fff;text-shadow:0 2px 8px #0000004d;text-overflow:ellipsis;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;font-size:.9rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.card-cover{object-fit:cover;z-index:2;background-color:#0000;width:101%;height:101%;transition:opacity .6s;position:absolute;top:0;left:0}.card-cover.loading{opacity:0!important}.card-cover.loaded{opacity:1!important}.novel-card:hover .card-cover{transform:scale(1.08)}.card-header .platform-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background-color:#000000b3;border:1px solid #ffffff1a;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #0000004d}.trend-badge{border-radius:var(--radius-full);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border:1px solid #fff3;align-items:center;gap:2px;padding:4px 8px;font-family:Fira Code,monospace;font-size:.75rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;bottom:-6px;right:-6px;transform:rotate(5deg)scale(.9);box-shadow:0 4px 12px #0003}.trend-badge.inline{height:20px;padding:2px 6px;font-size:.7rem;position:relative;top:auto;bottom:auto;right:auto;transform:none;box-shadow:0 2px 6px #00000026}.novel-card:hover .trend-badge{transform:rotate(0)scale(1)}.novel-card:hover .trend-badge.inline{transform:scale(1.05)}.trend-badge.rise{text-shadow:0 1px 2px #00000080;background:linear-gradient(135deg,#ef4444cc,#dc2626e6);border-bottom:2px solid #b91c1c}.trend-badge.fall{text-shadow:0 1px 2px #00000080;background:linear-gradient(135deg,#10b981cc,#059669e6);border-bottom:2px solid #047857}.filter-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:all var(--transition-normal)}.filter-row{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.filter-group{gap:var(--spacing-xs);flex-direction:column;display:flex;position:relative}.filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.filter-select,.filter-input{appearance:none;background-color:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:var(--spacing-sm)var(--spacing-xl)var(--spacing-sm)var(--spacing-md);color:var(--text-primary);cursor:pointer;min-width:140px;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' 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");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;font-family:inherit;font-size:.875rem}.filter-select:hover,.filter-input:hover{border-color:var(--border-hover);background-color:var(--bg-card-hover)}.filter-select:focus,.filter-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}.reset-button{border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:var(--spacing-sm)var(--spacing-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;font-size:.8rem;display:flex}.reset-button:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.reset-button svg{transition:transform .3s}.reset-button:hover svg{transform:rotate(-180deg)}.filter-select option{color:var(--text-primary);background-color:#1a1a2e;padding:8px}.filter-tags{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.filter-tag{background:var(--bg-input);border:1px solid var(--border-glass);padding:var(--spacing-xs)var(--spacing-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border-radius:100px;font-size:.75rem;font-weight:500}.filter-tag:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.filter-tag:active{transform:translateY(0)}.filter-tag.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px #667eea66}.view-mode-switcher{grid-column:1/-1;gap:8px;width:100%;margin-bottom:4px;display:flex}.view-mode-btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:#ffffff08;border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.75rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.view-mode-btn svg{opacity:.7;transition:opacity .2s}.view-mode-btn:hover{color:var(--text-secondary);background:#ffffff14}.view-mode-btn.active.grid{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d;box-shadow:0 0 15px #3b82f61a}.view-mode-btn.active.grid svg{opacity:1;color:#60a5fa}.view-mode-btn.active.trends{color:#34d399;background:#10b98126;border-color:#10b9814d;box-shadow:0 0 15px #10b9811a}.view-mode-btn.active.trends svg{opacity:1;color:#34d399}.trend-list-item{color:inherit;text-decoration:none}.trend-list-item h3{text-decoration:none;color:var(--text-primary)!important}.trend-list-item:hover h3{color:var(--primary)!important}.filter-tag.mini{padding:1px 10px;font-size:.7rem}.filter-tag.micro{background:0 0;border-style:dashed;padding:0 8px;font-size:.65rem}.filter-tag.micro:hover,.filter-tag.micro.active{border-style:solid}.novels-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.novels-count{color:var(--text-secondary);font-size:.875rem}.novel-info{padding:var(--spacing-sm)var(--spacing-sm);flex-direction:column;flex:1;gap:2px;display:flex}.novel-title-row{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:2px;display:flex}.novel-title{text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:.85rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.novel-meta-row{justify-content:space-between;align-items:center;gap:8px;min-height:20px;margin-bottom:6px;display:flex}.novel-author{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.75rem;overflow:hidden}.trend-badge-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff1a;border-radius:100px;flex-shrink:0;align-items:center;gap:4px;padding:1px 8px;font-family:Fira Code,monospace;font-size:.65rem;font-weight:800;display:inline-flex}.trend-badge-pill.rise{color:#ef4444;background:#ef444426;border-color:#ef444433}.trend-badge-pill.fall{color:#10b981;background:#10b98126;border-color:#10b98133}.novel-stats-grid{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;display:flex}.stats-group{align-items:center;gap:10px;display:flex}.stats-group.secondary{opacity:.6}.stats-divider{background:var(--border-glass);flex-shrink:0;width:1px;height:10px}.novel-stat{color:var(--text-secondary);align-items:center;gap:4px;font-size:.72rem;font-weight:500;display:flex}.novel-stat svg{opacity:.9;flex-shrink:0;width:14px;height:14px}.icon-accent{background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.stat-reads .icon-accent{color:#38bdf8;background:#38bdf81f}.stat-comments .icon-accent{color:#34d399;background:#34d3991f}.stat-rating .icon-accent{color:#fbbf24;background:#fbbf241f}.stat-chapters .icon-accent{color:#818cf8;background:#818cf81f}.stat-reads svg,.rec-stat-reads svg{color:#38bdf8!important}.rank-badge{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;pointer-events:none;background:#000000bf;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 4px 10px #0000004d}.rank-badge:before{content:"";opacity:.8;margin-right:0;font-size:.65rem;font-weight:400}.rank-badge.top-3{background:linear-gradient(135deg,var(--primary),#764ba2);border-color:#fff6;box-shadow:0 0 15px #667eea66}.novel-card:first-child .rank-badge.top-3{color:#5c4000;background:linear-gradient(135deg,#fceabb,#f8b500);border-color:#fff9}.novel-card:nth-child(2) .rank-badge.top-3{color:#333;background:linear-gradient(135deg,#e0e0e0,#bdbdbd);border-color:#fff9}.novel-card:nth-child(3) .rank-badge.top-3{color:#fff;background:linear-gradient(135deg,#e8985e,#a05a2c);border-color:#fff6}.stat-rating svg,.rec-stat-rating svg{color:#fbbf24!important}.stat-chapters svg,.rec-stat-chapters svg{color:#818cf8!important}.novel-card:hover .icon-accent{transform:scale(1.1)}.global-score-badge{color:#fff;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#6366f1,#a855f7);border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:800;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 4px 12px #6366f1}.global-score-badge svg{filter:drop-shadow(0 0 2px #ffffff80)}.platform-ranks-container{border-top:1px solid var(--border-glass);flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:8px;display:flex}.platform-rank-label{color:var(--text-secondary);border:1px solid var(--border-glass);background:#ffffff0d;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:.7rem;font-weight:700;display:flex}.platform-rank-label .p-dot{border-radius:50%;width:6px;height:6px}.novel-tags{gap:var(--spacing-xs);flex-wrap:wrap;margin-top:auto;display:flex}.novel-tag{background:var(--primary-light);color:var(--primary);border:1px solid #667eea33;border-radius:4px;padding:2px 8px;font-size:.65rem}.detail-tag{border:1px solid var(--border-glass);color:var(--text-secondary);transition:all var(--transition-fast);cursor:default;background:#ffffff0d;border-radius:6px;padding:6px 14px;font-size:.85rem}.detail-tag:hover{background:var(--primary-light);border-color:var(--primary);color:var(--text-primary);transform:translateY(-2px)}.novel-detail{gap:var(--spacing-2xl);flex-direction:column;max-width:1340px;margin:0 auto;padding-bottom:4rem;animation:.5s page-enter;display:flex}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.detail-content-layout{grid-template-columns:1fr 340px;align-items:flex-start;gap:2.5rem;display:grid}.detail-main-area{gap:var(--spacing-2xl);flex-direction:column;display:flex}.detail-header{gap:var(--spacing-2xl);padding:var(--spacing-2xl);background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);z-index:1;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 10px 40px -5px #0000004d}.detail-left-col{gap:var(--spacing-md);z-index:10;flex-direction:column;flex-shrink:0;width:240px;margin-bottom:0;display:flex;transform:translateY(-20px)}.detail-cover-wrapper{aspect-ratio:2/3;border-radius:var(--radius-lg);width:100%;transition:all var(--transition-normal);background:var(--bg-input);border:1px solid #ffffff26;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0006,0 30px 60px -12px #000000b3}.detail-cover-wrapper:hover{transform:scale(1.02)}.detail-aside-actions{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.btn-aside{justify-content:center;width:100%;border-radius:var(--radius-md)!important;padding:12px!important;font-size:.9rem!important}.detail-cover-fallback{aspect-ratio:5/7;background:linear-gradient(135deg,var(--primary-light),#764ba24d);width:100%;color:var(--text-secondary);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.detail-info{gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.detail-title{color:var(--text-primary);letter-spacing:-.04em;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;line-height:1.1}.detail-stats{gap:var(--spacing-xl);padding:var(--spacing-lg)0;border-top:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass);margin:var(--spacing-sm)0;grid-template-columns:repeat(4,1fr);display:grid}.detail-stat{text-align:center;transition:transform var(--transition-fast)}.detail-stat:hover{transform:translateY(-2px)}.detail-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:800}.detail-actions{gap:var(--spacing-md);margin-top:auto;display:flex}.detail-actions .btn{transition:all var(--transition-fast)}.detail-actions .btn:active{transform:scale(.96)}.btn-box{letter-spacing:.05em;text-transform:uppercase;padding:12px 28px;font-size:.9rem;font-weight:700;border-radius:8px!important}.detail-recommend-sidebar{gap:var(--spacing-xl);flex-direction:column;display:flex;position:sticky;top:120px}.sidebar-title{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;display:flex}.sidebar-rec-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.sidebar-rec-item{gap:var(--spacing-lg);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;background:#ffffff08;padding:16px;text-decoration:none;display:flex}.sidebar-rec-item:hover{border-color:var(--primary);background:#ffffff0f;transform:translateY(-4px);box-shadow:0 10px 30px -10px #00000080}.rec-cover-mini{border-radius:var(--radius-sm);background:var(--bg-card-hover);flex-shrink:0;width:65px;height:92px;overflow:hidden;box-shadow:0 4px 12px #0006}.rec-cover-mini img{object-fit:cover;width:100%;height:100%}.rec-details{flex-direction:column;gap:8px;display:flex}.rec-title-mini{font-size:.95rem;font-weight:700;line-height:1.3}.rec-stats-mini{flex-wrap:wrap;align-items:center;gap:12px;margin-top:2px;font-size:.75rem;font-weight:500;display:flex}.rec-stats-mini span{color:var(--text-secondary);align-items:center;gap:5px;display:flex}.rec-stats-mini svg{stroke-width:2.5px;width:12px;height:12px}.rec-stat-reads{color:#38bdf8!important}.rec-stat-comments{color:#34d399!important}.rec-stat-rating{color:#fbbf24!important}.rec-stat-chapters{color:#818cf8!important}.rec-status-badge{color:#10b981;background:#10b9811a;border-radius:3px;align-items:center;padding:0 4px;font-size:.7rem;font-weight:600;display:inline-flex}.rec-tags-mini{flex-wrap:wrap;gap:3px;margin-top:2px;display:flex}.rec-tags-mini span{color:#818cf8;white-space:nowrap;background:#667eea1a;border:1px solid #818cf833;border-radius:4px;padding:2px 6px;font-size:.65rem}.detail-tags-full{padding:var(--spacing-xl);border-radius:var(--radius-xl);border:1px solid var(--border-glass);margin-top:var(--spacing-xl);background:#ffffff08}.tags-title{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.tags-container{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.detail-tag{color:#818cf8;background:#667eea1a;border:1px solid #818cf833;border-radius:100px;padding:6px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-block}.detail-tag:hover{background:#667eea33;transform:translateY(-1px);box-shadow:0 4px 12px #667eea26}@media (max-width:1024px){.detail-content-layout{grid-template-columns:1fr}.detail-recommend-sidebar{margin-top:var(--spacing-2xl);position:static}.detail-header{text-align:center;flex-direction:column;align-items:center;padding-top:50px}.detail-left-col{margin-bottom:var(--spacing-md);width:180px;transform:translateY(0)}.detail-stats{width:100%;max-width:500px}.detail-actions{justify-content:center;width:100%}}.recommendations-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.detail-actions{gap:var(--spacing-md);display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}@media (max-width:1024px){.detail-header{text-align:center;flex-direction:column;align-items:center}.detail-cover-wrapper{width:180px}.detail-title{font-size:1.75rem}.detail-stats,.detail-tags{justify-content:center}.detail-actions{flex-wrap:wrap;justify-content:center}}.btn-secondary{background:var(--bg-input);border:1px solid var(--border-glass);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.rec-card{background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);color:inherit;text-decoration:none}.rec-card-pro{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:var(--spacing-sm);gap:var(--spacing-xs);transition:all var(--transition-normal);background:#ffffff08;border:1px solid #ffffff0d;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.rec-card-pro:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000,#ffffff0d);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rec-card-pro:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.rec-cover{aspect-ratio:3/4;border-radius:var(--radius-sm);object-fit:cover;width:100%;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--primary-light),#764ba233)}.rec-title{-webkit-line-clamp:2;line-clamp:2;margin-bottom:var(--spacing-xs);-webkit-box-orient:vertical;font-size:.75rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.rec-stats{color:var(--text-secondary);gap:12px;margin-top:4px;font-size:.75rem;font-weight:500;display:flex}.rec-stat-item{align-items:center;gap:5px;display:flex}.rec-stat-item svg{opacity:.9}.back-link{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);margin-bottom:var(--spacing-lg);transition:color var(--transition-fast);font-size:.8rem;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--text-primary)}.back-link svg{width:14px;height:14px}.breadcrumb{align-items:center;gap:var(--spacing-sm);color:var(--text-muted);margin-bottom:var(--spacing-lg);font-size:.8rem;display:flex}.breadcrumb a{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.breadcrumb a:hover{color:var(--text-primary)}.breadcrumb-separator{opacity:.5}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.empty-state svg{opacity:.3;width:64px;height:64px;margin-bottom:var(--spacing-md)}.loading{padding:var(--spacing-2xl);justify-content:center;align-items:center;display:flex}.loading-spinner{border:3px solid var(--border-glass);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.navbar{top:var(--spacing-sm);left:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md)}.main-content{padding-top:70px}.platform-tabs-wrapper{border-radius:var(--radius-md);top:70px}.platform-tabs{padding:0 var(--spacing-sm)}.platform-tab{padding:var(--spacing-xs)var(--spacing-sm);font-size:.8rem}.platform-tab span:not(.platform-tab-icon){display:none}.novel-card{padding:var(--spacing-md);gap:var(--spacing-md)}.novel-cover{width:70px;height:100px}.detail-header{text-align:center;flex-direction:column;align-items:center}.detail-stats,.detail-tags{justify-content:center}.detail-actions{flex-wrap:wrap;justify-content:center}}.bento-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(12,1fr);display:grid}.bento-tile{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);background:#ffffff08;border:1px solid #ffffff0d;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.bento-tile:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000,#ffffff0d);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bento-tile:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.tile-col-3{grid-column:span 3}.tile-col-4{grid-column:span 4}.tile-col-6{grid-column:span 6}.tile-col-8{grid-column:span 8}.tile-col-9{grid-column:span 9}.tile-col-12{grid-column:span 12}@media (max-width:1024px){.tile-col-3,.tile-col-4,.tile-col-6,.tile-col-8,.tile-col-9{grid-column:span 6}}@media (max-width:768px){.bento-grid{grid-template-columns:1fr}.tile-col-3,.tile-col-4,.tile-col-6,.tile-col-8,.tile-col-9,.tile-col-12{grid-column:span 1}}.font-stats{letter-spacing:-.02em;font-family:Fira Code,monospace}.font-heading-pro{letter-spacing:-.02em;font-family:Inter,sans-serif;font-weight:700}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-input);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.demo-stats-row{gap:var(--spacing-xl);margin:var(--spacing-lg)0;padding:var(--spacing-sm)0;display:flex}.demo-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.demo-stat-value{color:var(--primary);font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.demo-stat-label{color:var(--text-muted);font-size:.75rem}.demo-tags{gap:var(--spacing-sm);margin:var(--spacing-lg)0;flex-wrap:wrap;display:flex}.demo-tag{color:#818cf8;background:#667eea1a;border-radius:100px;padding:6px 16px;font-size:.85rem;font-weight:500}.demo-actions{gap:var(--spacing-md);margin-top:var(--spacing-xl);display:flex}.btn-demo-primary{color:#fff;transition:all var(--transition-fast);background:#6d28d9;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-weight:600;text-decoration:none;display:inline-flex}.novel-card-pro{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--spacing-md);gap:var(--spacing-lg);transition:all var(--transition-normal);background:#ffffff08;border:1px solid #ffffff0d;flex-direction:row;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000026}.novel-card-pro:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff1f,#0000,#ffffff0f);padding:1.2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.novel-card-pro:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-4px)scale(1.01);box-shadow:0 12px 40px #00000059}.novel-card-pro:before{content:"";background:radial-gradient(circle at var(--mouse-x,50%)var(--mouse-y,50%),#ffffff14 0%,transparent 80%);opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.novel-card-pro:hover:before{opacity:1}.rec-cover-link,.rec-cover-mini{border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;display:block;position:relative;overflow:hidden}.rec-cover-link:after,.rec-cover-mini:after{content:"🔗";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;opacity:0;transition:all var(--transition-fast);background:#0006;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;inset:0}.rec-cover-mini:after{font-size:1rem}.rec-cover-link:hover:after,.rec-cover-mini:hover:after{opacity:1}.rec-cover-link img,.rec-cover-mini img{transition:transform var(--transition-normal)}.rec-cover-link:hover img,.rec-cover-mini:hover img{transform:scale(1.05)}.rec-cover-link:hover,.rec-cover-mini:hover{box-shadow:0 8px 16px #0006}.btn-demo-secondary{color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-weight:600;display:inline-flex}.btn-demo-secondary:hover{background:#ffffff1a;border-color:#fff3}.demo-synopsis-card{border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-top:var(--spacing-2xl);background:#ffffff05}.demo-section-title{margin-bottom:var(--spacing-lg);align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:flex}.demo-synopsis-content{color:var(--text-secondary);margin-bottom:var(--spacing-2xl);font-size:1rem;line-height:1.8}.demo-meta-footer{gap:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid #ffffff0d;flex-wrap:wrap;display:flex}.demo-meta-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:10px;padding:6px 12px;font-size:.9rem;transition:all .2s;display:flex}.demo-meta-item:hover{background:#ffffff0f;border-color:#ffffff1a}.demo-meta-icon{width:28px;height:28px;color:var(--primary);background:#667eea1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.demo-meta-label{color:var(--text-muted);font-weight:500}.demo-meta-value{color:var(--text-primary);font-weight:500}.demo-meta-value.status-completed{color:#10b981}.demo-meta-value.status-ongoing{color:#f59e0b}.lang-toggle{color:var(--text-secondary);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.lang-toggle:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--primary)}.bento-stats{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.bento-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);flex-direction:column;gap:6px;display:flex;position:relative;overflow:hidden}.bento-card:before{content:"";background:var(--primary-gradient);opacity:0;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.bento-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card);transform:translateY(-2px)}.bento-card:hover:before{opacity:1}.bento-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.bento-stat-value{color:var(--text-primary);letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:800;line-height:1}.bento-stat-sub{color:var(--text-secondary);font-size:.75rem}.browser-layout{gap:var(--spacing-xl);grid-template-columns:1fr 220px;align-items:flex-start;display:grid}.browser-main{min-width:0}.tag-sidebar{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--spacing-md);scrollbar-width:thin;max-height:calc(100vh - 110px);position:sticky;top:90px;overflow-y:auto}.tag-sidebar-title{color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-glass);letter-spacing:.02em;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700}.tag-sidebar-list{flex-direction:column;gap:2px;display:flex}.tag-sidebar-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:6px 10px;font-size:.78rem;font-weight:500;display:block;overflow:hidden}.tag-sidebar-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.tag-sidebar-item.active{background:var(--primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #667eea4d}.pagination{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl)0;display:flex}.pagination-btn{border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:8px 16px;font-size:.8rem;font-weight:500}.pagination-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-pages{align-items:center;gap:2px;display:flex}.pagination-num{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:.8rem;font-weight:500;display:flex}.pagination-num:hover{background:var(--bg-card-hover);color:var(--text-primary)}.pagination-num.active{background:var(--primary);color:#fff;font-weight:700;box-shadow:0 2px 8px #667eea4d}.pagination-dots{text-align:center;width:28px;color:var(--text-muted);font-size:.8rem}@media (max-width:1024px){.browser-layout{grid-template-columns:1fr}.tag-sidebar{order:-1;max-height:none;position:static}.tag-sidebar-list{gap:var(--spacing-xs);flex-flow:wrap}.tag-sidebar-item{white-space:nowrap;border:1px solid var(--border-glass);border-radius:100px;width:auto;padding:4px 10px;font-size:.72rem}}@media (max-width:768px){.pagination-btn{padding:6px 10px;font-size:.75rem}.pagination-num{width:30px;height:30px;font-size:.75rem}}.detail-author-badge{border-left:3px solid var(--primary);margin:var(--spacing-sm)0 var(--spacing-md);transition:all var(--transition-normal);background:linear-gradient(90deg,#667eea1a,#0000);border-radius:4px 100px 100px 4px;align-items:center;gap:12px;padding:6px 14px;display:inline-flex}.detail-author-badge:hover{background:linear-gradient(90deg,#667eea26,#0000);transform:translate(4px)}.author-icon-wrapper{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:0 0 10px #667eea80}.author-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.author-name{color:var(--text-primary);font-size:1rem;font-weight:700}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);opacity:0;animation:.4s forwards skeleton-fade-in;animation-delay:var(--skeleton-delay,0s);overflow:hidden}.skeleton-cover{background:var(--bg-input);width:100%;padding-top:140%}.skeleton-info{padding:var(--spacing-sm);flex-direction:column;gap:8px;display:flex}.skeleton-line{background:var(--bg-input);border-radius:6px;height:12px}.skeleton-stats{gap:var(--spacing-sm);margin-top:4px;display:flex}.skeleton-pulse{position:relative;overflow:hidden}.skeleton-pulse:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%);animation:1.8s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0}[data-theme=light] .skeleton-pulse:after{background:linear-gradient(90deg,#0000 0%,#0000000a 50%,#0000 100%)}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeleton-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.novel-card{animation:.4s cubic-bezier(.4,0,.2,1) forwards card-enter;animation-delay:calc(var(--card-index,0)*40ms);opacity:0}@keyframes card-enter{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.status-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;letter-spacing:.3px;border-radius:100px;padding:2px 8px;font-size:.6rem;font-weight:700;position:absolute;bottom:6px;left:6px}.status-badge.completed{color:#fff;background:#10b981d9;box-shadow:0 2px 8px #10b9814d}.status-badge.ongoing{color:#fff;background:#f59e0bd9;box-shadow:0 2px 8px #f59e0b4d}.novel-stat.highlight{color:var(--primary);font-weight:700}.empty-state,.error-state{text-align:center;min-height:300px;color:var(--text-muted);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;animation:.5s fade-in;display:flex}.empty-state h3,.error-state h3{color:var(--text-secondary);font-size:1.1rem;font-weight:600}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.rank-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:3;background:#000000b3;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 6px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 4px 12px #0000004d}.rank-badge.top-3{background:var(--primary-gradient);border-color:#fff6;font-size:1.3rem;box-shadow:0 4px 15px #667eea66}.rank-badge.id-only{opacity:.8;min-width:24px;height:24px;font-size:.75rem}.filter-panel-v2{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--spacing-md)var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:all var(--transition-normal);position:relative}.filter-layout-wrapper{gap:var(--spacing-lg);display:flex}.filter-sidebar-control{border-right:1px solid var(--border-glass);min-width:280px;max-width:440px;padding-right:var(--spacing-lg);flex:0 0 40%}.filter-main-categories{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.filter-label-pro{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--spacing-sm);font-size:.7rem;font-weight:700}.filter-control-group{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.filter-group-mini{flex-direction:column;gap:4px;display:flex}.filter-label-mini{color:var(--text-muted);font-size:.7rem;font-weight:500}.filter-select-pro{background:var(--bg-input);appearance:none;border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' 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");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;padding:6px 32px 6px 12px;font-size:.85rem;line-height:1.4}.filter-select-pro option{color:var(--text-primary);background-color:#1a1a2e}.filter-select-pro:hover{border-color:var(--border-hover);background-color:var(--bg-card-hover)}.reset-button-pro{top:var(--spacing-md);right:var(--spacing-lg);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;z-index:10;background:#ffffff08;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex;position:absolute}.reset-button-pro:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.filter-group-mini .sort-control-wrapper{gap:4px;display:flex}.sort-order-btn{background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:34px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.sort-order-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.sort-order-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-main-categories{position:relative}.filter-main-categories.locked{opacity:.4;pointer-events:none;filter:grayscale(.5)}.locked-indicator{background:var(--primary-light);color:var(--primary);text-transform:uppercase;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:0;right:0}@media (max-width:1024px){.filter-layout-wrapper{flex-direction:column}.filter-sidebar-control{border-right:none;border-bottom:1px solid var(--border-glass);width:100%;padding-right:0;padding-bottom:var(--spacing-lg)}}@media print{.navbar,.platform-tabs-wrapper,.filter-panel,.detail-actions,.theme-toggle{display:none}body{color:#000;background:#fff}.main-content{padding-top:0}}