*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}:root{--transition:var(--ease-default)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-gray-700);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}.topnav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#0d0d0dd9;align-items:center;gap:2rem;padding:.875rem 2.5rem;display:flex;position:sticky;top:0}.topnav-brand{align-items:center;gap:.625rem;text-decoration:none;display:flex}.topnav-logo{background:var(--accent);width:32px;height:32px;color:var(--color-white);border-radius:8px;place-items:center;font-size:.875rem;font-weight:800;display:grid}.topnav-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.topnav-links{gap:.25rem;margin-left:1rem;display:flex}.topnav-links button{color:var(--text-secondary);font:500 .8125rem/1 var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--transition);background:0 0;border:none;padding:.5rem .875rem}.topnav-links button:hover,.topnav-links button.active{color:var(--text-primary);background:var(--bg-surface)}.topnav-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.topnav-actions button{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);font:500 .8125rem/1 var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--transition);align-items:center;gap:.375rem;padding:.5rem .875rem;display:flex}.topnav-actions button:hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--color-gray-600)}.topnav-actions button svg{width:14px;height:14px}.btn-accent{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--color-white)!important}.btn-accent:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important}.btn-accent:active{background:var(--accent-pressed)!important;border-color:var(--accent-pressed)!important}.nav-search{margin-left:1.5rem;position:relative}.nav-search input{background:var(--bg-surface);border:1px solid var(--border-subtle);width:220px;color:var(--text-primary);font:400 .8125rem/1 var(--font-body);border-radius:var(--radius-sm);transition:all .2s var(--transition);outline:none;padding:.5rem .75rem .5rem 2rem}.nav-search input:focus{background:var(--bg-surface-raised);border-color:#555;width:280px}.nav-search input::placeholder{color:var(--text-muted)}.nav-search svg{width:14px;height:14px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.625rem;transform:translateY(-50%)}.categories-section{flex-shrink:0;padding:1.75rem 2.5rem 0}.categories-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.categories-header h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.categories-actions-row{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.categories-track-area{align-items:center;gap:.5rem;display:flex}.categories-scroll-btn{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all .2s var(--transition);flex-shrink:0;place-items:center;display:grid}.categories-scroll-btn:hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--color-gray-600)}.categories-scroll-btn svg{width:16px;height:16px}.categories-track-wrap{flex:1;min-width:0;position:relative;overflow:hidden}.categories-track{scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none;gap:.75rem;padding:.5rem 0 1rem;display:flex;overflow-x:auto}.categories-track.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.categories-track::-webkit-scrollbar{display:none}.category-chip{scroll-snap-align:start;cursor:pointer;width:120px;transition:all .25s var(--transition);text-align:center;flex-direction:column;flex:none;align-items:center;display:flex;position:relative}.category-chip:hover{transform:translateY(-4px)}.categories-track.dragging .category-chip{pointer-events:none;transform:none}.chip-tile{aspect-ratio:4/3;border-radius:var(--radius-sm);width:100%;transition:all .25s var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:.375rem;padding:.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}.chip-tile svg{width:28px;height:28px;color:var(--color-white);filter:drop-shadow(0 1px 2px #00000026);flex-shrink:0;transition:transform .2s}.category-chip:hover .chip-tile svg{transform:scale(1.1)}.chip-tile-name{color:var(--color-white);text-shadow:0 1px 2px #0003;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.6875rem;font-weight:600;line-height:1.2;overflow:hidden}.chip-tile-count{color:#ffffffbf;text-shadow:0 1px 2px #00000026;font-size:.5625rem;font-weight:500}.category-chip.active .chip-tile{box-shadow:var(--shadow-md),0 0 0 2.5px #fff;transform:scale(1.02)}.chip-label,.category-chip .chip-count{display:none}.btn-add-category{border:1px dashed var(--border-subtle);color:var(--text-muted);font:500 .75rem/1 var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--transition);background:0 0;align-items:center;gap:.375rem;padding:.5rem 1rem;display:inline-flex}.btn-add-category:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn-add-category svg{width:14px;height:14px}.btn-auto-cat:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.subcategories-strip{border-top:1px solid var(--border-subtle);background:var(--bg-primary);flex-shrink:0;align-items:stretch;display:flex}.subcategories-track{scrollbar-width:none;background:var(--bg-primary);flex:1;align-items:center;gap:.375rem;min-width:0;padding:0 .75rem;display:flex;overflow-x:auto}.subcategories-track::-webkit-scrollbar{display:none}.subcat-pill{border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);font:500 .6875rem/1 var(--font-body);cursor:pointer;transition:all .2s var(--transition);white-space:nowrap;flex-shrink:0;align-items:center;gap:.25rem;padding:.3rem .75rem;display:inline-flex}.subcat-pill:hover{color:var(--accent);background:#38e9b114;border-color:#38e9b14d}.subcat-pill.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.subcat-pill .subcat-count{background:var(--bg-surface-raised);color:var(--text-muted);border-radius:8px;padding:.0625rem .3125rem;font-size:.5625rem;font-weight:700;transition:all .2s}.subcat-pill.active .subcat-count{background:var(--accent);color:var(--color-white)}.subcat-pill-all{color:var(--text-muted);font-weight:500}.subcat-pill-all.active{color:var(--accent)}.subcat-empty-hint{color:var(--text-muted);flex-shrink:0;font-size:.6875rem;font-style:italic}.btn-discover{background:var(--accent-soft);color:var(--accent);font:500 .8125rem/1 var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--transition);border:1px solid #38e9b14d;align-items:center;gap:.375rem;padding:.5rem .875rem;display:inline-flex}.btn-discover:hover{background:var(--accent-soft-hover);border-color:var(--accent)}.btn-discover svg{width:14px;height:14px}.discover-section{background:var(--bg-card);border:1px solid var(--accent-soft-hover);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.25rem}.discover-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.discover-header h3{font-family:var(--font-display);color:var(--text-primary);font-size:1rem;font-weight:700}.discover-subtitle{color:var(--text-muted);margin-top:.125rem;font-size:.75rem}.discover-header-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.discover-nav{align-items:center;gap:.5rem;display:flex}.discover-nav button{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;place-items:center;transition:all .15s;display:grid}.discover-nav button:hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--color-gray-600)}.discover-nav button svg{width:14px;height:14px}.discover-counter{color:var(--text-muted);text-align:center;min-width:36px;font-size:.75rem;font-weight:600}.discover-carousel-wrap{position:relative;overflow:hidden}.discover-carousel{transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:flex}.discover-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex:0 0 100%;min-height:200px;transition:border-color .2s;display:flex;overflow:hidden}.discover-card:hover{border-color:var(--color-gray-600)}.discover-card-left{background:linear-gradient(135deg,#1a1a2e,#0f3460);flex:0 0 200px;position:relative;overflow:hidden}.discover-card-left img{object-fit:cover;opacity:.9;width:100%;height:100%}.discover-card-avatar-overlay{border-radius:var(--radius-full);border:3px solid var(--bg-surface);background:var(--bg-surface-raised);width:56px;height:56px;position:absolute;bottom:1rem;left:1rem;overflow:hidden}.discover-card-avatar-overlay img{object-fit:cover;width:100%;height:100%}.discover-card-avatar-placeholder{width:100%;height:100%;color:var(--text-muted);background:linear-gradient(135deg,#333,#222);place-items:center;font-size:1rem;font-weight:700;display:grid}.discover-card-right{flex-direction:column;flex:1;min-width:0;padding:1.25rem 1.5rem;display:flex}.discover-card-name{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:1.125rem;font-weight:700;overflow:hidden}.discover-card-stats{color:var(--text-muted);gap:1rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.discover-card-stats span{align-items:center;gap:.25rem;display:flex}.discover-card-desc{color:var(--text-secondary);-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;font-size:.8125rem;line-height:1.55;display:-webkit-box;overflow:hidden}.discover-card-footer{border-top:1px solid var(--border-subtle);align-items:center;gap:.5rem;margin-top:.875rem;padding-top:.75rem;display:flex}.discover-card-footer button,.discover-card-footer a{border-radius:var(--radius-sm);font:500 .8125rem/1 var(--font-body);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem .875rem;text-decoration:none;transition:all .15s;display:inline-flex}.discover-card-footer .btn-sub{background:var(--accent);color:var(--color-white);border:none}.discover-card-footer .btn-sub:hover{background:var(--accent-hover)}.discover-card-footer .btn-sub:active{background:var(--accent-pressed)}.discover-card-footer .btn-sub:disabled{opacity:.5;cursor:default;filter:none}.discover-card-footer .btn-yt{border:1px solid var(--border-subtle);color:var(--text-secondary);background:0 0}.discover-card-footer .btn-yt:hover{border-color:var(--color-gray-600);color:var(--text-primary)}.discover-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:.75rem;min-height:200px;padding:2rem;font-size:.8125rem;display:flex}.discover-loading .spinner{border:2px solid var(--border-subtle);border-top-color:var(--accent);border-radius:var(--radius-full);flex-shrink:0;width:18px;height:18px;animation:.6s linear infinite spin}.main-layout{flex:1;gap:1.5rem;min-height:0;padding:1.5rem 2.5rem 1rem;display:flex;overflow:hidden}.sidebar{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex:0 0 240px;align-self:flex-start;max-height:calc(100vh - 100px);padding:1.5rem;position:sticky;top:80px;overflow-y:auto}.sidebar h3{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:1.25rem;font-size:1.125rem;font-weight:700}.filter-group{margin-bottom:1.25rem}.filter-group-header{cursor:pointer;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem 0;display:flex}.filter-group-header span{color:var(--text-primary);font-size:.8125rem;font-weight:600}.filter-group-header svg{width:14px;height:14px;color:var(--text-muted);transition:transform .2s}.filter-group-header.open svg{transform:rotate(180deg)}.filter-group-body{padding-top:.375rem;display:none}.filter-group-body.open{display:block}.filter-option{cursor:pointer;align-items:center;gap:.5rem;padding:.375rem 0;display:flex}.filter-option input[type=checkbox]{display:none}.filter-check{border:1.5px solid #444;border-radius:4px;flex-shrink:0;place-items:center;width:16px;height:16px;transition:all .15s;display:grid}.filter-option input:checked+.filter-check{background:var(--accent);border-color:var(--accent)}.filter-option input:checked+.filter-check svg{opacity:1}.filter-check svg{width:10px;height:10px;color:var(--color-white);opacity:0;transition:opacity .15s}.filter-option .filter-label{color:var(--text-secondary);font-size:.8125rem;transition:color .15s}.filter-option:hover .filter-label,.filter-option input:checked~.filter-label{color:var(--text-primary)}.filter-tag{background:var(--bg-surface-raised);color:var(--text-muted);border-radius:8px;margin-left:.25rem;padding:.125rem .375rem;font-size:.5625rem;font-weight:600}.filter-dot{border-radius:var(--radius-full);vertical-align:middle;width:7px;height:7px;margin-left:.25rem;display:inline-block}.btn-clear-filters{border:1px solid var(--border-subtle);width:100%;color:var(--text-muted);font:500 .75rem/1 var(--font-body);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.375rem;margin-top:1rem;padding:.5rem .75rem;transition:all .15s;display:flex}.btn-clear-filters:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.sort-section{border-top:1px solid var(--border-subtle);margin-top:1.5rem;padding-top:1.25rem}.sort-section label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.5rem;font-size:.6875rem;font-weight:600;display:block}.sort-select{background:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font:500 .8125rem/1 var(--font-body);border-radius:var(--radius-sm);cursor:pointer;appearance:none;background-image: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='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;outline:none;padding:.5rem .75rem}.channels-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow-y:auto}.channels-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.channels-toolbar .results-count{color:var(--text-muted);font-size:.8125rem}.channels-toolbar .results-count strong{color:var(--text-primary);font-weight:600}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.channel-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s var(--transition);position:relative;overflow:hidden}.channel-card:hover{border-color:var(--color-gray-600);box-shadow:var(--shadow-xl);transform:translateY(-3px)}.card-banner{background:var(--bg-surface);height:100px;position:relative;overflow:hidden}.card-banner img{object-fit:cover;opacity:.85;width:100%;height:100%;transition:opacity .3s}.channel-card:hover .card-banner img{opacity:1}.card-banner-placeholder{place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.card-banner-placeholder svg{width:28px;height:28px;color:var(--surface-bright);z-index:1}.card-banner-placeholder.ph-0{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%)}.card-banner-placeholder.ph-1{background:linear-gradient(135deg,#2d1b36 0%,#441a3e 50%,#5c1a4a 100%)}.card-banner-placeholder.ph-2{background:linear-gradient(135deg,#1b2d2a 0%,#1a3a33 50%,#0f4a3f 100%)}.card-banner-placeholder.ph-3{background:linear-gradient(135deg,#2d2a1b 0%,#3a331a 50%,#4a3f0f 100%)}.card-banner-placeholder.ph-4{background:linear-gradient(135deg,#2d1b1b 0%,#3a1a1a 50%,#4a1a0f 100%)}.card-banner-placeholder:before{content:"";opacity:.12;background-image:radial-gradient(circle at 20% 50%,var(--surface-bright) 1px,transparent 1px), radial-gradient(circle at 80% 20%,var(--surface-raised) 1px,transparent 1px), radial-gradient(circle at 60% 80%,#ffffff14 1.5px,transparent 1.5px);background-size:40px 40px,60px 60px,50px 50px;position:absolute;inset:0}.card-banner-placeholder:after{content:"";background:linear-gradient(#0000 40%,#0000004d 100%);position:absolute;inset:0}.card-avatar{border-radius:var(--radius-full);background:var(--bg-surface-raised);flex-shrink:0;width:32px;height:32px;overflow:hidden}.card-avatar img{object-fit:cover;width:100%;height:100%}.card-avatar-placeholder{width:100%;height:100%;color:var(--text-muted);background:linear-gradient(135deg,#333,#222);place-items:center;font-size:.6875rem;font-weight:700;display:grid}.card-body{padding:1rem}.card-name-row{align-items:center;gap:.625rem;margin-bottom:.375rem;display:flex}.card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.875rem;font-weight:600;overflow:hidden}.card-meta{flex-wrap:wrap;gap:.5rem;margin-bottom:.625rem;display:flex}.card-meta span{color:var(--text-muted);font-size:.6875rem}.card-meta span:before{content:"•";opacity:.4;margin-right:.5rem}.card-meta span:first-child:before{display:none}.card-category-tag{text-transform:uppercase;letter-spacing:.04em;background:var(--accent-soft);color:var(--accent);border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:600;display:inline-flex}.card-subcat-tag{background:var(--accent-soft);color:var(--accent);border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:500;display:inline-flex}.card-actions{gap:.375rem;margin-top:.75rem;display:flex}.card-actions button{background:var(--bg-surface);border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:6px;place-items:center;transition:all .15s;display:grid}.card-actions button:hover{background:var(--accent);border-color:var(--accent);color:var(--color-white)}.card-actions button svg{width:13px;height:13px}.landing-page{justify-content:center;align-items:center;min-height:calc(100vh - 56px);display:flex;position:relative;overflow:hidden}.landing-bg{z-index:0;background:radial-gradient(at 20%,#0f1b3d 0%,#0a0f1a 40%,#060608 80%);position:absolute;inset:0}.landing-stars{background-image:radial-gradient(1px 1px at 10% 20%,#fff6,transparent), radial-gradient(1px 1px at 30% 65%,#ffffff4d,transparent), radial-gradient(1.5px 1.5px at 55% 15%,#ffffff80,transparent), radial-gradient(1px 1px at 70% 45%,#ffffff40,transparent), radial-gradient(1px 1px at 85% 75%,#ffffff59,transparent), radial-gradient(1.5px 1.5px at 15% 80%,#ffffff4d,transparent), radial-gradient(1px 1px at 45% 90%,#fff3,transparent), radial-gradient(1px 1px at 90% 10%,#fff6,transparent), radial-gradient(1px 1px at 60% 55%,var(--surface-bright),transparent), radial-gradient(1.5px 1.5px at 25% 40%,#ffffff73,transparent), radial-gradient(1px 1px at 78% 28%,#ffffff4d,transparent), radial-gradient(1px 1px at 42% 72%,#fff3,transparent);background-size:100% 100%;animation:8s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}.landing-glow{border-radius:var(--radius-full);filter:blur(80px);opacity:.35;pointer-events:none;position:absolute}.landing-glow-1{background:radial-gradient(circle,#38e9b1 0%,#0000 70%);width:500px;height:500px;top:-10%;left:-5%}.landing-glow-2{background:radial-gradient(circle,#28c99a 0%,#0000 70%);width:400px;height:400px;bottom:-10%;right:5%}.landing-content{z-index:1;align-items:center;gap:4rem;width:100%;max-width:1100px;padding:3rem 2.5rem;display:flex;position:relative}.landing-left{flex:1;min-width:0}.landing-right{flex:0 0 380px}.landing-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-soft-hover);margin-bottom:1.5rem;padding:.3rem .75rem;font-size:.625rem;font-weight:700;display:inline-block}.landing-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1.25rem;font-size:2.75rem;font-weight:800;line-height:1.15}.landing-title em{color:var(--accent);font-style:italic}.landing-desc{color:var(--text-secondary);max-width:520px;margin-bottom:1rem;font-size:1rem;line-height:1.7}.landing-features{grid-template-columns:1fr 1fr;gap:.625rem;margin-top:1.75rem;display:grid}.landing-feature{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.landing-feature svg{width:18px;height:18px;color:var(--accent);flex-shrink:0}.landing-cta-card{background:var(--surface-hover);border-radius:var(--radius-xl);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff14;padding:2.5rem 2rem}.landing-cta-icon{background:var(--color-yt-red);width:64px;height:64px;color:var(--color-white);border-radius:16px;place-items:center;margin:0 auto 1.5rem;display:grid;box-shadow:0 8px 32px #ff000040}.landing-cta-icon svg{width:32px;height:32px}.landing-cta-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.375rem;font-weight:700}.landing-cta-desc{color:var(--text-secondary);margin-bottom:1.75rem;font-size:.875rem;line-height:1.6}.btn-landing-cta{border-radius:var(--radius-md);width:100%;font:700 1rem/1 var(--font-body);cursor:pointer;background:var(--color-white);color:#111;transition:all .25s var(--transition);box-shadow:0 4px 20px var(--surface-bright);border:none;justify-content:center;align-items:center;gap:.625rem;padding:1rem 2rem;display:inline-flex}.btn-landing-cta:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 8px 32px #ffffff40}.btn-landing-cta svg{flex-shrink:0}.landing-cta-hint{color:var(--text-muted);margin-top:1rem;font-size:.6875rem}@media (max-width:900px){.landing-content{flex-direction:column;gap:2.5rem;padding:2rem 1.5rem}.landing-right{flex:none;width:100%;max-width:400px}.landing-title{font-size:2rem}.landing-features{grid-template-columns:1fr}}@media (max-width:600px){.landing-content{padding:1.5rem 1rem}.landing-title{font-size:1.625rem}.landing-cta-card{padding:2rem 1.5rem}}.import-heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-black);margin-bottom:.625rem;font-size:2rem;font-weight:700}.import-heading em{color:var(--accent);font-style:italic}.import-subtitle{color:var(--text-secondary);margin-bottom:2.25rem;font-size:.9375rem;line-height:1.6}.import-hint{color:var(--text-muted);margin-top:1.5rem;font-size:.75rem}.import-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:left;margin-bottom:1rem;padding:1.5rem;transition:border-color .2s}.import-card:hover{border-color:var(--color-gray-600)}.import-card-primary{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.import-card-icon{background:var(--color-yt-red);width:48px;height:48px;color:var(--color-white);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.import-card-icon svg{width:24px;height:24px}.import-card-body{flex:1;min-width:200px}.import-card-body h3{color:var(--text-primary);margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.import-card-body p{color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.btn-youtube{border:none;box-shadow:0 1px 3px #0003;background:var(--color-white)!important;color:#333!important;font-weight:600!important}.btn-youtube:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000040;background:#f5f5f5!important}.import-card-secondary{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.import-card-actions{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}.import-card-progress{border-color:var(--accent)}.sync-progress{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.sync-spinner{border-radius:var(--radius-full);border:3px solid var(--border-subtle);border-top-color:var(--accent);flex-shrink:0;width:32px;height:32px;animation:.7s linear infinite spin}.sync-status{flex-direction:column;gap:.125rem;display:flex}.sync-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.sync-detail{color:var(--text-secondary);font-size:.75rem}.sync-bar-wrap{background:var(--border-subtle);border-radius:2px;width:100%;height:4px;overflow:hidden}.sync-bar{background:var(--accent);width:0%;height:100%;transition:width .4s var(--transition);border-radius:2px}.import-divider{align-items:center;gap:1rem;margin:1.25rem 0;display:flex}.import-divider:before,.import-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.import-divider span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:500}.onboarding-steps{text-align:left;flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.onboarding-step{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:flex-start;gap:1rem;padding:1rem 1.25rem;transition:border-color .2s;display:flex}.onboarding-step:hover{border-color:var(--color-gray-600)}.step-num{border-radius:var(--radius-full);background:var(--accent);width:28px;height:28px;color:var(--color-white);flex-shrink:0;place-items:center;font-size:.75rem;font-weight:700;display:grid}.step-text{color:var(--text-secondary);font-size:.8125rem;line-height:1.55}.step-text strong{color:var(--text-primary);font-weight:600}.onboarding-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn-lg{border-radius:var(--radius-sm);font:600 .875rem/1 var(--font-body);cursor:pointer;transition:all .2s var(--transition);align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--color-white);border:none}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:active{background:var(--accent-pressed)}.btn-secondary{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--color-gray-600)}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#000000b3;place-items:center;transition:opacity .25s;display:none;position:fixed;inset:0}.modal-overlay.open{opacity:1;display:grid}.modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:90%;max-width:480px;max-height:85vh;transition:transform .3s var(--transition);padding:2rem;overflow-y:auto;transform:translateY(20px)}.modal-overlay.open .modal{transform:translateY(0)}.modal h2{font-family:var(--font-display);margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.modal p.subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.8125rem;line-height:1.5}.modal-close{float:right;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem;transition:color .15s}.modal-close:hover{color:var(--text-primary)}.modal-close svg{width:18px;height:18px}.form-group{margin-bottom:1rem}.form-group label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.375rem;font-size:.6875rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{background:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font:400 .875rem/1.4 var(--font-body);border-radius:var(--radius-sm);outline:none;padding:.625rem .75rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:80px}.form-group .hint{color:var(--text-muted);margin-top:.25rem;font-size:.6875rem;line-height:1.4}.form-error{color:var(--color-error);border-radius:var(--radius-sm);background:#ef444414;border:1px solid #ef444426;margin-top:.375rem;padding:.375rem .625rem;font-size:.75rem;line-height:1.4}.cat-checkbox-list{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-wrap:wrap;gap:.375rem;max-height:180px;padding:.5rem;display:flex;overflow-y:auto}.cat-check-item{border-radius:var(--radius-pill);background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:.375rem;padding:.3rem .625rem;font-size:.75rem;transition:all .15s;display:flex}.cat-check-item:hover{border-color:var(--color-gray-600);color:var(--text-primary)}.cat-check-item.checked{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.cat-check-item input{display:none}.bulk-subcat-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:.5rem;margin-bottom:.25rem;padding-left:.25rem;font-size:.5625rem;font-weight:700}.bulk-subcat-group-label:first-child{margin-top:0}.channel-card .card-select,.ch-card .card-select{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border:1.5px solid #ffffff40;border-radius:6px;place-items:center;width:22px;height:22px;transition:all .15s;display:none;position:absolute;top:.625rem;right:.625rem}.bulk-mode .channel-card .card-select,.bulk-mode .ch-card .card-select{display:grid}.btn-bulk-toggle{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;font:500 .75rem/1 var(--font-body);white-space:nowrap;align-items:center;gap:.375rem;padding:.4rem .75rem;transition:all .12s;display:flex}.btn-bulk-toggle:hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--color-gray-600)}.btn-bulk-toggle svg{flex-shrink:0;width:14px;height:14px}.bulk-mode .btn-bulk-toggle{background:var(--accent);border-color:var(--accent);color:var(--color-white)}#bbBulkEditAction{display:none}.bulk-mode #bbBulkEditAction{display:inline-flex}.bulk-mode .btn-bulk-toggle:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.bulk-mode .btn-bulk-toggle:active{background:var(--accent-pressed)}.channel-card .card-select.selected,.ch-card .card-select.selected{background:var(--accent);border-color:var(--accent)}.channel-card .card-select svg,.ch-card .card-select svg{width:14px;height:14px;color:var(--color-white);opacity:0}.channel-card .card-select.selected svg,.ch-card .card-select.selected svg{opacity:1}.channel-card.selected-card,.ch-card.selected-card{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.bulk-bar{z-index:150;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);opacity:0;transition:all .3s var(--transition);pointer-events:none;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 12px 40px #00000080}.bulk-bar.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.bulk-bar-count{color:var(--text-primary);white-space:nowrap;font-size:.8125rem;font-weight:600}.bulk-bar-actions{gap:.5rem;display:flex}.bulk-bar button{border-radius:var(--radius-sm);font:500 .8125rem/1 var(--font-body);cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);align-items:center;gap:.375rem;padding:.5rem .875rem;transition:all .15s;display:inline-flex}.bulk-bar button:hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--color-gray-600)}.bulk-bar button svg{width:14px;height:14px}.bulk-bar .btn-bulk-primary{background:var(--accent);border-color:var(--accent);color:var(--color-white)}.bulk-bar .btn-bulk-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.bulk-bar .btn-bulk-primary:active{background:var(--accent-pressed)}.modal-footer{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.modal-footer button{border-radius:var(--radius-sm);font:500 .8125rem/1 var(--font-body);cursor:pointer;padding:.5rem 1rem;transition:all .15s}.modal-footer .btn-cancel{border:1px solid var(--border-subtle);color:var(--text-secondary);background:0 0}.modal-footer .btn-cancel:hover{background:var(--bg-surface);color:var(--text-primary)}.modal-footer .btn-save{background:var(--accent);color:var(--color-white);border:none}.modal-footer .btn-save:hover{background:var(--accent-hover)}.modal-footer .btn-save:active{background:var(--accent-pressed)}.modal-footer .btn-danger{background:var(--color-danger);color:var(--color-white);border:none}.ecm-modal{width:460px;max-width:96vw;border-radius:var(--radius-lg)!important;padding:0!important;overflow:hidden auto!important}.ecm-banner{border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-shrink:0;height:88px;position:relative;overflow:hidden}.ecm-banner:after{content:"";background:linear-gradient(to bottom,transparent 30%,var(--bg-card) 100%);position:absolute;inset:0}.ecm-close-btn{z-index:10;border:1px solid var(--surface-raised);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#0006;border-radius:7px;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.ecm-close-btn:hover{color:var(--text-secondary);background:#0009}.ecm-identity{z-index:2;margin-top:-28px;padding:0 22px;position:relative}.ecm-avatar{border-radius:var(--radius-full);border:3px solid var(--bg-card);background:var(--bg-surface);width:54px;height:54px;font-family:var(--font-display);color:var(--text-muted);justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;overflow:hidden}.ecm-avatar img{object-fit:cover;width:100%;height:100%}.ecm-name-row{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.ecm-channel-name{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.2}.ecm-handle{color:var(--text-muted);margin-top:1px;font-size:.6875rem}.ecm-action-btns{flex-shrink:0;gap:6px;display:flex}.ecm-btn{font-size:.6875rem;font-weight:500;font-family:var(--font-body);cursor:pointer;border:1px solid var(--border-subtle);color:var(--text-secondary);background:0 0;border-radius:7px;align-items:center;gap:4px;padding:6px 12px;transition:all .15s;display:inline-flex}.ecm-btn:hover{border-color:var(--surface-bright);color:var(--text-primary)}.ecm-btn svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.ecm-btn.fav-on{background:var(--accent-soft);border-color:var(--accent-glow);color:var(--accent)}.ecm-btn.fav-on svg{fill:var(--accent);stroke:var(--accent)}.ecm-btn.ecm-yt{color:var(--color-yt-red-text);background:#ff003314;border-color:#f033}.ecm-btn.ecm-yt:hover{background:#ff003324}.ecm-btn.ecm-yt svg{fill:var(--color-yt-red-text);stroke:none}.ecm-divider{background:var(--border-subtle);height:1px;margin:14px 22px}.ecm-stats{grid-template-columns:repeat(5,1fr);gap:2px;padding:0 22px;display:grid}.ecm-stat{text-align:center;cursor:default;border-radius:7px;padding:8px 2px;transition:background .15s}.ecm-stat:hover{background:var(--bg-surface)}.ecm-stat-value{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);font-size:.9375rem;font-weight:700;line-height:1}.ecm-stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-top:3px;font-size:.5rem;font-weight:600}.ecm-fields{padding:2px 22px 0}.ecm-field-row{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.ecm-field-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);flex-shrink:0;min-width:80px;padding-top:5px;font-size:.5625rem;font-weight:600}.ecm-field-tags{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ecm-tag{border-radius:5px;align-items:center;gap:4px;padding:3px 10px;font-size:.6875rem;font-weight:500;display:inline-flex}.ecm-tag-cat{color:var(--color-red-500);background:#e85d501a;border:1px solid #e85d5033}.ecm-tag-sub{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary)}.ecm-tag-add{border:1px dashed var(--border-subtle);color:var(--text-muted);cursor:pointer;font-size:.6875rem;font-weight:500;font-family:var(--font-body);background:0 0;border-radius:5px;align-items:center;gap:3px;padding:3px 9px;transition:all .15s;display:inline-flex}.ecm-tag-add:hover{border-color:var(--surface-bright);color:var(--text-secondary)}.ecm-tag-add svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;width:10px;height:10px}.ecm-cat-edit-panel{padding:6px 0 2px 90px}.ecm-subcat-edit-panel{padding:4px 0 2px 90px}.ecm-subcat-edit-panel select{background:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-body);padding:.35rem .625rem}.ecm-notes-section{margin-top:2px;padding:0 22px}.ecm-notes-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:6px;font-size:.5625rem;font-weight:600}.ecm-notes-input{background:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;font-size:.75rem;font-family:var(--font-body);color:var(--text-secondary);resize:vertical;border-radius:8px;outline:none;min-height:56px;padding:8px 12px;line-height:1.5;transition:border-color .2s}.ecm-notes-input::placeholder{color:var(--text-muted)}.ecm-notes-input:focus{border-color:#ffffff24}.ecm-keywords-section{border-top:1px solid var(--border-subtle);margin-top:8px;padding:12px 22px 6px}.ecm-kw-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:6px;font-size:.5625rem;font-weight:600}.ecm-kw-list{flex-wrap:wrap;gap:4px;display:flex}.ecm-kw{color:var(--text-muted);background:var(--bg-surface);border-radius:3px;padding:2px 7px;font-size:.625rem}.modal-footer .btn-danger:hover{filter:brightness(1.15)}.cat-colour-swatches{flex-wrap:wrap;gap:.375rem;margin-top:.375rem;display:flex}.cat-colour-swatch{border-radius:var(--radius-full);cursor:pointer;border:2px solid #0000;flex-shrink:0;width:24px;height:24px;transition:transform .12s,border-color .12s}.cat-colour-swatch:hover{transform:scale(1.2)}.cat-colour-swatch.selected{border-color:var(--color-white);transform:scale(1.15);box-shadow:0 0 0 1px #ffffff4d}.manage-cat-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.manage-cat-row:last-child{border-bottom:none}.manage-cat-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.875rem;font-weight:500;overflow:hidden}.manage-cat-count{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.manage-cat-edit{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;place-items:center;transition:all .15s;display:grid}.manage-cat-edit:hover{background:var(--bg-surface-raised);color:var(--text-primary)}.manage-cat-edit svg{width:14px;height:14px}.ai-progress{background:var(--bg-surface);border-radius:var(--radius-sm);color:var(--text-secondary);margin:1rem 0;padding:1rem;font-size:.8125rem;display:none}.ai-progress.active{display:block}.ai-progress .spinner{border:2px solid var(--border-subtle);border-top-color:var(--accent);border-radius:var(--radius-full);vertical-align:middle;width:14px;height:14px;margin-right:.5rem;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}input[type=range]{-webkit-appearance:none;background:var(--border-subtle);border:none;border-radius:2px;outline:none;width:100%;height:4px;margin:.5rem 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border-radius:var(--radius-full);background:var(--accent);cursor:pointer;width:16px;height:16px}.toast{background:var(--bg-surface-raised);border:1px solid var(--border-subtle);color:var(--text-primary);font:500 .8125rem/1 var(--font-body);border-radius:var(--radius-sm);z-index:300;opacity:0;transition:all .3s var(--transition);pointer-events:none;padding:.75rem 1.25rem;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.dropdown{display:inline-block;position:relative}.dropdown-menu{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);z-index:50;min-width:180px;margin-top:.375rem;padding:.375rem;display:none;position:absolute;top:100%;right:0;box-shadow:0 8px 30px #0006}.dropdown-menu.open{display:block}.dropdown-menu button{width:100%;color:var(--text-secondary);font:400 .8125rem/1 var(--font-body);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .625rem;transition:all .15s;display:flex}.dropdown-menu button:hover{background:var(--bg-surface);color:var(--text-primary)}.dropdown-menu button svg{flex-shrink:0;width:14px;height:14px}.file-input{display:none}.analytics-page{flex:1;min-height:0;display:none;overflow-y:auto}.analytics-page.active{flex-direction:column;display:flex}.an-inner{flex:1;padding:1.75rem 2rem 3rem}.an-header{margin-bottom:1rem}.page-title{letter-spacing:-.3px;color:#e8e6e0;font-family:Outfit,sans-serif;font-size:16px;font-weight:600}.page-title em{color:var(--accent);font-style:normal}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:0;display:flex}.page-header-left{flex:1;min-width:0}.page-header-count{color:var(--text-muted);margin-top:.25rem;font-size:.8125rem;font-weight:500}.page-header-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.8125rem}.page-header-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.an-subtitle{color:var(--text-secondary);font-size:.875rem}.an-tabstrip-wrap{border-bottom:1px solid var(--border-subtle);margin-bottom:1.25rem;overflow:hidden}.an-tabstrip{scrollbar-width:none;-webkit-user-select:none;user-select:none;align-items:center;gap:.125rem;padding-bottom:1px;display:flex;overflow-x:auto}.an-tabstrip::-webkit-scrollbar{display:none}.an-tab-icon{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-right:.375rem;transition:all .12s;display:inline-flex}.an-tab-icon:hover,.an-tab-icon.active{background:var(--bg-surface);color:var(--text-primary);border-color:var(--color-gray-600)}.an-tab{border-radius:var(--radius-sm);color:var(--text-muted);font:500 .8125rem/1 var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;gap:.375rem;padding:.4rem .875rem;transition:all .12s;display:inline-flex}.an-tab:hover{color:var(--text-primary);background:var(--bg-surface)}.an-tab.active{background:var(--accent);color:var(--color-white)}.an-score-badge{background:var(--surface-bright);border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 .35rem;font-size:.6875rem;font-weight:700;display:inline-flex}.an-tab.active .an-score-badge{background:#ffffff40}.an-tab-actions{flex-shrink:0;align-items:center;gap:.375rem;margin-left:auto;padding-left:.75rem;display:flex}.an-tab-action{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .12s;display:inline-flex}.an-tab-action:hover{background:var(--bg-surface);color:var(--text-primary)}.an-stats-row{scrollbar-width:none;gap:.75rem;margin-bottom:1.25rem;padding-bottom:2px;display:flex;overflow-x:auto}.an-stats-row::-webkit-scrollbar{display:none}.an-stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex:1;min-width:110px;padding:.875rem 1rem}.an-stat-num{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.an-stat-lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.6rem;font-weight:600}.an-health-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:1.25rem;padding:1.5rem}.an-health-panel-inner{align-items:center;gap:2rem;display:flex}.an-grid{grid-template-columns:1fr 360px;align-items:start;gap:1.25rem;display:grid}.an-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:1.25rem;padding:1.25rem}.an-section:last-child{margin-bottom:0}.an-sticky{position:sticky;top:0}.an-section-hd{margin-bottom:1rem}.an-section-hd h3{font-family:var(--font-display);font-size:1rem;font-weight:700}.an-section-hd p{color:var(--text-muted);margin-top:.125rem;font-size:.8125rem}.analytics-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:1.25rem;padding:1.25rem}.analytics-section-header{margin-bottom:1rem}.analytics-section-header h3{font-family:var(--font-display);font-size:1rem;font-weight:700}.analytics-section-header p{color:var(--text-muted);margin-top:.125rem;font-size:.8125rem}.analytics-empty{color:var(--text-muted);padding:.5rem 0;font-size:.8125rem}.score-ring-wrap{flex-shrink:0;width:120px;height:120px;position:relative}.score-ring{width:100%;height:100%}.score-value{font-family:var(--font-display);color:var(--text-primary);place-items:center;font-size:2rem;font-weight:800;display:grid;position:absolute;inset:0}.score-details{flex:1}.score-details h3{font-family:var(--font-display);margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.score-grade{color:var(--text-secondary);margin-bottom:.75rem;font-size:.875rem}.score-factors{flex-wrap:wrap;gap:.5rem;display:flex}.score-factor{border-radius:var(--radius-pill);align-items:center;gap:.25rem;padding:.3rem .625rem;font-size:.6875rem;display:inline-flex}.score-factor.good{color:var(--color-success);background:#10b9811a}.score-factor.warn{color:var(--color-warning);background:#f59e0b1a}.score-factor.bad{color:var(--color-error);background:#ef44441a}.analytics-bars{flex-direction:column;gap:.5rem;display:flex}.analytics-bar-row{align-items:center;gap:.625rem;display:flex}.analytics-bar-label{width:130px;color:var(--text-secondary);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:.75rem;overflow:hidden}.analytics-bar-track{background:var(--bg-surface);border-radius:4px;flex:1;height:20px;overflow:hidden}.analytics-bar-fill{border-radius:4px;align-items:center;min-width:28px;height:100%;padding:0 .5rem;transition:width .6s;display:flex}.analytics-bar-fill span{color:var(--color-white);white-space:nowrap;font-size:.6rem;font-weight:700}.analytics-bar-count{color:var(--text-secondary);text-align:right;min-width:2.5rem;font-size:.75rem;font-weight:600}.dead-channel-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.875rem;padding:.75rem 0;display:flex}.dead-channel-row:last-child{border-bottom:none}.dead-channel-avatar{border-radius:var(--radius-full);background:var(--bg-surface-raised);flex-shrink:0;width:36px;height:36px;overflow:hidden}.dead-channel-avatar img{object-fit:cover;width:100%;height:100%}.dead-channel-info{flex:1;min-width:0}.dead-channel-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.dead-channel-reason{color:var(--text-muted);font-size:.6875rem}.dead-channel-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:10px;flex-shrink:0;padding:.2rem .5rem;font-size:.5625rem;font-weight:600}.dead-channel-tag.dead{color:var(--color-error);background:#ef44441a}.dead-channel-tag.slow{color:var(--color-warning);background:#f59e0b1a}.top-channel-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.875rem;padding:.75rem 0;display:flex}.top-channel-row:last-child{border-bottom:none}.top-channel-rank{border-radius:var(--radius-full);background:var(--bg-surface-raised);width:24px;height:24px;color:var(--text-muted);flex-shrink:0;place-items:center;font-size:.6875rem;font-weight:700;display:grid}.top-channel-rank.gold{color:var(--color-warning);background:#f59e0b26}.top-channel-rank.silver{color:#94a3b8;background:#94a3b826}.top-channel-rank.bronze{color:#d97706;background:#b4530926}.analytics-premium-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid #fbbf2440;margin-top:1.5rem;padding:2.5rem 2rem;position:relative;overflow:hidden}.premium-glow{pointer-events:none;background:radial-gradient(circle,#fbbf2414 0%,#0000 70%);width:260px;height:260px;position:absolute;top:-80px;right:-80px}.premium-content{z-index:1;text-align:center;max-width:560px;margin:0 auto;position:relative}.premium-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-pill);color:#fbbf24;background:#fbbf241a;align-items:center;gap:.375rem;margin-bottom:1.25rem;padding:.375rem .875rem;font-size:.6875rem;font-weight:700;display:inline-flex}.premium-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.premium-title em{color:#fbbf24;font-style:italic}.premium-desc{color:var(--text-secondary);margin-bottom:1.75rem;font-size:.875rem;line-height:1.6}.premium-steps{text-align:left;flex-direction:column;gap:.75rem;margin-bottom:1.75rem;display:flex}.premium-step{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);align-items:flex-start;gap:.875rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.5;transition:border-color .2s;display:flex}.premium-step:hover{border-color:#fbbf244d}.premium-step strong{color:var(--text-primary);font-weight:600}.premium-step-num{border-radius:var(--radius-full);width:26px;height:26px;color:var(--color-black);background:linear-gradient(135deg,#fbbf24,#f59e0b);flex-shrink:0;place-items:center;font-size:.6875rem;font-weight:800;display:grid}.premium-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1rem;display:flex}.btn-premium{border-radius:var(--radius-sm);font:600 .875rem/1 var(--font-body);cursor:pointer;color:var(--color-black);transition:all .2s var(--transition);background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:inline-flex;box-shadow:0 2px 12px #fbbf2440}.btn-premium:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 20px #fbbf2459}.btn-premium-secondary{border-radius:var(--radius-sm);font:500 .875rem/1 var(--font-body);cursor:pointer;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all .2s var(--transition);align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.btn-premium-secondary:hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--color-gray-600)}.premium-hint{color:var(--text-muted);margin-top:.5rem;font-size:.6875rem}.analytics-premium-loaded-header{border-top:1px solid #fbbf2426;justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:1rem;padding-top:1.5rem;display:flex}.btn-wh-reupload{border:1px solid var(--border-subtle);color:var(--text-muted);font:500 .75rem/1 var(--font-body);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:.375rem;padding:.375rem .75rem;transition:all .15s;display:inline-flex}.btn-wh-reupload:hover{color:#fbbf24;background:#fbbf240d;border-color:#fbbf24}.pricing-page{max-width:1100px;margin:0 auto;padding:2.5rem;display:none}.pricing-page.active{display:block}.pricing-hero{text-align:center;margin-bottom:3rem}.pricing-hero h2{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:.75rem;font-size:2.25rem;font-weight:800}.pricing-hero p{color:var(--text-secondary);max-width:520px;margin:0 auto;font-size:1rem;line-height:1.6}.pricing-section{margin-bottom:3.5rem}.pricing-section-header{align-items:baseline;gap:.75rem;margin-bottom:1.5rem;display:flex}.pricing-section-header h3{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.375rem;font-weight:700}.pricing-section-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-pill);padding:.25rem .625rem;font-size:.5625rem;font-weight:700}.pricing-badge-viewer,.pricing-badge-creator{background:var(--accent-soft);color:var(--accent)}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .25s var(--transition);flex-direction:column;padding:1.75rem;display:flex;position:relative}.pricing-card:hover{border-color:var(--color-gray-600);transform:translateY(-2px)}.pricing-card-featured{border-color:var(--accent);background:linear-gradient(#38e9b10d 0%,#0000 40%)}.pricing-card-popular{background:var(--accent);color:var(--color-white);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-pill);padding:.25rem .75rem;font-size:.5625rem;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.pricing-card-tier{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.5rem;font-size:.6875rem;font-weight:600}.pricing-card-price{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:.25rem;font-size:2.5rem;font-weight:800}.pricing-card-price span{color:var(--text-muted);font-size:.8125rem;font-weight:400}.pricing-card-desc{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.75rem;line-height:1.5}.pricing-features{flex:1;margin-bottom:1.5rem;list-style:none}.pricing-features li{color:var(--text-secondary);border-bottom:1px solid #ffffff08;padding:.375rem 0 .375rem 1.25rem;font-size:.8125rem;line-height:1.5;position:relative}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓";color:var(--accent);font-size:.75rem;font-weight:700;position:absolute;left:0}.pricing-features li.feat-highlight{color:var(--text-primary);font-weight:500}.pricing-features li.feat-disabled{color:var(--text-muted);opacity:.5;text-decoration:line-through}.pricing-features li.feat-disabled:before{content:"—";color:var(--text-muted)}.pricing-btn{border-radius:var(--radius-sm);width:100%;font:600 .8125rem/1 var(--font-body);cursor:pointer;text-align:center;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);padding:.75rem;text-decoration:none;transition:all .15s;display:block}.pricing-btn:hover{background:var(--bg-surface-raised);border-color:var(--color-gray-600)}.pricing-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--color-white)}.pricing-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.pricing-btn-primary:active{background:var(--accent-pressed)}.pricing-divider{border:none;border-top:1px solid var(--border-subtle);margin:1rem 0 2.5rem}.pricing-faq{margin-top:2rem}.pricing-faq h3{font-family:var(--font-display);margin-bottom:1.25rem;font-size:1.375rem;font-weight:700}.pricing-faq-item{border-bottom:1px solid var(--border-subtle);padding:1rem 0}.pricing-faq-q{color:var(--text-primary);margin-bottom:.375rem;font-size:.875rem;font-weight:600}.pricing-faq-a{color:var(--text-secondary);font-size:.8125rem;line-height:1.6}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr}.pricing-hero h2{font-size:1.75rem}}.blog-page{flex:1;min-height:0;display:none;overflow-y:auto}.blog-page.active{flex-direction:column;display:flex}.blog-inner{flex:1;padding:1.75rem 2rem 3rem}.blog-controls{flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:1.75rem;display:flex}.blog-search-wrap{flex:1;min-width:160px;max-width:260px;position:relative}.blog-search-wrap svg{width:14px;height:14px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.625rem;transform:translateY(-50%)}.blog-search-input{background:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font:400 .8125rem/1 var(--font-body);border-radius:var(--radius-sm);outline:none;padding:.5rem .75rem .5rem 2rem;transition:border-color .15s}.blog-search-input:focus{border-color:#555}.blog-search-input::placeholder{color:var(--text-muted)}.blog-sort-select{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-sm);font-size:.8125rem;font-family:var(--font-body);cursor:pointer;outline:none;padding:.4rem .625rem}.blog-filter-pills{flex-wrap:wrap;gap:.375rem;display:flex}.blog-filter-pill{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);color:var(--text-muted);font:500 .75rem/1 var(--font-body);cursor:pointer;background:0 0;padding:.375rem .75rem;transition:all .15s}.blog-filter-pill:hover{color:var(--text-primary);border-color:#555}.blog-filter-pill.active{background:var(--accent);border-color:var(--accent);color:var(--color-white)}.blog-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.blog-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;overflow:hidden}.blog-card:hover{border-color:#333;transform:translateY(-2px)}.blog-card-color{height:6px}.blog-card-body{padding:1.25rem}.blog-card-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.5rem;font-size:.5625rem;font-weight:700;display:inline-block}.blog-card-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.3}.blog-card-excerpt{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.8125rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-meta{color:var(--text-muted);justify-content:space-between;font-size:.6875rem;display:flex}.blog-article-page{max-width:700px;margin:0 auto;padding:2.5rem;display:none}.blog-article-page.active{display:block}.blog-back{color:var(--text-muted);cursor:pointer;font:500 .8125rem/1 var(--font-body);background:0 0;border:none;align-items:center;gap:.375rem;margin-bottom:1.5rem;transition:color .15s;display:inline-flex}.blog-back:hover{color:var(--accent)}.blog-article-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.625rem;font-size:.625rem;font-weight:700;display:inline-block}.blog-article-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:.75rem;font-size:2rem;font-weight:800;line-height:1.15}.blog-article-meta{color:var(--text-muted);gap:.5rem;margin-bottom:2rem;font-size:.8125rem;display:flex}.blog-article-body{color:var(--text-secondary);font-size:.9375rem;line-height:1.8}.blog-article-body h2{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin:2.5rem 0 .75rem;font-size:1.375rem;font-weight:700}.blog-article-body h3{color:var(--text-primary);margin:2rem 0 .5rem;font-size:1.0625rem;font-weight:600}.blog-article-body p{margin-bottom:1.25rem}.blog-article-body strong{color:var(--text-primary);font-weight:600}.blog-article-body ul,.blog-article-body ol{margin:1rem 0 1.25rem 1.25rem}.blog-article-body li{margin-bottom:.375rem}.blog-article-cta{text-align:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-top:3rem;padding:2rem}.blog-article-cta h3{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.blog-article-cta p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.875rem}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}}.settings-page{max-width:700px;margin:0 auto;padding:2.5rem;display:none}.settings-page.active{display:block}.settings-heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-black);margin-bottom:.375rem;font-size:2rem;font-weight:700}.settings-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.875rem}.settings-section{margin-bottom:2rem}.settings-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.625rem;font-size:.6875rem;font-weight:700}.settings-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.settings-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-info{flex:1;min-width:0}.settings-row-label{color:var(--text-primary);margin-bottom:.125rem;font-size:.8125rem;font-weight:500}.settings-row-desc{color:var(--text-muted);font-size:.75rem;line-height:1.4}.settings-btn{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);font:500 .75rem/1 var(--font-body);cursor:pointer;white-space:nowrap;padding:.4rem .875rem;transition:all .12s}.settings-btn:hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--color-gray-600)}.settings-btn-accent{background:var(--accent-soft);border-color:var(--accent-soft-hover);color:var(--accent)}.settings-btn-accent:hover{background:var(--accent-soft-hover);border-color:var(--accent)}.settings-btn-danger{color:var(--color-error);background:#ef444414;border-color:#ef444426}.settings-btn-danger:hover{border-color:var(--color-error);background:#ef444426}.settings-select{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);font:500 .75rem/1 var(--font-body);cursor:pointer;outline:none;padding:.4rem .625rem}.settings-select:disabled{opacity:.5;cursor:not-allowed}.app-shell{height:100vh;display:flex;overflow:hidden}.app-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.home-view{flex-direction:row;flex:1;display:none;overflow:hidden}.home-view.active{display:flex}.home-nav-primary{background:var(--bg-card);border-right:1px solid var(--border-subtle);z-index:10;flex-direction:column;flex-shrink:0;width:220px;transition:width .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.hnp-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;min-height:50px;padding:14px 14px 12px;display:flex}.home-nav-primary.collapsed .hnp-header{justify-content:center;padding:14px 10px 12px}.home-nav-brand{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.home-nav-brand-wordmark{letter-spacing:-.5px;white-space:nowrap;cursor:pointer;flex-shrink:0;font-family:Outfit,sans-serif;font-size:22px;font-weight:700;line-height:1;transition:opacity .2s}.home-nav-brand-wordmark span{color:var(--accent-text)}.home-nav-brand-wordmark .hnp-wordmark{color:var(--text-primary,#fff)}@media (prefers-color-scheme:light){.home-nav-brand-wordmark .hnp-wordmark{color:var(--text-primary,#1a1a1a)}}.home-nav-brand-icon{border-radius:7px;flex-shrink:0;width:26px;height:26px;display:none}@media (max-width:768px){.home-nav-primary .home-nav-brand-icon{display:block}.home-nav-primary .home-nav-brand-wordmark{display:none}}.home-nav-primary.collapsed .home-nav-brand-wordmark{opacity:0;width:0;overflow:hidden}.hnp-collapse-btn{border:1px solid var(--border-subtle);width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.hnp-collapse-btn:hover{background:var(--bg-surface);color:var(--text-secondary);border-color:var(--border-hover)}.hnp-collapse-btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;width:13px;height:13px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.home-nav-primary.collapsed .hnp-collapse-btn svg{transform:rotate(180deg)}.home-nav-primary.collapsed .hnp-collapse-btn{margin:0 auto}.hnp-body{scrollbar-width:none;flex-direction:column;flex:1;padding:8px 0 4px;display:flex;overflow:hidden auto}.hnp-body::-webkit-scrollbar{display:none}.hnp-section{margin-bottom:2px;padding:0 8px}.home-nav-section-label,.hnp-section-label{text-transform:uppercase;letter-spacing:1px;color:#5e5d58;white-space:nowrap;padding:8px 8px 6px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;display:block}.home-nav-primary.collapsed .home-nav-section-label{display:none}.home-nav-item{width:100%;min-height:34px;color:var(--text-secondary);cursor:pointer;text-align:left;font-family:var(--font-body);background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:10px;padding:0 10px;transition:all .15s;display:flex;position:relative}.home-nav-primary.collapsed .home-nav-item{justify-content:center;width:38px;height:34px;margin:0 auto;padding:0}.home-nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.home-nav-item.active{color:var(--accent-text);background:#3ecfa014}.home-nav-item.active:before{content:"";background:#3ecfa0;border-radius:0 2px 2px 0;width:3px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.home-nav-item svg{width:16px;height:16px;stroke:var(--text-muted);fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.home-nav-item.active svg{stroke:var(--accent)}.hnp-fav-btn svg,.hnp-fav-btn.active svg{fill:var(--color-favourite);stroke:var(--color-favourite)}.home-nav-item-label{letter-spacing:normal;white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;overflow:hidden}.home-nav-primary.collapsed .home-nav-item-label{display:none}.hnp-count{color:#5e5d58;background:var(--surface-active);font-variant-numeric:tabular-nums;border-radius:10px;flex-shrink:0;padding:1px 7px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:400}.home-nav-item.active .hnp-count{color:var(--accent-text);background:#3ecfa01f}.home-nav-primary.collapsed .hnp-count{display:none}.hnp-pro-badge{color:var(--accent-text);background:#3ecfa01f;border-radius:6px;flex-shrink:0;padding:2px 8px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500}.home-nav-primary.collapsed .hnp-pro-badge{display:none}.home-nav-divider{border:none;border-top:1px solid var(--border-subtle);flex-shrink:0;margin:4px 10px}.hnp-cat-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;transition:all .2s}.home-nav-primary.collapsed .hnp-cat-dot{border-radius:5px;width:20px;height:20px}.hnp-chevron{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;transition:transform .2s;display:flex}.hnp-chevron svg{width:10px;height:10px;stroke:var(--text-muted);fill:none;stroke-width:2px;stroke-linecap:round}.hnp-chevron-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background .15s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.hnp-chevron-btn:hover{background:var(--surface-active)}.hnp-chevron-btn.open .hnp-chevron{transform:rotate(180deg)}.hnp-cat-group{position:relative}.hnp-cat-group>.home-nav-item{padding-right:28px}.home-nav-primary.collapsed .hnp-chevron-btn{display:none}.hnp-sub-items{max-height:0;transition:max-height .25s;overflow:hidden}.hnp-cat-group.open .hnp-sub-items{max-height:400px}.home-nav-primary.collapsed .hnp-sub-items{max-height:0!important}.hnp-sub-item{cursor:pointer;color:var(--text-muted);font-size:12px;font-weight:500;font-family:var(--font-body);text-align:left;border:none;border-radius:7px;align-items:center;gap:8px;width:100%;padding:5px 10px 5px 38px;transition:all .15s;display:flex;background:0 0!important}.hnp-sub-item:hover{color:var(--text-secondary);background:0 0!important}.hnp-sub-item.active{color:var(--accent);background:0 0!important}.hnp-sub-count{color:var(--text-muted);margin-left:auto;font-size:10px}.hnp-sub-item.active .hnp-sub-count{color:var(--text-secondary)}.home-nav-premium svg{opacity:.5}.home-nav-premium:hover svg{opacity:.8}.sidebar-ctrl-btn{border-radius:var(--radius-sm);color:#ffffff59;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-self:flex-start;align-items:center;gap:.625rem;width:100%;height:36px;padding:0 .75rem;transition:color .15s,background .15s;display:flex}.sidebar-ctrl-btn:hover{color:var(--color-white);background:var(--surface-active)}.sidebar-ctrl-btn svg{width:16px;height:16px}.home-nav-primary.collapsed .sidebar-ctrl-btn{align-self:center}.sidebar-ctrl-wrap{position:relative}.sidebar-ctrl-menu{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);z-index:9999;min-width:190px;padding:.5rem;display:none;position:fixed;box-shadow:0 8px 30px #00000080}.sidebar-ctrl-menu.open{display:block}.sidebar-ctrl-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.375rem .625rem .5rem;font-size:.6875rem;font-weight:600}.sidebar-ctrl-option{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);align-items:center;gap:.625rem;padding:.5rem .625rem;font-size:.8125rem;transition:background .15s,color .15s;display:flex}.sidebar-ctrl-option:hover{background:var(--bg-surface);color:var(--text-primary)}.sidebar-ctrl-option.active{color:var(--text-primary)}.sidebar-ctrl-radio{border-radius:var(--radius-full);border:1.5px solid #444;flex-shrink:0;place-items:center;width:14px;height:14px;transition:border-color .15s;display:grid}.sidebar-ctrl-option.active .sidebar-ctrl-radio{border-color:var(--accent)}.sidebar-ctrl-radio-dot{border-radius:var(--radius-full);background:var(--accent);width:6px;height:6px;display:none}.sidebar-ctrl-option.active .sidebar-ctrl-radio-dot{display:block}.home-nav-premium-cta{margin-top:.25rem;background:linear-gradient(90deg,var(--accent-soft-hover),#38e9b10d)!important;border:1px solid var(--accent-soft-hover)!important;color:var(--accent)!important}.home-nav-primary.collapsed .home-nav-premium-cta{margin:.25rem auto 0;border-radius:10px!important}.home-nav-premium-cta:hover{background:linear-gradient(90deg,var(--accent-glow),var(--accent-soft))!important;color:var(--color-white)!important;border-color:#38e9b166!important}.home-nav-premium-cta.active{background:var(--accent-soft-hover)!important;border-color:var(--accent)!important;color:var(--color-white)!important}.home-nav-secondary{background:var(--bg-primary);border-right:1px solid var(--border-subtle);flex-shrink:0;width:0;transition:width .35s;overflow:hidden}.home-nav-secondary.open{width:200px;padding:1.25rem .75rem;overflow-y:auto}.home-nav-secondary-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 .5rem .625rem;font-size:.5625rem;font-weight:700}.home-nav-secondary-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;font:400 .8125rem/1.3 var(--font-body);text-align:left;white-space:normal;word-wrap:break-word;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:all .12s;display:flex}.home-nav-secondary-item:hover{color:var(--text-primary);background:var(--bg-surface)}.home-nav-secondary-item.active{color:var(--accent);background:var(--accent-soft);font-weight:500}.home-nav-secondary-item svg{opacity:.6;flex-shrink:0;width:16px;height:16px}.home-nav-secondary-item.active svg{opacity:1}.home-nav-secondary-subitem{padding-left:1.75rem;font-size:.75rem}.home-nav-secondary-subitem svg{width:12px;height:12px}.feed-cat-group{margin-bottom:.125rem;position:relative}.feed-cat-header{border-radius:var(--radius-sm);cursor:pointer;align-items:center;transition:all .12s;display:flex}.feed-cat-header:hover{background:var(--bg-surface)}.feed-cat-group.active>.feed-cat-header{background:var(--accent-soft)}.feed-cat-group.active>.feed-cat-header:before{content:"";background:var(--accent);border-radius:3px;width:3px;position:absolute;top:0;bottom:0;left:0}.feed-cat-header .feed-cat-btn{min-width:0;color:var(--text-secondary);cursor:pointer;font:400 .8125rem/1.3 var(--font-body);text-align:left;white-space:normal;word-wrap:break-word;background:0 0;border:none;flex:1;padding:.5rem .75rem}.feed-cat-group.active .feed-cat-btn{color:var(--accent);font-weight:500}.feed-cat-header:hover .feed-cat-btn{color:var(--text-primary)}.feed-cat-toggle{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;place-items:center;margin-right:.25rem;transition:all .1s;display:grid}.feed-cat-toggle:hover{color:var(--text-primary);background:var(--bg-surface-raised)}.feed-cat-toggle svg{width:14px;height:14px;transition:transform .2s}.feed-cat-group.open .feed-cat-toggle svg{transform:rotate(180deg)}.feed-cat-add svg{width:12px;height:12px}.feed-cat-subs{border-left:2px solid var(--border-subtle);margin-bottom:.25rem;margin-left:1rem;padding-left:.25rem;display:none}.feed-cat-group.open .feed-cat-subs{display:block}.feed-cat-add-sub{width:100%;color:var(--text-muted);cursor:pointer;font:400 .6875rem/1.3 var(--font-body);background:0 0;border:none;border-radius:4px;align-items:center;gap:.375rem;padding:.3rem .75rem;transition:all .1s;display:flex}.feed-cat-add-sub:hover{color:var(--accent);background:var(--bg-surface)}.sec-nav-actions{flex-direction:column;gap:.375rem;padding:0 .25rem;display:flex}.sec-nav-action-btn{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;color:var(--text-secondary);cursor:pointer;font:500 .75rem/1 var(--font-body);align-items:center;gap:.5rem;padding:.5rem .625rem;transition:all .12s;display:flex}.sec-nav-action-btn:hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--color-gray-600)}.sec-nav-action-btn svg{flex-shrink:0}.sec-nav-filter-group{margin-bottom:.75rem;padding:0 .25rem}.sec-nav-filter-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 .375rem .375rem;font-size:.5625rem;font-weight:700}.sec-nav-filter{color:var(--text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:.375rem;padding:.3rem .375rem;font-size:.75rem;transition:all .1s;display:flex}.sec-nav-filter:hover{background:var(--bg-surface);color:var(--text-primary)}.sec-nav-filter input{display:none}.sec-nav-filter svg{opacity:0;color:var(--accent);flex-shrink:0;transition:opacity .1s}.sec-nav-filter input:checked~svg{opacity:1}.sec-nav-filter input:checked~*{color:var(--text-primary)}.sec-nav-filter-tag{background:var(--bg-surface-raised);color:var(--text-muted);border-radius:8px;margin-left:auto;padding:.1rem .375rem;font-size:.5625rem}.sec-nav-filter-dot{border-radius:var(--radius-full);width:6px;height:6px;margin-left:.25rem;display:inline-block}.sec-nav-sort{background:var(--bg-surface);border:1px solid var(--border-subtle);width:calc(100% - .75rem);color:var(--text-primary);font:500 .75rem/1 var(--font-body);border-radius:var(--radius-sm);cursor:pointer;outline:none;margin:0 .375rem;padding:.4rem .5rem}.sec-nav-clear-btn{border-radius:var(--radius-sm);width:calc(100% - .5rem);color:var(--color-error);cursor:pointer;font:500 .6875rem/1 var(--font-body);background:0 0;border:1px solid #ef444433;align-items:center;gap:.375rem;margin:.5rem .25rem;padding:.4rem .625rem;transition:all .12s;display:flex}.sec-nav-clear-btn:hover{background:#ef444414;border-color:#ef44444d}.home-nav-secondary-divider{border:none;border-top:1px solid var(--border-subtle);margin:.625rem .5rem}.home-main{flex:1;min-width:0;padding:1.75rem 2rem;overflow-y:auto}.home-main-header{margin-bottom:1.75rem}.home-main-header h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-black);margin-bottom:.25rem;font-size:2rem;font-weight:700}.home-main-header p{color:var(--text-secondary);font-size:.875rem}.home-section{margin-top:2rem;margin-bottom:2rem}.home-section-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.home-section-title{font-family:var(--font-display);color:var(--accent);font-size:1.125rem;font-weight:700}.home-section-count{color:var(--text-muted);font-size:.75rem;font-weight:400}.feed-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:1rem;display:flex}.feed-page-header h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.2rem;font-size:1.5rem;font-weight:700}.feed-page-header-meta{color:var(--text-muted);font-size:.8125rem}.feed-page-controls{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.feed-controls-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.625rem;margin-bottom:.125rem;padding:.875rem 0 .75rem;display:flex}.feed-search-wrap{flex:1;max-width:280px;position:relative}.feed-search-wrap svg{width:13px;height:13px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.625rem;transform:translateY(-50%)}.feed-search-input{background:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);font-size:.8125rem;font-family:var(--font-body);padding:.4rem .625rem .4rem 2rem}.feed-search-input:focus{border-color:var(--accent);outline:none}.feed-sort-select{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-sm);font-size:.8125rem;font-family:var(--font-body);cursor:pointer;padding:.375rem .625rem}.sticky-bar,.feed-sticky-bar{z-index:50;background:var(--bg-primary);border-bottom:1px solid #0000;margin:0 -2rem;padding:0 2rem;transition:border-color .2s,box-shadow .2s;position:sticky;top:0}#homeMain.feed-scrolled .feed-sticky-bar,#homeMain.feed-scrolled .sticky-bar{border-color:var(--border-subtle);box-shadow:var(--shadow-md)}#homeMain{padding-top:0}#homeMain .db-header{opacity:1;max-height:120px;padding-top:1.75rem;transition:max-height .25s,opacity .2s,margin .25s,padding .25s;overflow:hidden}#homeMain.feed-scrolled .db-header{opacity:0;max-height:0;margin:0;padding-top:0}.feed-cats-row{border-bottom:none;margin:0;padding-bottom:.25rem;overflow:hidden}.feed-cats-row .cat-tabs-track{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;display:flex;overflow-x:auto}.feed-cats-row .cat-tabs-track::-webkit-scrollbar{display:none}.feed-cats-row .cat-tabs-track.dragging{cursor:grabbing;scroll-behavior:auto}.feed-cats-row .cat-tabs-track.dragging .cat-tab{pointer-events:none}.feed-subcats-row{flex-wrap:wrap;gap:.375rem;padding:.625rem 0 .875rem;display:flex}.feed-video-row{border-bottom:1px solid var(--surface-hover);cursor:pointer;border-radius:var(--radius-sm);align-items:flex-start;gap:.875rem;padding:.875rem 0;transition:background .12s;display:flex}.feed-video-row:hover{background:var(--bg-surface);margin:0 -.75rem;padding:.875rem .75rem}.feed-video-row:last-child{border-bottom:none}.feed-video-thumb{background:var(--bg-surface-raised);border-radius:6px;flex-shrink:0;width:128px;height:72px;position:relative;overflow:hidden}.feed-video-thumb img{object-fit:cover;width:100%;height:100%}.feed-video-thumb-ph{background:linear-gradient(135deg,#1e2030,#161820);place-items:center;width:100%;height:100%;display:grid}.feed-video-thumb-ph svg{opacity:.3;width:22px;height:22px}.feed-video-body{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.feed-video-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.feed-video-meta{color:var(--text-muted);font-size:.75rem}.feed-video-footer{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.feed-cat-badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;padding:.2rem .55rem;font-size:.6875rem;font-weight:500;display:inline-flex}.feed-subcat-badge{border-radius:var(--radius-pill);white-space:nowrap;color:var(--text-muted);background:#94a3b81f;align-items:center;padding:.2rem .55rem;font-size:.6875rem;font-weight:500;display:inline-flex}.feed-shorts-badge{background:var(--color-yt-red);color:var(--color-white);letter-spacing:.02em;border-radius:3px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;bottom:4px;left:4px}.feed-video-desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:400px;font-size:.6875rem;overflow:hidden}.feed-video-menu{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;padding:.25rem;transition:opacity .1s}.feed-video-row:hover .feed-video-menu{opacity:1}.home-feed-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;padding:3rem 0;font-size:.875rem;display:flex}.feed-type-toggle{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-shrink:0;align-items:center;display:flex;overflow:hidden}.feed-type-btn{height:28px;color:var(--text-muted);font:500 .75rem/1 var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0 .625rem;transition:all .15s}.feed-type-btn:hover{color:var(--text-primary);background:var(--bg-surface-raised)}.feed-type-btn.active{background:var(--accent);color:var(--color-white)}.feed-view-toggle{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-shrink:0;align-items:center;display:flex;overflow:hidden}.feed-view-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;place-items:center;transition:all .15s;display:grid}.feed-view-btn:hover{color:var(--text-primary);background:var(--bg-surface-raised)}.feed-view-btn.active{background:var(--accent);color:var(--color-white)}.feed-view-btn svg{width:12px;height:12px}#homeMain.feed-view-list .feed-video-thumb,.feed-view-list .feed-video-thumb{display:none}#homeMain.feed-view-list .feed-video-row,.feed-view-list .feed-video-row{align-items:center;padding:.625rem 0}#homeMain.feed-view-list .feed-video-row:hover,.feed-view-list .feed-video-row:hover{padding:.625rem .75rem}#homeMain.feed-view-grid .home-section,.feed-view-grid .home-section{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (max-width:1300px){#homeMain.feed-view-grid .home-section,.feed-view-grid .home-section{grid-template-columns:repeat(2,1fr)}}#homeMain.feed-view-grid .feed-video-row,.feed-view-grid .feed-video-row{border-radius:var(--radius-md);background:var(--bg-card);border-bottom:none;border:1px solid var(--border-subtle);flex-direction:column;gap:0;padding:0;overflow:hidden}#homeMain.feed-view-grid .feed-video-row:hover,.feed-view-grid .feed-video-row:hover{background:var(--bg-card);border-color:var(--color-gray-600);margin:0;padding:0;transform:translateY(-2px);box-shadow:0 8px 24px #00000059}#homeMain.feed-view-grid .feed-video-thumb,.feed-view-grid .feed-video-thumb{border-radius:0;flex-shrink:0;width:100%;height:0;padding-bottom:56.25%;position:relative}#homeMain.feed-view-grid .feed-video-thumb img,.feed-view-grid .feed-video-thumb img,#homeMain.feed-view-grid .feed-video-thumb>div,.feed-view-grid .feed-video-thumb>div{width:100%;height:100%;position:absolute;inset:0}#homeMain.feed-view-grid .feed-video-body,.feed-view-grid .feed-video-body{gap:.375rem;padding:.75rem}#homeMain.feed-view-grid .feed-video-desc,.feed-view-grid .feed-video-desc{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;max-width:none;display:-webkit-box}.home-video-row{cursor:pointer;border-bottom:1px solid #ffffff08;align-items:center;gap:.75rem;padding:.625rem 0;display:flex}.home-video-title{color:var(--text-primary);font-size:.8125rem}.home-video-thumb{background:var(--bg-surface-raised);border-radius:6px;flex-shrink:0;width:80px;height:45px;overflow:hidden}.home-video-thumb img{object-fit:cover;width:100%;height:100%}.home-video-thumb-placeholder{place-items:center;width:100%;height:100%;display:grid}.home-video-thumb-placeholder svg{opacity:.3;width:20px;height:20px}.db-header{padding:.25rem 0 0}.db-subtitle{color:var(--text-secondary);font-size:.875rem}.db-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:1rem;padding:1.125rem 1.25rem}.db-card-hd{justify-content:space-between;align-items:center;margin-bottom:.875rem;display:flex}.db-card-label{color:var(--text-primary);font-size:.8125rem;font-weight:700}.db-link-btn{color:var(--accent);cursor:pointer;font-size:.75rem;font-family:var(--font-body);background:0 0;border:none;padding:0}.db-link-btn:hover{text-decoration:underline}.db-link-bottom{margin-top:.75rem;display:block}.db-grid-2{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:0;display:grid}.db-grid-2 .db-card{margin-bottom:1rem}.db-feed-scroll{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.db-feed-card{cursor:pointer;min-width:0}.db-feed-card-thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--bg-surface-raised);width:100%;margin-bottom:.5rem;position:relative;overflow:hidden}.db-feed-card-thumb img{object-fit:cover;width:100%;height:100%;transition:opacity .15s}.db-feed-card:hover .db-feed-card-thumb img{opacity:.85}.db-feed-ph{background:linear-gradient(135deg,#1e2030,#161820);width:100%;height:100%}.db-feed-duration{color:var(--color-white);background:#000c;border-radius:3px;padding:.1rem .35rem;font-size:.65rem;font-weight:600;position:absolute;bottom:.3rem;right:.3rem}.db-feed-card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.75rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.db-feed-card-meta{color:var(--text-muted);margin-bottom:.3rem;font-size:.6875rem}.db-feed-tag{letter-spacing:.02em;border-radius:3px;padding:.15rem .45rem;font-size:.625rem;font-weight:600;display:inline-block}.db-qa-row{border-bottom:1px solid var(--surface-hover);align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.db-qa-row:last-child{border-bottom:none}.db-qa-num{color:var(--text-primary);min-width:2rem;font-size:1rem;font-weight:700}.db-qa-num-warn{color:var(--color-warning)}.db-qa-label{color:var(--text-secondary);flex:1;font-size:.8125rem}.db-qa-good{color:var(--text-muted)}.db-qa-check{color:var(--color-success);min-width:2rem;font-size:.875rem}.db-qa-btn{border-radius:var(--radius-sm);background:var(--bg-surface-raised);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;white-space:nowrap;font-size:.6875rem;font-family:var(--font-body);padding:.25rem .625rem}.db-qa-btn:hover{background:var(--color-gray-700);color:var(--color-white)}.db-cat-snap-row{align-items:center;gap:.625rem;padding:.35rem 0;display:flex}.db-cat-icon{background:var(--bg-surface);border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:1.25rem;display:grid}.db-cat-info{flex:1;min-width:0}.db-cat-name-row{justify-content:space-between;align-items:baseline;margin-bottom:.2rem;display:flex}.db-cat-name{color:var(--text-primary);font-size:.8125rem;font-weight:600}.db-cat-pct{color:var(--text-primary);font-size:.75rem;font-weight:700}.db-cat-bar-track{background:var(--bg-surface-raised);border-radius:2px;height:4px;margin-bottom:.2rem;overflow:hidden}.db-cat-bar{background:var(--accent);border-radius:2px;height:100%;transition:width .6s}.db-cat-sub{color:var(--text-muted);font-size:.6875rem}.db-fav-grid{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}.db-fav-card{cursor:pointer}.db-fav-thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--bg-surface-raised);width:100%;margin-bottom:.4rem;position:relative;overflow:hidden}.db-fav-thumb img{object-fit:cover;width:100%;height:100%;transition:opacity .15s}.db-fav-card:hover .db-fav-thumb img{opacity:.85}.db-fav-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.15rem;font-size:.75rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.db-fav-meta{color:var(--text-muted);font-size:.6875rem}.db-health-body{align-items:center;gap:.875rem;margin-bottom:.75rem;display:flex}.db-health-ring-wrap{flex-shrink:0;width:80px;height:80px;position:relative}.db-health-score-inner{font-size:1.375rem;font-weight:800;font-family:var(--font-display);place-items:center;display:grid;position:absolute;inset:0}.db-health-detail{flex:1;min-width:0}.db-score-grade{color:var(--text-primary);margin-bottom:.375rem;font-size:.875rem;font-weight:700}.db-score-factors-mini{flex-direction:column;gap:.2rem;display:flex}.db-factor{color:var(--text-muted);font-size:.6875rem}.db-factor.good{color:var(--color-success)}.db-factor.warn{color:var(--color-warning)}.db-factor.bad{color:var(--color-error)}.db-attention-row{border-bottom:1px solid var(--surface-hover);align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.db-attention-row:last-child{border-bottom:none;margin-bottom:.375rem}.db-attention-num{color:var(--text-primary);min-width:2.5rem;font-size:1rem;font-weight:700}.db-attention-label{color:var(--text-secondary);flex:1;font-size:.8125rem}.db-attention-btn{border-radius:var(--radius-sm);background:var(--bg-surface-raised);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;font-size:.6875rem;font-family:var(--font-body);padding:.2rem .55rem}.db-attention-btn:hover{background:var(--color-gray-700);color:var(--color-white)}.db-attention-actions{gap:.5rem;margin-top:.25rem;display:flex}.db-action-pill{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;text-align:center;font-size:.75rem;font-family:var(--font-body);flex:1;padding:.4rem .625rem}.db-action-pill:hover{background:var(--bg-surface-raised);color:var(--color-white)}.db-profile-row{align-items:center;gap:.75rem;margin-bottom:.625rem;display:flex}.db-profile-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent),#8b5cf6);width:48px;height:48px;color:var(--color-white);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.db-profile-avatar img{object-fit:cover;width:100%;height:100%}.db-profile-name{color:var(--text-primary);margin-bottom:.2rem;font-size:.875rem;font-weight:700}.db-profile-meta{color:var(--text-secondary);font-size:.75rem}.db-profile-cats{color:var(--text-secondary);margin-bottom:.75rem;font-size:.75rem}.db-profile-btn{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-family:var(--font-body);text-align:center;padding:.5rem}.db-profile-btn:hover{background:var(--bg-surface-raised);color:var(--color-white)}.home-sidebar{display:none}.db-topbar{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.db-topbar-right{align-items:center;gap:.75rem;display:flex}.db-topbar-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent),#8b5cf6);cursor:pointer;width:36px;height:36px;color:var(--color-white);border:none;flex-shrink:0;place-items:center;padding:0;display:grid;overflow:hidden}.db-topbar-avatar img{object-fit:cover;width:100%;height:100%}.db-health-strip{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:1.25rem;display:flex}.db-health-stats{gap:1.5rem;margin-left:auto;display:flex}.db-hstat{flex-direction:column;align-items:center;min-width:52px;display:flex}.db-hstat-num{font-size:1.25rem;font-weight:800;font-family:var(--font-display);color:var(--text-primary)}.db-hstat-label{color:var(--text-muted);text-align:center;font-size:.6875rem}.db-strip-link{white-space:nowrap;margin-left:.25rem}.db-body-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.db-col-left,.db-col-right{flex-direction:column;gap:1rem;display:flex}.db-col-left .db-card,.db-col-right .db-card{margin-bottom:0}.db-fav-empty{color:var(--text-muted);margin-bottom:.625rem;font-size:.8125rem}.db-fav-feed-ctas{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem;margin-top:.625rem;display:flex}.db-greeting{margin-bottom:1.5rem}.db-greeting h1{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-primary);margin-bottom:.375rem;font-size:1.5rem;font-weight:700}.db-greeting h1 span{color:var(--accent)}.db-greeting p{color:var(--text-muted);font-size:.875rem}.db-stat-strip{grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:1.75rem;display:grid}.db-stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:default;padding:1rem 1.125rem;transition:border-color .2s}.db-stat-card:hover{border-color:var(--surface-raised)}.db-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.625rem}.db-stat-value{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1}.db-stat-mint{color:var(--accent)}.db-stat-red{color:var(--color-red-500)}.db-section-hd{justify-content:space-between;align-items:center;margin-bottom:.875rem;display:flex}.db-section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:1rem;font-weight:600}.db-section-link2{color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none}.db-section-link2:hover{color:var(--text-secondary)}.db-fav-feed-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.875rem;margin-bottom:2rem;display:grid}.db-fvc{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;overflow:hidden}.db-fvc:hover{border-color:var(--surface-raised);transform:translateY(-2px)}.db-fvc-thumb{aspect-ratio:16/9;background:var(--bg-surface-raised);position:relative;overflow:hidden}.db-fvc-thumb img{object-fit:cover;width:100%;height:100%}.db-fvc-grad{opacity:.4;position:absolute;inset:0}.db-fvc-dur{color:var(--color-white);background:#000000bf;border-radius:3px;padding:.1rem .3rem;font-size:.6rem;font-weight:500;position:absolute;bottom:.375rem;right:.375rem}.db-fvc-body{gap:.5rem;padding:.625rem .75rem;display:flex}.db-fvc-av{border-radius:var(--radius-full);width:24px;height:24px;color:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;font-size:.625rem;font-weight:600;display:flex}.db-fvc-meta{flex:1;min-width:0}.db-fvc-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.2rem;font-size:.75rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.db-fvc-ch{color:var(--text-secondary);font-size:.6875rem}.db-fvc-stats{color:var(--text-muted);margin-top:.1rem;font-size:.625rem}.critic-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:20px 22px}.critic-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.critic-title{letter-spacing:-.4px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700}.critic-icon{align-items:center;gap:3px;display:flex}.critic-bar{background:var(--text-muted);border-radius:2px;width:3px}.critic-score-row{align-items:center;gap:14px;margin-bottom:12px;display:flex}.critic-score-bar-wrap{background:var(--bg-surface);border-radius:4px;flex:1;height:8px;overflow:hidden}.critic-score-bar{border-radius:4px;height:100%;transition:width 1s}.critic-score-num{letter-spacing:-1px;font-family:Outfit,sans-serif;font-size:28px;font-weight:800;line-height:1}.critic-score-label{color:var(--text-muted);margin-left:4px;font-size:11px;font-weight:500}.critic-summary{color:var(--text-secondary);margin-bottom:14px;font-size:12px;line-height:1.5}.critic-summary strong{color:var(--text-primary);font-weight:500}.critic-breakdown{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.critic-breakdown-row{border:1px solid var(--border-subtle);cursor:default;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;transition:all .15s;display:flex}.critic-breakdown-row:hover{border-color:var(--border-default);background:var(--bg-surface)}.critic-breakdown-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.critic-breakdown-num{letter-spacing:-.3px;min-width:26px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700}.critic-breakdown-label{color:var(--text-secondary);flex:1;font-size:11px;font-weight:500}.critic-breakdown-icon{justify-content:center;align-items:center;width:14px;height:14px;display:flex}.critic-breakdown-icon svg{width:12px;height:12px;stroke:var(--text-muted);fill:none;stroke-width:1.5px;stroke-linecap:round}.critic-cta{cursor:pointer;background:var(--accent);color:#111;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 0;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.critic-cta:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.critic-cta:disabled{cursor:default}.critic-cta svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;width:14px;height:14px}.critic-cta-done{background:var(--bg-surface)!important;color:var(--accent)!important;transform:none!important}.critic-alert-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;align-items:center;gap:14px;padding:14px 18px;display:flex}.critic-alert-icon{background:#ef9f2714;border:1px solid #ef9f2726;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.critic-alert-icon svg{width:18px;height:18px}.critic-alert-content{flex:1}.critic-alert-title{letter-spacing:-.2px;color:var(--amber);margin-bottom:2px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700}.critic-alert-msg{color:var(--text-secondary);font-size:11px;line-height:1.5}.critic-alert-msg strong{color:var(--text-primary);font-weight:500}.critic-alert-dismiss{border:1px solid var(--border-subtle);width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;transition:all .15s;display:flex}.critic-alert-dismiss:hover{border-color:var(--border-default);color:var(--text-secondary);background:var(--bg-surface)}.db-bottom-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.db-cat-breakdown{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem 1.125rem}.db-cat-brow{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.625rem;padding:.5rem 0;display:flex}.db-cat-brow:last-child{border-bottom:none}.db-cat-brow-dot{border-radius:var(--radius-full);flex-shrink:0;width:7px;height:7px}.db-cat-brow-name{color:var(--text-secondary);flex:1;font-size:.75rem;font-weight:500}.db-cat-brow-count{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-right:.5rem;font-size:.75rem}.db-cat-brow-barwrap{background:var(--bg-surface-raised);border-radius:2px;flex-shrink:0;width:60px;height:4px;overflow:hidden}.db-cat-brow-bar{border-radius:2px;height:100%}.db-inactive-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem 1.125rem}.db-inactive-desc{color:var(--text-muted);margin-bottom:.75rem;font-size:.6875rem}.db-inactive-row2{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.625rem;padding:.5rem 0;display:flex}.db-inactive-row2:last-child{border-bottom:none}.db-inactive-av2{border-radius:var(--radius-full);width:26px;height:26px;color:var(--color-white);opacity:.65;flex-shrink:0;justify-content:center;align-items:center;font-size:.625rem;font-weight:600;display:flex}.db-inactive-info2{flex:1;min-width:0}.db-inactive-name2{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.db-inactive-last2{color:var(--text-muted);font-size:.6875rem}.db-inactive-act2{color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;font-size:.6875rem;font-family:var(--font-body);white-space:nowrap;background:0 0;border-radius:5px;padding:.2rem .5rem;font-weight:500}.db-inactive-act2:hover{border-color:var(--surface-raised);color:var(--text-secondary)}.db-clock{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.disc-page{flex:1;padding:1.5rem;display:none;overflow-y:auto}.disc-page.active{display:block}.disc-topbar{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.disc-topbar .page-title{flex:1}.disc-search-wrap{flex-shrink:0;width:240px;position:relative}.disc-search-wrap svg{width:14px;height:14px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.disc-search-wrap input{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;font-size:.8125rem;font-family:var(--font-body);color:var(--text-primary);outline:none;padding:.5rem .75rem .5rem 2rem;transition:border-color .2s}.disc-search-wrap input::placeholder{color:var(--text-muted)}.disc-search-wrap input:focus{border-color:#ffffff24}.disc-section{margin-bottom:2rem;overflow:hidden}.disc-section-hd{align-items:baseline;gap:.5rem;margin-bottom:.875rem;display:flex}.disc-section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:1rem;font-weight:600}.disc-section-sub{color:var(--text-muted);font-size:.75rem}.disc-cat-strip{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.disc-cat-chip{border-radius:var(--radius-pill);font-size:.75rem;font-weight:500;font-family:var(--font-body);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;padding:.3rem .75rem;transition:all .15s}.disc-cat-chip:hover{border-color:var(--surface-bright);color:var(--text-primary)}.disc-cat-chip.active{background:var(--accent-soft);border-color:var(--accent-glow);color:var(--accent)}.disc-ch-scroll{scrollbar-width:none;gap:.875rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.disc-ch-scroll::-webkit-scrollbar{display:none}.disc-ch-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;width:200px;transition:all .2s;overflow:hidden}.disc-ch-card:hover{border-color:var(--surface-raised);transform:translateY(-2px)}.disc-ch-banner{height:56px}.disc-ch-av{border-radius:var(--radius-full);border:2.5px solid var(--bg-card);z-index:1;background:var(--bg-surface);width:44px;height:44px;font-family:var(--font-display);color:var(--text-muted);justify-content:center;align-items:center;margin-top:-22px;margin-left:14px;font-size:13px;font-weight:700;display:flex;position:relative;overflow:hidden}.disc-ch-av img{object-fit:cover;width:100%;height:100%}.disc-ch-body{padding:6px 14px 14px}.disc-ch-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;font-size:.8125rem;font-weight:600;overflow:hidden}.disc-ch-handle{color:var(--text-muted);margin-bottom:.5rem;font-size:.6875rem}.disc-ch-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.625rem;font-size:.6875rem;line-height:1.4;display:-webkit-box;overflow:hidden}.disc-ch-stats{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.disc-ch-stat{color:var(--text-muted);background:var(--bg-surface);border-radius:3px;padding:2px 6px;font-size:.6rem}.disc-ch-btn{border-radius:var(--radius-sm);width:100%;font-size:.6875rem;font-weight:500;font-family:var(--font-body);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;margin-top:.625rem;padding:.375rem;transition:all .15s}.disc-ch-btn:hover{background:var(--bg-surface-raised);color:var(--text-primary)}.disc-ch-btn.subbed{background:var(--accent-soft);border-color:var(--accent-glow);color:var(--accent)}.disc-trend-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.875rem;display:grid}.disc-rising-grid{flex-direction:column;gap:.375rem;display:flex}.disc-rising-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.75rem;padding:.625rem .875rem;transition:all .15s;display:flex}.disc-rising-card:hover{border-color:var(--surface-raised);background:var(--bg-card-hover)}.disc-rising-rank{font-family:var(--font-display);color:var(--text-muted);text-align:right;min-width:1.5rem;font-size:.875rem;font-weight:700}.disc-rising-rank.top{color:var(--accent)}.disc-rising-av{border-radius:var(--radius-full);background:var(--bg-surface);width:34px;height:34px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:.625rem;font-weight:700;display:flex;overflow:hidden}.disc-rising-av img{object-fit:cover;width:100%;height:100%}.disc-rising-info{flex:1;min-width:0}.disc-rising-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.disc-rising-cat{color:var(--text-muted);font-size:.6875rem}.disc-rising-stat{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.75rem;font-weight:600}.disc-popular-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.875rem;display:grid}.home-trending{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem}.home-trending h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);margin-bottom:.75rem;padding-bottom:.5rem;font-size:.6875rem;font-weight:700}.home-trending-item{cursor:pointer;align-items:center;gap:.625rem;padding:.5rem 0;transition:opacity .1s;display:flex}.home-trending-item:hover{opacity:.8}.home-trending-avatar{border-radius:var(--radius-full);background:var(--bg-surface-raised);flex-shrink:0;width:32px;height:32px;overflow:hidden}.home-trending-avatar img{object-fit:cover;width:100%;height:100%}.home-trending-avatar-placeholder{border-radius:var(--radius-full);width:100%;height:100%;color:var(--text-muted);background:linear-gradient(135deg,#333,#222);place-items:center;font-size:.6875rem;font-weight:700;display:grid}.home-trending-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8125rem;overflow:hidden}.home-trending-arrow{color:var(--text-muted)}.home-trending-arrow svg{width:14px;height:14px}.home-personality{border-radius:var(--radius-md);text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border:1px solid #6366f133;padding:1.25rem;position:relative;overflow:hidden}.home-personality:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 40%,#38e9b10f 0%,#0000 50%),radial-gradient(circle at 70% 60%,#3b82f60f 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.home-personality-sparkle{color:var(--text-muted);letter-spacing:.1em;margin-bottom:.75rem;font-size:.625rem;position:relative}.home-personality h4{font-family:var(--font-display);color:var(--accent);margin-bottom:.75rem;font-size:1.25rem;font-weight:800;position:relative}.home-personality-stat{color:var(--text-secondary);margin-bottom:.25rem;font-size:.8125rem;position:relative}.home-personality-stat strong{color:var(--text-primary)}.home-personality-btn{border-radius:var(--radius-pill);font:600 .75rem/1 var(--font-body);cursor:pointer;background:var(--accent);color:var(--color-white);border:none;margin-top:1rem;padding:.5rem 1.25rem;transition:all .15s;display:inline-block;position:relative}.home-personality-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.home-personality-btn:active{background:var(--accent-pressed)}.mobile-topbar{border-bottom:1px solid var(--surface-active);z-index:199;background:linear-gradient(#0f1117 0%,#111520 100%);align-items:center;gap:.75rem;height:52px;padding:0 1rem;display:none;position:fixed;top:0;left:0;right:0}.mobile-hamburger{color:#ffffffb3;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.mobile-hamburger:hover{color:var(--color-white);background:#ffffff14}.mobile-hamburger svg{width:20px;height:20px}.mobile-topbar-brand{align-items:center;display:flex}.mobile-nav-backdrop{z-index:240;background:#0009;display:none;position:fixed;inset:0}.mobile-nav-backdrop.show{display:block}.mobile-nav-close{color:#ffffff73;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;place-items:center;width:32px;height:32px;margin-left:auto;transition:color .15s;display:none}.mobile-nav-close:hover{color:var(--color-white)}.mobile-nav-close svg{width:16px;height:16px}@media (max-width:1024px){.home-sidebar{display:none}}@media (max-width:768px){.db-body-grid{grid-template-columns:1fr}.db-health-stats{gap:1rem;margin-left:0}.home-nav-secondary{display:none}.home-main{padding:1rem}.db-stat-strip{grid-template-columns:repeat(2,1fr)}.db-bottom-grid{grid-template-columns:1fr}.page-header{padding:.75rem 1rem}.page-title{font-size:1.125rem}.sticky-bar{padding:0 1rem}.ct-controls-row{flex-wrap:wrap;gap:6px}.db-fav-feed-grid{grid-template-columns:1fr}}@media (max-width:640px){.mobile-topbar{display:flex}.app-shell{padding-top:52px}.home-nav-primary,.home-nav-primary.collapsed,.home-nav-primary.nav-hover{z-index:250!important;width:75vw!important;max-width:300px!important;box-shadow:none!important;align-items:stretch!important;padding:1.25rem .75rem!important;transition:left .25s!important;position:fixed!important;top:0!important;bottom:0!important;left:-100vw!important;overflow:hidden auto!important}.home-nav-primary.mobile-open{left:0!important;box-shadow:4px 0 32px #00000080!important}.home-nav-primary .home-nav-brand-text,.home-nav-primary .home-nav-item-label,.home-nav-primary .home-nav-section-label{display:block!important}.home-nav-primary .home-nav-brand{justify-content:flex-start!important;align-items:center!important;padding:0 .5rem 1rem!important}.home-nav-primary .home-nav-item{justify-content:flex-start!important;width:100%!important;height:48px!important;padding:0 1rem!important}.home-nav-primary .home-nav-item .home-nav-item-label{font-size:.9375rem!important}.home-nav-primary .home-nav-item svg{opacity:1!important;width:20px!important;height:20px!important}.home-nav-primary .home-nav-item.active:before{left:0!important}.home-nav-primary .home-nav-divider{width:calc(100% - 1.5rem)!important;margin:.625rem .75rem!important}.mobile-nav-close{display:grid!important}.sidebar-ctrl-wrap{display:none!important}.main-layout{flex:none!important;padding:1rem!important;overflow:visible!important}.channels-area{min-height:unset!important;flex:none!important;overflow:visible!important}#channelGrid{flex:none!important;padding:.75rem 0 2rem!important;overflow:visible!important}.chan-view-toggle{display:none!important}.chan-header{padding:1rem 1rem .375rem!important}.chan-hdr-controls{flex-wrap:wrap}.chan-topbar,.chan-cat-row{padding:.625rem 1rem!important}.chan-bulk-row{margin-left:0}.db-stat-strip{grid-template-columns:1fr!important}.ch-table{font-size:.6875rem}.ch-table th,.ch-table td{padding:6px 4px}.ch-table-av{width:22px;height:22px;font-size:.5rem}.ch-table-label{font-size:.6875rem}.ch-badge{padding:1px 5px;font-size:.5625rem}.page-header{padding:.625rem 1rem}.page-title{font-size:1rem}.page-header-subtitle{font-size:.6875rem}.home-main{padding:.75rem!important}.sticky-bar{padding:0 .75rem}.ct-controls-row{padding:8px 0!important}.pill-toggle{font-size:.6875rem}.pill-toggle-btn{padding:3px 8px}.disc-trend-grid,.disc-popular-grid{grid-template-columns:1fr!important}.disc-ch-card{width:160px}.home-section{grid-template-columns:1fr!important}}.promo-slot{background:var(--bg-surface);border-radius:var(--radius-md);color:#555;letter-spacing:.06em;text-transform:uppercase;border:2px dashed #333;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex;position:relative;overflow:hidden}.promo-slot:before{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#0000,#0000 10px,#ffffff05 10px 20px);position:absolute;inset:0}.promo-slot-banner{width:calc(100% - 5rem);height:90px;margin:0 2.5rem 1rem}.promo-slot-sidebar{height:250px;margin-top:1.5rem}.promo-slot-inline{height:90px;margin-bottom:1.25rem}.marketplace-page{padding:2rem 2.5rem 3rem;display:none}.marketplace-page.active{display:block}.marketplace-inner{max-width:900px;margin:0 auto}.marketplace-hero{text-align:center;margin-bottom:2.5rem}.mp-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);margin-bottom:1rem;padding:.375rem .875rem;font-size:.6875rem;font-weight:700;display:inline-block}.mp-section{margin-bottom:2.5rem}.mp-divider{border:none;border-top:1px solid var(--border-subtle);margin:2.5rem 0}.mp-section-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:.375rem;font-size:1.25rem;font-weight:700}.mp-section-desc{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.875rem}.mp-how-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.mp-how-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;padding:1.5rem;transition:border-color .2s}.mp-how-card:hover{border-color:var(--color-gray-600)}.mp-how-icon{border-radius:14px;place-items:center;width:56px;height:56px;margin:0 auto 1rem;display:grid}.mp-how-card h4{margin-bottom:.375rem;font-size:.9375rem;font-weight:600}.mp-how-card p{color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.mp-pricing-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.mp-pricing-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;padding:1.75rem;transition:border-color .2s;display:flex;position:relative}.mp-pricing-card:hover{border-color:var(--color-gray-600)}.mp-pricing-featured{border-color:var(--accent);background:linear-gradient(#38e9b10a,#0000)}.mp-pricing-popular{text-transform:uppercase;letter-spacing:.06em;background:var(--accent);color:var(--color-white);border-radius:10px;padding:.25rem .75rem;font-size:.5625rem;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.mp-pricing-tier{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.mp-pricing-price{font-family:var(--font-display);margin-bottom:1rem;font-size:2.25rem;font-weight:800}.mp-pricing-price span{color:var(--text-muted);font-size:.875rem;font-weight:400}.mp-pricing-features{flex:1;margin-bottom:1.5rem;list-style:none}.mp-pricing-features li{color:var(--text-secondary);padding:.375rem 0 .375rem 1.25rem;font-size:.8125rem;position:relative}.mp-pricing-features li:before{content:"✓";color:var(--accent);font-size:.75rem;font-weight:700;position:absolute;left:0}.mp-notify-btn{text-align:center;justify-content:center;width:100%}.mp-preview-card{background:var(--bg-surface);border:1px solid var(--accent-soft-hover);border-radius:var(--radius-lg);padding:1rem;position:relative;overflow:hidden}.mp-preview-badge{z-index:2;text-transform:uppercase;letter-spacing:.06em;background:var(--accent-soft-hover);color:var(--accent);border-radius:6px;padding:.2rem .5rem;font-size:.5625rem;font-weight:700;position:absolute;top:1.25rem;left:1.25rem}.detail-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#0000008c;padding:2rem 1rem;transition:opacity .25s;display:none;position:fixed;inset:0;overflow-y:auto}.detail-overlay.open{opacity:1;display:block}.detail-panel{background:var(--color-white);max-width:680px;transition:transform .3s var(--transition);border-radius:16px;margin:0 auto;overflow:hidden;transform:translateY(20px);box-shadow:0 24px 60px #0000002e}.detail-overlay.open .detail-panel{transform:translateY(0)}.detail-banner{background:linear-gradient(135deg,#1a1a2e,#0f3460);height:160px;position:relative;overflow:hidden}.detail-banner img{object-fit:cover;width:100%;height:100%}.detail-banner-overlay{background:linear-gradient(#0000 20%,#00000073 100%);position:absolute;inset:0}.detail-close{z-index:2;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#374151;cursor:pointer;background:#ffffffe6;border:none;place-items:center;width:32px;height:32px;font-size:1.125rem;font-weight:300;line-height:1;transition:background .15s;display:grid;position:absolute;top:.875rem;right:.875rem}.detail-close:hover{background:var(--color-white)}.detail-close svg{width:16px;height:16px}.detail-header{z-index:2;border-bottom:1px solid #f1f5f9;align-items:center;gap:1rem;padding:.75rem 1.75rem 1rem;display:flex;position:relative}.detail-avatar{border-radius:var(--radius-full);border:3px solid var(--color-white);z-index:2;background:#e2e8f0;flex-shrink:0;width:72px;height:72px;margin-top:-36px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001f}.detail-avatar img{object-fit:cover;width:100%;height:100%}.detail-avatar-placeholder{color:#64748b;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);place-items:center;width:100%;height:100%;font-size:1.375rem;font-weight:700;display:grid}.detail-title-area{flex:1;min-width:0}.detail-name{color:#0f172a;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.125rem;font-weight:700;overflow:hidden}.detail-custom-url{color:#94a3b8;margin-top:.1rem;font-size:.8125rem}.detail-header-actions{flex-shrink:0;gap:.5rem;display:flex}.detail-header-actions .btn-fav-star{border-radius:var(--radius-pill);font:500 .8125rem/1 var(--font-body);cursor:pointer;background:var(--color-white);color:#64748b;white-space:nowrap;border:1.5px solid #e2e8f0;align-items:center;gap:.35rem;padding:.45rem 1rem;transition:all .15s;display:inline-flex}.detail-header-actions .btn-fav-star svg{width:14px;height:14px;transition:fill .15s,stroke .15s}.detail-header-actions .btn-fav-star.starred{color:var(--color-warning);background:#fbbf2414;border-color:#fbbf2480}.detail-header-actions .btn-fav-star.starred svg{fill:#f59e0b;stroke:#f59e0b}.detail-header-actions .btn-header-yt{border-radius:var(--radius-pill);font:500 .8125rem/1 var(--font-body);cursor:pointer;background:var(--accent);color:var(--color-white);white-space:nowrap;border:none;align-items:center;gap:.35rem;padding:.45rem 1rem;text-decoration:none;transition:opacity .15s;display:inline-flex}.detail-header-actions .btn-header-yt svg{width:13px;height:13px}.detail-header-actions .btn-header-yt:hover{opacity:.88}.ch-fav-dot{border-radius:var(--radius-full);background:#fbbf24;flex-shrink:0;width:7px;height:7px;margin-left:auto}.detail-body{padding:0 1.75rem 1.75rem}.detail-stats{border-bottom:1px solid #f1f5f9;gap:0;margin-bottom:0;padding:1.25rem 0;display:flex}.detail-stat{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.detail-stat .stat-value{color:#0f172a;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.75rem,2vw,1.25rem);font-weight:800;overflow:hidden}.detail-stat .stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;font-size:.6rem;font-weight:600}.detail-meta-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:1.25rem;padding:.875rem 0;display:flex}.detail-meta-label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;flex-shrink:0;min-width:88px;font-size:.625rem;font-weight:700}.detail-meta-value{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.detail-tag{border-radius:var(--radius-pill);padding:.25rem .7rem;font-size:.75rem;font-weight:500}.detail-edit-link{color:#64748b;border-radius:var(--radius-pill);cursor:pointer;font-size:.6875rem;font-weight:500;font-family:var(--font-body);white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;padding:.2rem .6rem;transition:background .15s,color .15s}.detail-edit-link:hover{color:#0f172a;background:#e2e8f0}.detail-notes-section{border-bottom:1px solid #f1f5f9;padding:.875rem 0}.detail-notes-input{width:100%;min-height:100px;font:400 .8125rem/1.55 var(--font-body);color:#0f172a;resize:vertical;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;margin-top:.5rem;padding:.75rem;transition:border-color .15s}.detail-notes-input:focus{border-color:var(--accent)}.detail-notes-input::placeholder{color:#cbd5e1}.detail-keywords{color:#64748b;word-break:break-word;padding:.875rem 0;font-size:.8125rem;line-height:1.55}.detail-actions button,.detail-actions a{border-radius:var(--radius-sm);font:500 .8125rem/1 var(--font-body);cursor:pointer;align-items:center;gap:.375rem;padding:.625rem 1rem;text-decoration:none;transition:all .15s;display:inline-flex}.detail-actions .btn-action{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary)}.detail-actions .btn-action:hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--color-gray-600)}.detail-actions .btn-action svg{width:14px;height:14px}.detail-actions .btn-action-primary{background:var(--accent);border:1px solid var(--accent);color:var(--color-white)}.detail-actions .btn-action-primary:hover{background:var(--accent-hover)}.detail-actions .btn-action-primary:active{background:var(--accent-pressed)}.detail-actions .btn-action-danger{color:var(--color-error);background:0 0;border:1px solid #b91c1c}.detail-actions .btn-action-danger:hover{background:var(--color-danger);color:var(--color-white)}.detail-category-row{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.detail-category-row label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);flex-shrink:0;font-size:.625rem;font-weight:600}.detail-category-row select{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);font:500 .8125rem/1 var(--font-body);border-radius:var(--radius-sm);cursor:pointer;appearance:none;background-image: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='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;outline:none;flex:1;padding:.5rem .75rem}@media (max-width:900px){.topnav{gap:1rem;padding:.75rem 1.25rem}.topnav-links,.nav-search{display:none}.categories-section{padding:1.25rem 1.25rem 0}.main-layout{flex-direction:column;padding:1.25rem}.sidebar{flex:none;position:static}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.mp-how-grid,.mp-pricing-grid{grid-template-columns:1fr}.analytics-score-card{text-align:center;flex-direction:column}.an-grid{grid-template-columns:1fr}.an-sticky{position:static}.an-inner{padding:1.25rem}.analytics-page,.marketplace-page{padding:1.5rem 1.25rem}.analytics-premium-card{padding:1.75rem 1.25rem}.analytics-premium-loaded-header{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (max-width:600px){.topnav{padding:.625rem 1rem}.categories-section{padding:1rem 1rem 0}.main-layout{padding:1rem}.channel-grid{grid-template-columns:1fr}.onboarding-actions{flex-direction:column;align-items:stretch}.detail-panel{border-radius:var(--radius-lg);margin:1rem}.detail-header{flex-wrap:wrap;gap:1rem;padding:0 1.25rem}.detail-header-actions{justify-content:flex-start;width:100%}.detail-body{padding:1.25rem}.detail-info-grid{grid-template-columns:1fr}.detail-actions,.discover-card{flex-direction:column}.discover-card-left{flex:0 0 120px;width:100%}.analytics-page,.marketplace-page{padding:1rem}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.channel-card{animation:fadeUp .4s var(--transition) both}.home-nav-primary{width:220px!important}.home-nav-primary.collapsed{width:48px!important}@media (max-width:640px){.home-nav-primary,.home-nav-primary.collapsed,.home-nav-primary.nav-hover{width:75vw!important;max-width:300px!important;left:-100vw!important}.home-nav-primary.mobile-open{left:0!important}}#promoBanner,.sidebar,.channels-toolbar{display:none!important}.main-layout{padding:0!important}.chan-header{opacity:1;flex-direction:column;flex-shrink:0;gap:.875rem;max-height:200px;padding:1.5rem 1.5rem .5rem;transition:max-height .25s,opacity .2s,padding .25s,margin .25s;display:none;overflow:hidden}.chan-header.show{display:flex}.chan-scrolled .chan-header.show{opacity:0;max-height:0;margin:0;padding-top:0;padding-bottom:0}.chan-scrolled .categories-section{border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}.chan-hdr-top{align-items:baseline;gap:.625rem;display:flex}.chan-page-count{color:var(--text-muted);font-size:.8125rem}.chan-hdr-controls{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.chan-hdr-right{align-items:center;gap:.5rem;display:flex}.chan-search{flex:1;min-width:0;position:relative}.chan-search input{background:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font:400 .875rem/1 var(--font-body);border-radius:var(--radius-sm);outline:none;padding:.5rem .75rem .5rem 2.125rem;transition:border-color .15s}.chan-search input:focus{border-color:#555}.chan-search input::placeholder{color:var(--text-muted)}.chan-search svg{width:14px;height:14px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.chan-ctrl{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);font:500 .8125rem/1 var(--font-body);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:.45rem .75rem;transition:all .15s;display:inline-flex}.chan-ctrl:hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--color-gray-600)}.chan-ctrl svg{flex-shrink:0;width:14px;height:14px}.chan-ctrl select{color:inherit;font:inherit;cursor:pointer;-webkit-appearance:none;background:0 0;border:none;outline:none;padding:0}.chan-icon-btn{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;place-items:center;transition:all .15s;display:grid}.chan-icon-btn:hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--color-gray-600)}.chan-icon-btn svg{width:15px;height:15px}.chan-topbar{flex-flow:wrap;flex-shrink:0;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:none}.chan-uncat-row{align-items:center;gap:.5rem;display:flex}.chan-uncat-text{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.chan-uncat-text svg{color:#4ade80;flex-shrink:0;width:14px;height:14px}.chan-bulk-row{align-items:center;gap:.5rem;margin-left:auto;display:flex}.bb-act:disabled{background:var(--bg-surface);color:var(--text-muted);cursor:default;opacity:.5}.categories-section{padding:0!important}.chan-cat-row{border-bottom:1px solid var(--border-subtle);background:var(--bg-primary);flex-shrink:0;align-items:center;gap:.75rem;padding:.875rem 1.5rem;display:flex}.chan-cat-pills{scrollbar-width:none;flex:1;align-items:center;gap:.375rem;min-width:0;display:flex;overflow-x:auto}.chan-cat-pills::-webkit-scrollbar{display:none}.chan-cat-edit{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.cat-tab-vdivider{background:var(--border-subtle);flex-shrink:0;width:1px;height:1.25rem}.cat-edit-btn{border-radius:var(--radius-sm);color:var(--text-muted);font:500 .8125rem/1 var(--font-body);cursor:pointer;background:var(--bg-surface);border:1px solid var(--border-subtle);white-space:nowrap;flex-shrink:0;align-items:center;gap:.3rem;padding:.35rem .625rem;transition:all .15s;display:inline-flex}.cat-edit-btn:hover{color:var(--text-primary);background:var(--bg-surface-raised);border-color:var(--color-gray-600)}.cat-edit-btn svg{width:11px;height:11px}.cat-tab{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);color:var(--text-muted);font:500 .8125rem/1 var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:.3rem;padding:.375rem .875rem;transition:all .15s;display:inline-flex}.cat-tab:hover{color:var(--text-primary);border-color:#555}.cat-tab.active{background:var(--accent);border-color:var(--accent);color:var(--color-white)}.cat-tab-count{opacity:.8;font-size:.75rem}.cat-tab-sep{display:none}.subcategories-strip{align-items:center;gap:.5rem;display:flex;border-bottom:1px solid var(--border-subtle)!important;margin:0!important;padding:.5rem 1.5rem!important}.ch-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.875rem;padding:.875rem 1.25rem;transition:border-color .15s;display:flex;position:relative}.ch-card:hover{border-color:#2e2e42}.ch-card.selected-card{box-shadow:0 0 0 1px var(--accent);border-color:var(--accent)!important}.ch-av{border-radius:var(--radius-full);background:var(--bg-surface-raised);flex-shrink:0;width:52px;height:52px;overflow:hidden}.ch-av img{object-fit:cover;width:100%;height:100%}.ch-av-ph{width:100%;height:100%;font:700 1.0625rem/1 var(--font-body);color:var(--text-muted);border-radius:var(--radius-full);background:linear-gradient(135deg,#252535,#1a1a28);place-items:center;display:grid}.ch-body{flex:1;min-width:0}.ch-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.9rem;font-weight:600;overflow:hidden}.ch-stats{color:var(--text-muted);align-items:center;gap:.375rem;margin-bottom:.3rem;font-size:.8rem;display:flex}.ch-dot{border-radius:var(--radius-full);background:var(--text-muted);opacity:.5;flex-shrink:0;width:3px;height:3px}.ch-badges{flex-wrap:wrap;gap:.3rem;display:flex}.ch-badge{border-radius:var(--radius-pill);background:var(--surface-active);color:var(--text-secondary);padding:.2rem .55rem;font-size:.6875rem;font-weight:500;display:inline-block}.ch-menu{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;place-items:center;transition:all .15s;display:grid}.ch-menu:hover{background:var(--bg-surface-raised);color:var(--text-primary)}.ch-menu svg{width:16px;height:16px}.ch-card .card-select{top:.5rem;right:2.375rem}#channelGrid{align-content:start;grid-template-columns:repeat(3,1fr)!important;gap:.875rem!important;padding:1.25rem 1.5rem 2rem!important;display:grid!important}@media (max-width:1200px){#channelGrid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:700px){#channelGrid{grid-template-columns:1fr!important}}#channelGrid.view-list{grid-template-columns:1fr!important;gap:0!important;padding:0!important}.ch-list-row{background:var(--bg-card);border-bottom:1px solid var(--border-subtle);cursor:pointer;align-items:center;gap:.75rem;min-height:48px;padding:.5rem 1.5rem;transition:background .15s;display:flex;position:relative}.ch-list-row:first-child{border-top:1px solid var(--border-subtle)}.ch-list-row:hover{background:var(--bg-surface)}.ch-list-row.selected-card{border-color:var(--accent);background:#38e9b10f}.ch-list-row .card-select{flex-shrink:0;width:20px;height:20px;margin:0;display:none;position:static}.bulk-mode .ch-list-row .card-select{display:grid}.ch-list-star{cursor:pointer;width:20px;height:20px;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;place-items:center;padding:0;transition:color .15s;display:grid}.ch-list-star:hover,.ch-list-star.starred{color:var(--color-warning)}.ch-list-star svg{width:14px;height:14px}.ch-list-row .ch-name{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;min-width:120px;max-width:220px;font-size:.8125rem;font-weight:600;overflow:hidden}.ch-list-stat{color:var(--text-muted);white-space:nowrap;flex-shrink:0;min-width:72px;font-size:.75rem}.ch-list-row .ch-badges{flex-wrap:wrap;flex:1;gap:.25rem;min-width:0;display:flex}.ch-list-row .ch-menu{flex-shrink:0}#channelGrid.view-grid{grid-template-columns:repeat(4,1fr)!important}@media (max-width:1400px){#channelGrid.view-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:900px){#channelGrid.view-grid{grid-template-columns:repeat(2,1fr)!important}}.chan-view-toggle{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-shrink:0;align-items:center;display:flex;overflow:hidden}.chan-view-btn{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;place-items:center;transition:all .15s;display:grid}.chan-view-btn:hover{color:var(--text-primary);background:var(--bg-surface-raised)}.chan-view-btn.active{background:var(--accent);color:var(--color-white)}.chan-view-btn svg{width:13px;height:13px}.chan-pages{flex-shrink:0;justify-content:center;align-items:center;gap:.25rem;padding:.875rem 1.5rem 1.25rem;display:flex}.pg-btn{border-radius:var(--radius-sm);min-width:32px;height:32px;color:var(--text-muted);font:500 .8125rem/1 var(--font-body);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0 .375rem;transition:all .15s;display:grid}.pg-btn:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-subtle)}.pg-btn.active{background:var(--bg-surface);border-color:var(--border-subtle);color:var(--text-primary);font-weight:600}.pg-btn:disabled{opacity:.3;cursor:default;pointer-events:none}.pg-btn svg{width:13px;height:13px}.bottom-bar{background:var(--bg-primary);border-top:1px solid var(--border-subtle);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.625rem 1.5rem;display:none;position:sticky;bottom:0}.bottom-bar.show{display:flex}.bb-left{align-items:center;gap:.75rem;display:flex}.bb-info{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.bb-info svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.bb-act{border-radius:var(--radius-sm);background:var(--accent);color:var(--color-white);font:600 .75rem/1 var(--font-body);cursor:pointer;border:none;padding:.35rem .75rem;transition:filter .15s}.bb-act:hover{background:var(--accent-hover)}.bb-act:active{background:var(--accent-pressed)}.bb-right{align-items:center;gap:.375rem;display:flex}.bb-btn{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);font:500 .8125rem/1 var(--font-body);cursor:pointer;white-space:nowrap;align-items:center;gap:.3rem;padding:.4rem .8rem;transition:all .15s;display:inline-flex}.bb-btn:hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--color-gray-600)}.bb-btn.active{background:var(--accent);border-color:var(--accent);color:var(--color-white)}.bb-btn svg{width:13px;height:13px}.bb-btn-primary{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--color-white)!important}.bb-btn-primary:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important}.bb-btn-primary:active{background:var(--accent-pressed)!important}.channel-card:first-child{animation-delay:50ms}.channel-card:nth-child(2){animation-delay:.1s}.channel-card:nth-child(3){animation-delay:.15s}.channel-card:nth-child(4){animation-delay:.2s}.channel-card:nth-child(5){animation-delay:.25s}.channel-card:nth-child(6){animation-delay:.3s}.channel-card:nth-child(7){animation-delay:.35s}.channel-card:nth-child(8){animation-delay:.4s}.channel-card:nth-child(9){animation-delay:.45s}#syncOverlay{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a6;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;display:none;position:fixed;inset:0}#syncOverlay.visible{display:flex}#syncOverlay .sync-spinner{border-radius:var(--radius-full);border:3px solid var(--accent-soft-hover);border-top-color:var(--accent);width:44px;height:44px;animation:.8s linear infinite spin}#syncOverlay .sync-msg{color:var(--color-white);letter-spacing:-.01em;font-size:1rem;font-weight:600;font-family:var(--font-body)}#syncOverlay .sync-sub{color:#ffffff80;font-size:.8125rem;font-family:var(--font-body);margin-top:-.5rem}#syncOverlay .sync-bar-track{background:#ffffff1f;border-radius:2px;width:220px;height:3px}#syncOverlay .sync-bar-fill{background:var(--accent);border-radius:2px;width:0%;height:100%;transition:width .4s}[data-theme=light]{--bg-primary:#f5f5f0;--bg-secondary:#efefea;--bg-card:#fff;--bg-card-hover:#f8f8f5;--bg-surface:#f0f0eb;--bg-surface-raised:#e8e8e2;--border-subtle:#e0e0d8;--text-primary:#111;--text-secondary:#555;--text-muted:#888}.app-content{overflow:hidden!important}.channels-layout{flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.channels-cat-sidebar{width:var(--channels-sidebar-w);background:var(--bg-card);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;height:100%;display:flex;overflow:hidden}.channels-cat-sidebar-inner{scrollbar-width:none;flex:1;padding:12px 10px;overflow:hidden auto}.channels-cat-sidebar-inner::-webkit-scrollbar{display:none}.channels-cat-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 14px 10px;display:flex}.channels-cat-header-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.2px;font-size:13px;font-weight:700}.channels-cat-header-actions{align-items:center;gap:4px;display:flex}.cat-sidebar-btn{border:1px solid var(--border-subtle);width:26px;height:26px;color:var(--text-muted);cursor:pointer;font:500 11px/1 var(--font-body);white-space:nowrap;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:3px;padding:0 6px;transition:all .15s;display:flex}.cat-sidebar-btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;width:11px;height:11px}.cat-sidebar-btn:hover{background:var(--bg-surface);color:var(--text-secondary);border-color:var(--border-hover)}.sidebar-nav-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:8px 8px 6px;font-size:10px;font-weight:600}#categoriesSection .cat-tab{cursor:pointer;white-space:nowrap;text-align:left;align-items:center;gap:8px;width:100%;transition:all .15s;position:relative;color:var(--text-secondary)!important;font:500 12px/1 var(--font-body)!important;flex-shrink:unset!important;background:0 0!important;border:none!important;border-radius:8px!important;padding:7px 8px!important;display:flex!important}#categoriesSection .cat-tab:hover{color:var(--text-primary)!important;background:#ffffff0a!important}#categoriesSection .cat-tab.active{color:var(--text-primary)!important;background:#ffffff0f!important}#categoriesSection .cat-tab.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:3px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}#categoriesSection .cat-tab-count{color:var(--text-muted)!important;opacity:1!important;background:#ffffff0f!important;border-radius:10px!important;margin-left:auto!important;padding:1px 7px!important;font-size:11px!important}#categoriesSection .cat-tab.active .cat-tab-count{color:var(--accent)!important;background:#38e9b11f!important}.cat-tab-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}#categoriesSection .chan-cat-pills{flex-direction:column!important;flex:none!important;gap:2px!important;display:flex!important;overflow:visible!important}#categoriesSection .subcategories-strip{border-top:1px solid var(--border-subtle)!important;background:0 0!important;flex-direction:column!important;align-items:stretch!important;padding:8px 0 4px!important}#categoriesSection .subcategories-track{flex-direction:column!important;align-items:stretch!important;gap:2px!important;padding:0!important;overflow-x:visible!important}#categoriesSection .subcat-pill{width:100%;border-radius:7px!important;justify-content:flex-start!important;padding:6px 8px!important;font-size:11px!important}#categoriesSection .subcat-pill .subcat-count{margin-left:auto!important}.chan-cat-row{gap:2px;background:0 0!important;border-bottom:none!important;flex-direction:column!important;padding:4px 0!important;display:flex!important}.chan-cat-edit{flex-shrink:0;flex-direction:row!important;gap:4px!important;padding:6px 0 2px!important;display:flex!important}.chan-cat-edit .cat-tab-vdivider{display:none!important}#categoriesSection{scrollbar-width:none;min-height:0;flex-direction:column!important;flex:1!important;padding:0!important;display:flex!important;overflow:hidden auto!important}#categoriesSection::-webkit-scrollbar{display:none}.channels-main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chan-topbar{gap:0;display:none;background:var(--bg-card)!important;border-bottom:1px solid var(--border-subtle)!important;flex-direction:column!important;flex-shrink:0!important;padding:0 20px!important}.chan-topbar.show{display:flex!important}.ct-controls-row{border-bottom:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:6px;padding:10px 0 9px;display:flex}.ct-pill-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);font:500 12px/1 var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:5px 12px;transition:all .15s;display:inline-flex}.ct-pill-btn svg{flex-shrink:0;width:13px;height:13px}.ct-pill-btn:hover{border-color:var(--border-hover);background:var(--bg-surface);color:var(--text-primary)}.ct-pill-accent{background:var(--accent-soft)!important;border-color:var(--accent-glow)!important;color:var(--accent)!important}.ct-pill-accent:hover{background:#38e9b12e!important;border-color:#38e9b166!important}.ct-pill-btn.feed-type-chip.active{background:var(--accent-soft);border-color:var(--accent-glow);color:var(--accent)}.ct-cat-row{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:8px;padding:8px 0;display:flex;overflow-x:auto}.ct-cat-row::-webkit-scrollbar{display:none}.ct-cat-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.ct-subcat-pills{flex-shrink:0;align-items:center;gap:5px;display:flex}.chan-uncat-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;height:48px;display:flex}.chan-uncat-text{font-weight:500;color:var(--text-secondary)!important;font-size:13px!important}.chan-uncat-text svg{width:14px!important;height:14px!important}.chan-bulk-row{align-items:center;gap:6px;height:44px;display:flex}.bb-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);font:500 12px/1 var(--font-body);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;transition:all .15s;display:inline-flex}.bb-btn:hover{border-color:var(--border-hover);background:var(--bg-surface);color:var(--text-primary)}.bb-act{color:var(--accent);font:600 12px/1 var(--font-body);cursor:pointer;background:#38e9b11a;border:1px solid #38e9b14d;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;transition:all .15s;display:inline-flex}.bb-act:hover{border-color:var(--accent);background:#38e9b133}.channels-view-controls{align-items:center;gap:6px;margin-left:auto;display:flex}.channels-sort-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);font:500 12px/1 var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;transition:all .15s;display:flex}.channels-sort-btn svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;width:13px;height:13px}.channels-sort-btn:hover{border-color:var(--border-hover);background:var(--bg-surface);color:var(--text-primary)}.view-toggles{border:1px solid var(--border-subtle);border-radius:8px;display:flex;overflow:hidden}.view-toggle-btn{width:32px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.view-toggle-btn:hover{color:var(--text-secondary);background:var(--bg-surface)}.view-toggle-btn.active{background:var(--bg-surface-raised);color:var(--accent)}.view-toggle-btn+.view-toggle-btn{border-left:1px solid var(--border-subtle)}.view-toggle-btn svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;width:13px;height:13px}.ch-table{border-collapse:collapse;width:100%;font-size:.8125rem}.ch-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:.5rem .625rem;font-size:.625rem;font-weight:600;transition:color .15s}.ch-table th:hover{color:var(--text-secondary)}.ch-table th.sorted{color:var(--accent)}.ch-table th .sort-arrow{vertical-align:middle;margin-left:3px;font-size:.5rem;display:inline-block}.ch-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle;padding:.5rem .625rem}.ch-table tr{cursor:pointer;transition:background .15s}.ch-table tbody tr:hover{background:var(--bg-surface)}.ch-table tr.selected-row{background:#38e9b10f}.ch-table .ch-table-name{align-items:center;gap:.5rem;min-width:0;display:flex}.ch-table .ch-table-av{background:var(--bg-surface-raised);width:26px;height:26px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.5625rem;font-weight:600;display:flex;overflow:hidden}.ch-table .ch-table-av img{object-fit:cover;width:100%;height:100%}.ch-table .ch-table-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-weight:500;overflow:hidden}.ch-table .ch-table-select{border:1.5px solid var(--border-subtle);cursor:pointer;border-radius:4px;flex-shrink:0;place-items:center;width:18px;height:18px;transition:all .15s;display:grid}.ch-table .ch-table-select.checked{background:var(--accent);border-color:var(--accent)}.ch-table .ch-table-select svg{stroke:#fff;fill:none;stroke-width:3px;width:11px;height:11px}.ch-table .ch-table-fav{cursor:pointer;color:var(--text-muted);background:0 0;border:none;place-items:center;width:18px;height:18px;padding:0;transition:color .15s;display:grid}.ch-table .ch-table-fav:hover,.ch-table .ch-table-fav.starred{color:var(--color-warning)}.ch-table .ch-table-fav svg{width:14px;height:14px}.ch-state-badge{white-space:nowrap;border-radius:4px;padding:2px 7px;font-size:.625rem;font-weight:600}.ch-state-badge.active{color:var(--accent);background:#38e9b11a}.ch-state-badge.inactive{color:#ef9f27;background:#ef9f271a}.ch-state-badge.dead{color:#e85d50;background:#e85d501a}.ch-table th{position:relative}.ch-table-resizer{cursor:col-resize;background:0 0;width:4px;transition:background .15s;position:absolute;top:0;bottom:0;right:0}.ch-table-resizer:hover,.ch-table-resizer:active{background:var(--accent)}.pill-toggle{border:1px solid var(--border-subtle);border-radius:8px;display:flex;overflow:hidden}.pill-toggle-btn{font:500 12px/1 var(--font-body);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:5px 12px;transition:all .15s}.pill-toggle-btn:hover{color:var(--text-secondary);background:var(--bg-surface)}.pill-toggle-btn.active{background:var(--bg-surface-raised);color:var(--accent)}.pill-toggle-btn+.pill-toggle-btn{border-left:1px solid var(--border-subtle)}.main-layout{flex:1!important;gap:0!important;padding:16px 20px!important;overflow:hidden!important}.channel-card{background:var(--bg-card)!important;border-color:var(--border-subtle)!important;border-radius:12px!important}.channel-card:hover{border-color:var(--border-hover)!important;box-shadow:0 8px 32px #0000004d!important}.chan-topbar-title{letter-spacing:-.3px;color:#e8e6e0;white-space:nowrap;flex-shrink:0;font-family:Outfit,sans-serif;font-size:14px;font-weight:600}.chan-topbar-badge{color:var(--accent);white-space:nowrap;background:#38e9b11a;border-radius:6px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:500}.subcats-topbar-pill{font:500 12px/1 var(--font-body);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;white-space:nowrap;background:0 0;border-radius:100px;flex-shrink:0;padding:4px 12px;transition:all .15s}.subcats-topbar-pill:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-surface)}.subcats-topbar-pill.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.tier-badge{text-transform:uppercase;letter-spacing:.8px;border-radius:4px;margin-right:10px;padding:2px 7px;font-size:9px;font-weight:600}.tier-badge.free{color:var(--text-muted);background:var(--bg-surface-raised)}.tier-badge.pro{color:#ef9f27;background:#ef9f271a}.tier-badge.admin{color:#e85d50;background:#e85d501a}.admin-live{align-items:center;gap:6px;display:flex}.admin-live-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse}.admin-live-label{color:var(--accent);font-size:11px;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.admin-two-col{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.admin-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.125rem 1.25rem}.admin-panel-header{justify-content:space-between;align-items:center;margin-bottom:.875rem;display:flex}.admin-panel-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.875rem;font-size:.875rem;font-weight:600}.admin-panel-header .admin-panel-title{margin-bottom:0}.admin-view-all{color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:500}.admin-view-all:hover{color:var(--text-secondary)}.admin-tabs{gap:4px;display:flex}.admin-tab{cursor:pointer;color:var(--text-muted);border:1px solid var(--border-subtle);font-size:11px;font-weight:500;font-family:var(--font-body);background:0 0;border-radius:6px;padding:4px 10px;transition:all .15s}.admin-tab:hover{color:var(--text-secondary);border-color:#ffffff1a}.admin-tab.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.admin-feature-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.admin-feature-row:last-child{border-bottom:none}.admin-feature-name{color:var(--text-secondary);flex-shrink:0;min-width:120px;font-size:.75rem;font-weight:500}.admin-bar-wrap{background:var(--bg-surface-raised);border-radius:3px;flex:1;height:6px;overflow:hidden}.admin-bar{border-radius:3px;height:100%;transition:width .6s}.admin-feature-pct{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;min-width:36px;font-size:11px}.admin-eng-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:1rem;display:grid}.admin-eng-card{background:var(--bg-surface-raised);border-radius:var(--radius-sm);text-align:center;padding:.75rem .875rem}.admin-eng-val{font-family:var(--font-display);letter-spacing:-.5px;font-size:1.125rem;font-weight:700;line-height:1}.admin-eng-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:10px}.admin-sub-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:10px;font-size:10px;font-weight:600}.admin-table{border-collapse:collapse;width:100%;font-size:.75rem}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);padding:0 0 10px;font-size:10px;font-weight:600}.admin-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle;padding:10px 0}.admin-table tr:last-child td{border-bottom:none}.admin-user-cell{align-items:center;gap:8px;display:flex}.admin-user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:600;display:flex}.admin-user-name{color:var(--text-primary);font-weight:500}.admin-user-email{color:var(--text-muted);font-size:11px}.admin-status{border-radius:4px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-block}.admin-status.active{color:var(--accent);background:#3ecfa01f}.admin-status.inactive{background:var(--bg-surface-raised);color:var(--text-muted)}.admin-status.new{color:#378add;background:#378add1a}.nl-layout{grid-template-columns:1fr 320px;gap:20px;display:grid}.nl-sidebar{flex-direction:column;gap:1rem;display:flex}.nl-compose{padding:0;overflow:hidden}.nl-compose-header{border-bottom:1px solid var(--border-subtle);padding:1.125rem 1.25rem}.nl-compose-header .admin-panel-title{margin-bottom:.75rem}.nl-field{margin-bottom:.875rem}.nl-field:last-child{margin-bottom:0}.nl-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:6px;font-size:10px;font-weight:600;display:block}.nl-input{background:var(--bg-surface-raised);border:1px solid var(--border-subtle);width:100%;height:36px;font-size:13px;font-family:var(--font-body);color:var(--text-primary);border-radius:8px;outline:none;padding:0 12px;transition:border-color .15s}.nl-input::placeholder{color:var(--text-muted)}.nl-input:focus{border-color:#ffffff1a}.nl-toolbar{border-bottom:1px solid var(--border-subtle);align-items:center;gap:2px;padding:10px 1.25rem;display:flex}.nl-toolbar-btn{width:32px;height:28px;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.nl-toolbar-btn:hover{background:var(--bg-surface-raised);color:var(--text-secondary)}.nl-toolbar-btn svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.nl-toolbar-sep{background:var(--border-subtle);width:1px;height:18px;margin:0 4px}.nl-editor{min-height:360px;color:var(--text-primary);caret-color:var(--accent);outline:none;padding:1.25rem;font-size:14px;line-height:1.7}.nl-editor:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.nl-editor h2{font-family:var(--font-display);letter-spacing:-.3px;margin-bottom:8px;font-size:18px;font-weight:600}.nl-editor p{margin-bottom:12px}.nl-editor a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.nl-audience-opt{cursor:pointer;border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;transition:all .15s;display:flex}.nl-audience-opt:last-child{margin-bottom:0}.nl-audience-opt:hover{border-color:#ffffff1a}.nl-audience-opt.selected{background:#3ecfa014;border-color:#3ecfa040}.nl-radio{border:1.5px solid var(--border-subtle);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:flex}.nl-audience-opt.selected .nl-radio{border-color:var(--accent)}.nl-audience-opt.selected .nl-radio:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.nl-audience-label{color:var(--text-secondary);font-size:12px;font-weight:500}.nl-audience-opt.selected .nl-audience-label{color:var(--text-primary)}.nl-audience-count{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.nl-send-stack{flex-direction:column;gap:8px;display:flex}.nl-btn{font-size:13px;font-weight:500;font-family:var(--font-body);cursor:pointer;border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 16px;transition:all .15s;display:inline-flex}.nl-btn:hover{color:var(--text-primary);border-color:#ffffff1a}.nl-btn svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.nl-btn-primary{background:var(--accent);border-color:var(--accent);color:#111;font-weight:600}.nl-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#111}.nl-btn-primary:disabled{opacity:.6;cursor:default}.nl-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.nl-stat{background:var(--bg-surface-raised);text-align:center;border-radius:8px;padding:10px 12px}.nl-stat-val{font-family:var(--font-display);letter-spacing:-.5px;font-size:16px;font-weight:700;line-height:1}.nl-stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:3px;font-size:9px}.api-day-chart{align-items:flex-end;gap:6px;height:80px;margin-bottom:4px;display:flex}.api-day-col{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.api-day-bar-wrap{justify-content:center;align-items:flex-end;width:100%;height:60px;display:flex}.api-day-bar{background:var(--accent);border-radius:3px 3px 0 0;width:100%;min-height:2px;transition:height .4s}.api-day-label{color:var(--text-muted);font-size:9px;font-weight:500}.api-day-val{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:9px}.personality-section-hd{justify-content:space-between;align-items:center;margin-top:1.75rem;padding:.25rem 0 .625rem;display:flex}.roast-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:1.25rem;margin-bottom:.25rem;padding:1.25rem 1.5rem;display:flex}.roast-ring-wrap{flex-shrink:0;width:56px;height:56px;position:relative}.roast-ring-svg{width:56px;height:56px}.roast-ring-val{font-family:var(--font-display);letter-spacing:-.02em;justify-content:center;align-items:center;font-size:.9375rem;font-weight:700;display:flex;position:absolute;inset:0}.roast-body{flex:1;min-width:0}.roast-verdict{color:var(--text-primary);margin-bottom:.625rem;font-size:.875rem;font-weight:500;line-height:1.4}.roast-pills{flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem;display:flex}.roast-pill{border-radius:var(--radius-full);letter-spacing:.01em;padding:.25rem .625rem;font-size:.6875rem;font-weight:600}.roast-pill-red{color:#e85d50;background:#e85d501f}.roast-pill-amber{color:#ef9f27;background:#ef9f271f}.roast-pill-mint{color:#38e9b1;background:#38e9b11f}.roast-cta{border:1px solid var(--border-subtle);color:var(--text-secondary);font:.8125rem/1 var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--transition);background:0 0;padding:.4375rem .875rem}.roast-cta:hover{color:var(--text-primary);background:var(--bg-surface-raised);border-color:#555}.badge-grid{grid-template-columns:repeat(3,1fr);gap:.625rem;margin-bottom:.25rem;display:grid}@media (max-width:640px){.badge-grid{grid-template-columns:repeat(2,1fr)}}.badge-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.25rem;padding:.875rem 1rem;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.badge-card:not(.badge-locked):hover{border-color:#555}.badge-locked{opacity:.45}.badge-icon{margin-bottom:.125rem;font-size:1.375rem;line-height:1}.badge-title{color:var(--text-primary);font-size:.8125rem;font-weight:600}.badge-desc{color:var(--text-muted);font-size:.6875rem;line-height:1.35}.badge-lock-overlay{opacity:.5;font-size:.75rem;position:absolute;top:.5rem;right:.5rem}.thermo-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:.25rem;padding:1.25rem 1.5rem}.thermo-header{justify-content:space-between;align-items:center;margin-bottom:.875rem;display:flex}.thermo-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.thermo-verdict{font-size:.8125rem;font-weight:600}.thermo-track{border-radius:var(--radius-full);background:#ffffff0f;width:100%;height:8px;margin-bottom:.5rem;overflow:hidden}.thermo-fill{border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.thermo-scale{color:var(--text-muted);letter-spacing:.02em;justify-content:space-between;margin-bottom:1rem;font-size:.625rem;display:flex}.thermo-rows{flex-direction:column;gap:.5rem;display:flex}.thermo-row{align-items:center;gap:.625rem;display:flex}.thermo-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.thermo-row-label{color:var(--text-secondary);flex:1;font-size:.8125rem}.thermo-row-val{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:.8125rem;font-weight:600}.empty-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:2rem 1.5rem;display:flex}.empty-icon{margin-bottom:.25rem;font-size:2rem;line-height:1}.empty-title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.empty-desc{color:var(--text-muted);max-width:280px;font-size:.8125rem;line-height:1.5}.empty-cta{border:1px solid var(--border-subtle);color:var(--text-secondary);font:.8125rem/1 var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--transition);background:0 0;margin-top:.5rem;padding:.4375rem .875rem}.empty-cta:hover{color:var(--text-primary);background:var(--bg-surface-raised);border-color:#555}.nudge-card{border-radius:var(--radius-md);background:#ef9f270f;border:1px solid #ef9f2733;align-items:flex-start;gap:.875rem;margin-bottom:.25rem;padding:1rem 1.25rem;display:flex}.nudge-icon{flex-shrink:0;margin-top:.125rem;font-size:1.25rem;line-height:1}.nudge-body{flex:1;min-width:0}.nudge-title{color:#ef9f27;margin-bottom:.25rem;font-size:.8125rem;font-weight:600}.nudge-text{color:var(--text-secondary);font-size:.8125rem;line-height:1.45}.nudge-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-top:.125rem;padding:.125rem;font-size:.875rem;line-height:1;transition:color .15s}.nudge-dismiss:hover{color:var(--text-primary)}.resub-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:.25rem;padding:1rem 1.25rem}.resub-header{justify-content:space-between;align-items:center;margin-bottom:.625rem;display:flex}.resub-title{color:var(--text-primary);font-size:.8125rem;font-weight:600}.resub-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.125rem;font-size:.875rem;line-height:1;transition:color .15s}.resub-close:hover{color:var(--text-primary)}.resub-ch{color:var(--text-primary);margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.resub-desc{color:var(--text-muted);margin-bottom:.875rem;font-size:.8125rem;line-height:1.4}.resub-actions{gap:.5rem;display:flex}.resub-btn-keep{border:1px solid var(--border-subtle);color:var(--text-secondary);font:.8125rem/1 var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--transition);background:0 0;flex:1;padding:.4375rem .875rem}.resub-btn-keep:hover{color:var(--text-primary);background:var(--bg-surface-raised);border-color:#555}.resub-btn-drop{color:#e85d50;font:.8125rem/1 var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--transition);background:#e85d501a;border:1px solid #e85d5040;flex:1;padding:.4375rem .875rem}.resub-btn-drop:hover{background:#e85d502e;border-color:#e85d5066}.unsub-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.unsub-modal{background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:380px;padding:2rem 1.75rem;box-shadow:0 24px 80px #0006}.unsub-modal-icon{margin-bottom:.75rem;font-size:2.5rem}.unsub-modal-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.unsub-modal-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.unsub-modal-desc strong{color:var(--text-secondary)}.unsub-modal-actions{flex-direction:column;gap:.5rem;display:flex}.unsub-btn-cancel{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);font:.875rem/1 var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--transition);padding:.625rem 1rem}.unsub-btn-cancel:hover{color:var(--text-primary);background:var(--bg-surface-raised);border-color:#555}.unsub-btn-confirm{color:#e85d50;font:.875rem/1 var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--transition);background:#e85d501f;border:1px solid #e85d504d;padding:.625rem 1rem;font-weight:600;text-decoration:none;display:block}.unsub-btn-confirm:hover{background:#e85d5033;border-color:#e85d5080}