@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap");:root{--bg-base:#08090d;--bg-surface:#0e111a;--bg-surface-hover:#141824;--bg-card:#10131d;--bg-card-hover:#171c2b;--bg-elevated:#1b2030;--bg-glass:rgba(8,9,13,.9);--brand-primary:#ef4444;--brand-primary-hover:#f87171;--brand-primary-soft:rgba(239,68,68,.12);--brand-primary-glow:rgba(239,68,68,.35);--brand-gold:#f59e0b;--brand-gold-soft:rgba(245,158,11,.14);--brand-blue:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--border-light:hsla(0,0%,100%,.07);--border-medium:hsla(0,0%,100%,.12);--border-focus:rgba(239,68,68,.5);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,.4);--shadow-md:0 8px 24px -4px rgba(0,0,0,.6);--shadow-lg:0 16px 36px -6px rgba(0,0,0,.75)}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-base);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}a,button{color:inherit}button{background:none;border:none;cursor:pointer}button,input{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#262b3a;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#374151}::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}::-webkit-scrollbar-corner{background:transparent!important}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.no-scrollbar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important;-webkit-appearance:none!important}.no-scrollbar::-webkit-scrollbar-button,.no-scrollbar::-webkit-scrollbar-corner,.no-scrollbar::-webkit-scrollbar-thumb,.no-scrollbar::-webkit-scrollbar-track{display:none!important;width:0!important;height:0!important;background:transparent!important;-webkit-appearance:none!important}.app-container{min-height:100vh;display:flex;flex-direction:column;padding-top:56px}.main-content{flex:1 1;width:100%;margin:0;padding:0}.navbar{position:fixed;top:0;left:0;right:0;height:56px;z-index:100;background:rgba(8,9,13,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid hsla(0,0%,100%,.08)}.navbar-inner{height:100%;width:100%;max-width:100%;margin:0;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}@media (min-width:768px){.navbar-inner{padding:0 1.5rem;gap:1.5rem}}.brand-container{display:flex;align-items:center;gap:.75rem;text-decoration:none;flex-shrink:0}.brand-badge{background:var(--brand-primary);font-size:.95rem;font-weight:900;padding:.25rem .55rem;border-radius:var(--radius-xs);display:inline-flex;justify-content:center;box-shadow:0 2px 10px rgba(239,68,68,.4)}.brand-badge,.brand-text{color:#fff;letter-spacing:-.5px;align-items:center}.brand-text{font-size:1.2rem;font-weight:800;display:flex;gap:.35rem}.brand-pro-tag{background:#222736;color:var(--brand-gold);border:1px solid rgba(245,158,11,.3);font-size:.65rem;font-weight:800;padding:.1rem .4rem;border-radius:var(--radius-xs);letter-spacing:.5px}.search-box-container{flex:1 1;max-width:580px;margin:0 auto}.search-box-form{position:relative;display:flex;align-items:center;width:100%}.search-input-field{width:100%;height:40px;padding:0 2.5rem;background:#131620;border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-primary);font-size:.88rem;outline:none;transition:all .2s ease}.search-input-field:focus{background:#171b26;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-soft)}.search-input-field::placeholder{color:var(--text-muted);font-size:.85rem}.search-icon-left{left:.85rem;pointer-events:none}.search-clear-btn,.search-icon-left{position:absolute;color:var(--text-muted);display:flex}.search-clear-btn{right:.75rem;padding:.2rem;border-radius:50%;align-items:center;transition:color .15s ease}.search-clear-btn:hover{color:#fff}.navbar-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;min-width:44px;justify-content:flex-end}.nav-link-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;font-weight:600;transition:all .15s ease}.nav-link-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.nav-link-btn.active{color:#fff;background:#1c202d}.badge-counter{background:var(--brand-primary);color:#fff;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:var(--radius-full)}.hero-spotlight{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#0d1019;margin-bottom:2rem;border:1px solid hsla(0,0%,100%,.08);display:flex;flex-direction:column;box-shadow:0 12px 36px rgba(0,0,0,.55)}@media (min-width:960px){.hero-spotlight{display:grid;grid-template-columns:1.25fr 1fr;min-height:360px}}.hero-media-wrapper{position:relative;width:100%;aspect-ratio:16/9;background:#08090d;overflow:hidden}@media (min-width:960px){.hero-media-wrapper{aspect-ratio:auto;height:100%}}.hero-backdrop-img{width:100%;height:100%;object-fit:cover;display:block}.hero-overlay-gradient{position:absolute;inset:0;background:linear-gradient(0deg,#0d1019,rgba(13,16,25,.5) 60%,rgba(13,16,25,.1))}@media (min-width:960px){.hero-overlay-gradient{background:linear-gradient(90deg,rgba(13,16,25,0),rgba(13,16,25,.85) 65%,#0d1019)}}.hero-content{padding:1.5rem;display:flex;flex-direction:column;justify-content:center;gap:.85rem;z-index:2}@media (min-width:960px){.hero-content{padding:2.25rem 2.5rem}}.hero-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#ef4444;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);padding:.3rem .65rem;border-radius:var(--radius-xs);align-self:flex-start}.hero-title{font-size:1.35rem;font-weight:800;line-height:1.3;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.3px}@media (min-width:768px){.hero-title{font-size:1.7rem}}.hero-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.hero-meta-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;color:var(--text-secondary);background:hsla(0,0%,100%,.06);padding:.25rem .6rem;border-radius:var(--radius-xs);border:1px solid hsla(0,0%,100%,.05)}.hero-meta-pill.rating-pill{color:var(--brand-gold);background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2);font-weight:700}.hero-actions{display:flex;align-items:center;gap:.75rem;margin-top:.4rem;flex-wrap:wrap}.btn-primary-play{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:700;font-size:.9rem;padding:.7rem 1.4rem;border-radius:var(--radius-sm);transition:all .18s ease;box-shadow:0 4px 18px rgba(239,68,68,.4)}.btn-primary-play:hover{background:linear-gradient(135deg,#f87171,#ef4444);transform:translateY(-2px);box-shadow:0 6px 24px rgba(239,68,68,.55)}.btn-secondary-action{display:inline-flex;align-items:center;gap:.5rem;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);color:var(--text-primary);font-weight:600;font-size:.9rem;padding:.7rem 1.2rem;border-radius:var(--radius-sm);transition:all .18s ease}.btn-secondary-action:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.catalog-header-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}@media (min-width:1100px){.catalog-header-section{flex-direction:row;align-items:center;justify-content:space-between}}.section-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.section-title{font-size:1.35rem;font-weight:800;color:#fff;letter-spacing:-.4px}.section-count-badge{font-size:.75rem;font-weight:700;color:var(--text-muted);background:hsla(0,0%,100%,.05);border:1px solid var(--border-light);padding:.2rem .55rem;border-radius:var(--radius-full)}.filter-toolbar{display:flex;flex-direction:column;gap:.65rem}.sort-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.active-filter-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);padding:.25rem .65rem;border-radius:var(--radius-sm);font-size:.8rem}.active-filter-badge .filter-label{color:var(--text-muted);font-weight:500}.active-filter-badge .filter-value{color:#fff;font-weight:700}.filter-clear-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:hsla(0,0%,100%,.1);color:var(--text-secondary);transition:all .15s ease;margin-left:.2rem}.filter-clear-btn:hover{background:#ef4444;color:#fff}.sort-pills-group{display:flex;align-items:center;gap:.45rem;overflow-x:auto;-ms-overflow-style:none!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:.2rem 0;scroll-behavior:smooth}.sort-pills-group::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}.sort-pills-group::-webkit-scrollbar-button,.sort-pills-group::-webkit-scrollbar-corner,.sort-pills-group::-webkit-scrollbar-thumb,.sort-pills-group::-webkit-scrollbar-track{display:none!important;width:0!important;height:0!important;background:transparent!important}.sort-tab-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;min-height:36px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sort-tab-btn:hover{background:hsla(0,0%,100%,.08);color:#fff;border-color:hsla(0,0%,100%,.16)}.sort-tab-btn:active{transform:scale(.96)}.sort-tab-btn.active{background:#ef4444;color:#fff;border-color:#ef4444;font-weight:700;box-shadow:0 2px 10px rgba(239,68,68,.35)}.mobile-quick-chips{display:block;position:relative;margin:0 -.25rem}@media (min-width:1024px){.mobile-quick-chips{display:none}}.chips-scroll-track{display:flex;align-items:center;gap:.45rem;overflow-x:auto;scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:.2rem .25rem .35rem;scroll-behavior:smooth}.chips-scroll-track::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}.chips-scroll-track::-webkit-scrollbar-button,.chips-scroll-track::-webkit-scrollbar-corner,.chips-scroll-track::-webkit-scrollbar-thumb,.chips-scroll-track::-webkit-scrollbar-track{display:none!important;width:0!important;height:0!important;background:transparent!important}.mobile-chip{display:inline-flex;align-items:center;justify-content:center;padding:.42rem .85rem;min-height:36px;background:#131722;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-chip:hover{background:#1b2030;color:#fff}.mobile-chip:active{transform:scale(.96)}.mobile-chip.active{background:#fff;color:#08090d;border-color:#fff;font-weight:700}.video-grid{display:grid;grid-template-columns:1fr;grid-gap:1.25rem 1rem;gap:1.25rem 1rem}@media (min-width:480px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:820px){.video-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem 1.15rem}}@media (min-width:1200px){.video-grid{grid-template-columns:repeat(4,1fr);gap:1.75rem 1.25rem}}@media (min-width:1560px){.video-grid{grid-template-columns:repeat(5,1fr);gap:2rem 1.35rem}}.vcard-container{display:flex;flex-direction:column;position:relative;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid hsla(0,0%,100%,.07);overflow:hidden;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .2s ease;height:100%}.vcard-container:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.75),0 0 0 1px rgba(239,68,68,.3);border-color:rgba(239,68,68,.3)}.vcard-media{position:relative;width:100%;aspect-ratio:16/9;background:#080a0f;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block}.vcard-thumb-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s cubic-bezier(.16,1,.3,1)}.vcard-container:hover .vcard-thumb-img{transform:scale(1.05)}.vcard-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);opacity:0;transition:opacity .22s ease;z-index:5;pointer-events:none}.vcard-play-overlay.visible{opacity:1}.vcard-play-circle{width:44px;height:44px;border-radius:50%;background:rgba(239,68,68,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(239,68,68,.6);transform:scale(.85);transition:transform .22s cubic-bezier(.16,1,.3,1)}.vcard-play-circle svg{margin-left:2px}.vcard-play-overlay.visible .vcard-play-circle{transform:scale(1)}.scrubber-track{position:absolute;top:0;left:0;right:0;height:3px;background:rgba(0,0,0,.5);z-index:10}.scrubber-fill{height:100%;background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.8);transition:width .08s ease-out}.badge-time{position:absolute;bottom:.45rem;right:.45rem;background:rgba(0,0,0,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;padding:.18rem .45rem;border-radius:var(--radius-xs);letter-spacing:.2px;z-index:4}.badge-4k{background:rgba(0,0,0,.85);color:var(--brand-gold);border:1px solid rgba(245,158,11,.4);font-weight:800;padding:.12rem .4rem;border-radius:var(--radius-xs)}.badge-4k,.badge-hd{position:absolute;top:.45rem;left:.45rem;font-size:.65rem;letter-spacing:.5px;z-index:4}.badge-hd{background:rgba(0,0,0,.78);color:#f1f5f9;border:1px solid hsla(0,0%,100%,.15);font-weight:700;padding:.12rem .38rem;border-radius:var(--radius-xs)}.vcard-body{padding:.85rem .9rem .95rem;display:flex;flex-direction:column;justify-content:space-between;flex:1 1;gap:.55rem;background:var(--bg-card)}.vcard-title-link{color:var(--text-primary);font-size:.88rem;font-weight:600;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s ease}.vcard-container:hover .vcard-title-link{color:#ef4444}.vcard-meta-line{justify-content:space-between;font-size:.75rem;color:var(--text-muted);padding-top:.35rem;border-top:1px solid hsla(0,0%,100%,.05)}.vcard-meta-line,.vcard-stats{display:flex;align-items:center}.vcard-stats{gap:.4rem}.rating-badge-small{display:inline-flex;align-items:center;gap:.2rem;font-size:.72rem;font-weight:700;color:var(--brand-gold)}.pagination-container{margin:3.5rem 0 2.5rem;flex-direction:column;gap:1rem;width:100%}.pagination-container,.pagination-track{display:flex;align-items:center;justify-content:center}.pagination-track{gap:.45rem;flex-wrap:nowrap;max-width:100%}.pagination-numbers{display:flex;gap:.35rem}.page-btn,.pagination-numbers{align-items:center;flex-shrink:0}.page-btn{min-width:40px;height:40px;padding:0 .75rem;border-radius:var(--radius-sm);background:#11141d;border:1px solid hsla(0,0%,100%,.08);color:var(--text-secondary);font-size:.85rem;font-weight:600;display:inline-flex;justify-content:center;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-btn:hover:not(:disabled){background:#1a1f2c;color:#fff;border-color:hsla(0,0%,100%,.2);transform:translateY(-1px)}.page-btn:active:not(:disabled){transform:scale(.94)}.page-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff;font-weight:700;box-shadow:0 4px 14px rgba(239,68,68,.45)}.page-btn:disabled{opacity:.28;cursor:not-allowed;pointer-events:none}.page-btn.nav-arrow{gap:.35rem;padding:0 .85rem;font-weight:600}.arrow-text,.page-dots{font-size:.82rem}.page-dots{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:40px;color:var(--text-dim);letter-spacing:1px;background:transparent;border:none;cursor:pointer;padding:0;border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.page-dots:hover{color:var(--text-primary);background:hsla(0,0%,100%,.06)}.pagination-info-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.pagination-info{font-size:.8rem;color:var(--text-muted)}.pagination-info strong{color:var(--text-primary)}.jump-toggle-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:.22rem .6rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.jump-toggle-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.pagination-jump-bar{display:flex;align-items:center;gap:.45rem;background:#11141d;border:1px solid hsla(0,0%,100%,.15);padding:.35rem .6rem;border-radius:var(--radius-sm);animation:fadeIn .15s ease}.jump-label{font-size:.76rem;color:var(--text-muted);white-space:nowrap}.jump-input{width:68px;height:28px;background:#090b10;border:1px solid hsla(0,0%,100%,.15);border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;text-align:center;padding:0 .25rem;outline:none}.jump-input:focus{border-color:#ef4444}.jump-submit-btn{height:28px;padding:0 .65rem;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:700;cursor:pointer;transition:background .15s ease}.jump-submit-btn:hover{background:#dc2626}.jump-cancel-btn{background:transparent;border:none;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:3px;border-radius:3px}.jump-cancel-btn:hover{color:#fff;background:hsla(0,0%,100%,.08)}@media (max-width:640px){.pagination-container{margin:2.5rem 0 2rem;gap:.85rem}.pagination-track{gap:.35rem}.pagination-numbers{gap:.28rem}.arrow-text{display:none!important}.page-btn.nav-arrow{width:38px;height:38px;min-width:38px;padding:0!important;justify-content:center}.page-btn{min-width:36px;height:38px;padding:0 .35rem;font-size:.82rem}.page-num-secondary{display:none!important}}@media (max-width:420px){.pagination-track{gap:.22rem}.pagination-numbers{gap:.2rem}.page-btn.nav-arrow{width:34px;height:36px;min-width:34px}.page-btn{min-width:32px;height:36px;padding:0 .25rem;font-size:.78rem}.page-dots{min-width:18px;height:36px;font-size:.75rem}.page-num-neighbor{display:none!important}}.watch-page-container{display:flex;flex-direction:column;gap:2rem}@media (min-width:1120px){.watch-page-container{display:grid;grid-template-columns:1fr 380px;grid-gap:2rem;gap:2rem}}.video-player-frame{width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.video-player-iframe{width:100%;height:100%;border:none}.watch-info-section{margin-top:1.25rem;display:flex;flex-direction:column;gap:1rem}.watch-video-title{font-size:1.3rem;font-weight:700;line-height:1.35;color:#fff}@media (min-width:768px){.watch-video-title{font-size:1.6rem}}.watch-toolbar{justify-content:space-between;padding-bottom:1.25rem;border-bottom:1px solid var(--border-light)}.watch-toolbar,.watch-views-stats{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.watch-views-stats{font-size:.88rem;color:var(--text-secondary)}.watch-btn-group{display:flex;align-items:center;gap:.5rem}.watch-btn-action{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .95rem;background:#171b26;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;font-weight:600;transition:all .15s ease}.watch-btn-action:hover{background:#202534;color:#fff}.watch-btn-action.active-heart{background:var(--brand-primary-soft);border-color:rgba(239,68,68,.35);color:var(--brand-primary)}.watch-description-box{background:#131620;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:.85rem}.uploader-row{display:flex;align-items:center;justify-content:space-between}.uploader-profile{display:flex;align-items:center;gap:.75rem}.uploader-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#374151,#1f2937);justify-content:center;font-size:1rem;border:2px solid hsla(0,0%,100%,.1)}.uploader-avatar,.uploader-name{display:flex;align-items:center;font-weight:700;color:#fff}.uploader-name{font-size:.95rem;gap:.35rem}.uploader-subs{font-size:.78rem;color:var(--text-muted)}.btn-subscribe{background:#fff;color:#000;font-weight:700;font-size:.85rem;padding:.5rem 1.1rem;border-radius:var(--radius-full);transition:background .15s ease}.btn-subscribe:hover{background:#e5e7eb}.tags-cloud-box{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.5rem}.tag-cloud-item{font-size:.8rem;color:var(--text-secondary);background:#1b1f2c;padding:.35rem .75rem;border-radius:var(--radius-sm);transition:all .15s ease}.tag-cloud-item:hover{background:#242a3b;color:#fff}.related-sidebar{display:flex;flex-direction:column;gap:1rem}.related-header{font-size:1.1rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem}.compact-vcard{display:grid;grid-template-columns:140px 1fr;grid-gap:.75rem;gap:.75rem;text-decoration:none;border-radius:var(--radius-sm);transition:background .15s ease;padding:.35rem}.compact-vcard:hover{background:var(--bg-surface-hover)}.compact-thumb-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius-xs);overflow:hidden;background:#000}.compact-thumb-img{width:100%;height:100%;object-fit:cover}.compact-details{display:flex;flex-direction:column;justify-content:center;gap:.3rem;min-width:0}.compact-title{font-size:.825rem;font-weight:600;line-height:1.3;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact-vcard:hover .compact-title{color:#fff}.compact-meta{font-size:.75rem;color:var(--text-muted)}.mobile-bottom-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:rgba(11,13,18,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-light);height:56px;align-items:center;justify-content:space-around;padding:0 .5rem}@media (min-width:768px){.mobile-bottom-bar{display:none}}.mobile-bottom-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-muted);font-size:.68rem;font-weight:600;flex:1 1;height:100%;text-decoration:none;transition:color .15s ease}.mobile-bottom-item.active,.mobile-bottom-item:hover{color:#fff}.mobile-bottom-item.active svg{color:var(--brand-primary)}.footer-section{margin-top:auto;background:#090a0f;border-top:1px solid var(--border-light);padding:3.5rem 1.25rem 6.5rem;color:var(--text-muted);font-size:.85rem}@media (min-width:768px){.footer-section{padding:4rem 2rem 3rem}}.footer-container{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}.footer-grid{display:grid;grid-template-columns:1fr;grid-gap:2.25rem;gap:2.25rem}@media (min-width:600px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem}}.footer-col-brand{display:flex;flex-direction:column;gap:1rem}.footer-brand-logo{display:flex;align-items:center;gap:.65rem}.footer-brand-desc{font-size:.825rem;line-height:1.6;color:var(--text-muted);max-width:380px}.compliance-badges{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.badge-compliance{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:var(--radius-xs);font-size:.7rem;font-weight:700;letter-spacing:.3px}.rta-badge{background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.25)}.dmca-badge{background:rgba(59,130,246,.12);color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.api-badge{background:rgba(16,185,129,.12);color:#34d399;border:1px solid rgba(16,185,129,.25)}.footer-col{display:flex;flex-direction:column;gap:1rem}.footer-col-title{font-size:.88rem;font-weight:700;color:#fff;letter-spacing:.3px;text-transform:uppercase}.footer-col-list{list-style:none;display:flex;flex-direction:column;gap:.65rem;padding:0;margin:0}.footer-link{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-secondary);font-size:.825rem;transition:all .15s ease;text-decoration:none}.footer-link:hover{color:#fff;transform:translateX(2px)}.footer-link-text{color:var(--text-dim);font-size:.8rem}.footer-disclaimer-box{background:#10121a;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:1.15rem 1.25rem;font-size:.76rem;line-height:1.6;color:var(--text-dim)}.footer-disclaimer-box strong{color:var(--text-muted)}.footer-bottom-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-light);font-size:.78rem}.copyright-text strong{color:#fff}.footer-bottom-links{display:flex;align-items:center;gap:.75rem}.bottom-link{color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.bottom-link:hover{color:#fff}.sidebar-layout{display:flex;align-items:stretch;width:100%;min-height:calc(100vh - 56px);position:relative}.sidebar{width:220px;min-width:220px;flex-shrink:0;background:#090b11;border-right:1px solid hsla(0,0%,100%,.07);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.08) transparent;display:none;z-index:80}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.sidebar:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15)}@media (min-width:1024px){.sidebar{display:block;position:fixed;top:56px;left:0;bottom:0;height:calc(100vh - 56px)}}.sidebar-inner{padding:.5rem .5rem 2rem;display:flex;flex-direction:column;gap:0}.sidebar-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:.25rem .35rem .75rem;margin-bottom:.5rem;border-bottom:1px solid hsla(0,0%,100%,.06)}@media (min-width:1024px){.sidebar-mobile-header{display:none}}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;padding:.35rem;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .15s ease}.sidebar-close-btn:hover{color:#fff;background:hsla(0,0%,100%,.08)}.sidebar-quick-nav{display:flex;flex-direction:column;gap:2px}.sidebar-nav-link{display:flex;align-items:center;gap:.6rem;padding:.45rem .65rem;font-size:.84rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .14s ease;border-left:2px solid transparent}.sidebar-link-icon{flex-shrink:0;opacity:.85;transition:transform .15s ease,opacity .15s ease}.sidebar-nav-link:hover{color:#fff;background:hsla(0,0%,100%,.05)}.sidebar-nav-link:hover .sidebar-link-icon{opacity:1;transform:scale(1.08)}.sidebar-nav-link-active{color:#fff!important;background:rgba(239,68,68,.12)!important;border-left-color:#ef4444!important;font-weight:600}.sidebar-nav-link-active .sidebar-link-icon{color:#ef4444;opacity:1}.sidebar-divider{height:1px;background:hsla(0,0%,100%,.06);margin:.65rem .25rem .5rem}.sidebar-categories-header{display:flex;align-items:center;gap:.4rem;padding:.25rem .65rem .45rem;font-size:.65rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted)}.sidebar-section-icon{color:#ef4444}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-category-grid{display:flex;flex-direction:column;gap:2px}.sidebar-cat-pill{display:flex;align-items:center;padding:.42rem .65rem;font-size:.83rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .12s ease;border-left:2px solid transparent}.sidebar-cat-pill:hover{background:hsla(0,0%,100%,.05);color:#fff}.sidebar-cat-pill-active{color:#ef4444!important;background:rgba(239,68,68,.12)!important;border-left-color:#ef4444!important;font-weight:600}.sidebar-cat-name{flex:1 1}.sidebar-more-section{margin-top:.25rem}.sidebar-more-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.42rem .65rem;font-size:.78rem;font-weight:600;color:var(--text-muted);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.04);cursor:pointer;transition:all .12s ease}.sidebar-more-toggle:hover{background:hsla(0,0%,100%,.05);color:var(--text-secondary);border-color:hsla(0,0%,100%,.08)}.sidebar-more-toggle-left{display:flex;align-items:center;gap:.45rem}.sidebar-more-content{margin-top:.4rem;display:flex;flex-direction:column;gap:.5rem;padding-left:.25rem}.sidebar-more-group{display:flex;flex-direction:column;gap:2px}.sidebar-more-group-title{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);padding:.2rem .45rem .1rem}.sidebar-footer-note{margin-top:1.5rem;padding:.75rem .5rem .25rem;border-top:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:column;gap:.35rem}.sidebar-footer-text{font-size:.65rem;color:var(--text-dim);text-align:center}.sidebar-footer-links{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.65rem;color:var(--text-dim)}.sidebar-footer-link{color:var(--text-muted);transition:color .12s ease}.sidebar-footer-link:hover{color:#fff}.sidebar-main{flex:1 1;min-width:0;padding:1.25rem 1rem 4rem}@media (min-width:768px){.sidebar-main{padding:1.25rem 1.5rem 4rem}}@media (min-width:1024px){.sidebar-main{margin-left:220px;width:calc(100% - 220px);padding:1.5rem 2rem 5rem}body:has(.sidebar-layout) .footer-section{margin-left:220px;width:calc(100% - 220px)}}.homepage-content{display:flex;flex-direction:column;gap:1.5rem;max-width:1600px;margin:0 auto}.sidebar-backdrop{position:fixed;inset:0;z-index:240;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .18s ease}@media (min-width:1024px){.sidebar-backdrop{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1023px){.sidebar{display:block;position:fixed;top:0;left:0;z-index:250;width:275px;min-width:275px;height:100vh;max-height:100vh;background:#090b11;transform:translateX(-100%);transition:transform .28s cubic-bezier(.16,1,.3,1);box-shadow:none}.sidebar.sidebar-open{transform:translateX(0);box-shadow:8px 0 36px rgba(0,0,0,.85)}}.mobile-bottom-btn{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--text-muted);font-size:.65rem;font-weight:600;transition:all .15s ease}.mobile-bottom-btn.active{color:#ef4444}