.nb-header{height:var(--navbar-height);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:1000;gap:20px;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.nb-left{display:flex;align-items:center;flex-shrink:0}.nb-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-heading);font-weight:800;font-size:1.35rem;letter-spacing:-.03em;color:var(--text-primary)}.nb-logo-icon-wrapper{display:flex;align-items:center;justify-content:center}.nb-logo-icon{font-size:1.85rem;color:var(--accent-primary);filter:drop-shadow(0 2px 8px var(--accent-glow))}.nb-logo-text span{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nb-center{flex:1;max-width:620px;margin:0 auto}.nb-search-form{display:flex;align-items:center;width:100%;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.nb-search-form:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.nb-search-input-wrapper{display:flex;align-items:center;flex:1;padding:0 16px;gap:10px}.nb-search-icon{color:var(--text-muted);font-size:.95rem;flex-shrink:0}.nb-search-input{width:100%;padding:10px 0;background:transparent;border:none;outline:none;font-size:.9rem;color:var(--text-primary)}.nb-search-input::placeholder{color:var(--text-muted)}.nb-search-clear-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.nb-search-clear-btn:hover{color:var(--text-primary)}.nb-search-submit-btn{padding:10px 20px;background-color:var(--bg-surface-elevated);border:none;border-left:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast)}.nb-search-submit-btn:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.nb-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.nb-icon-btn{width:40px;height:40px;border-radius:var(--radius-full);background:transparent;border:1px solid transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all var(--transition-fast)}.nb-icon-btn:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary)}.nb-sun-icon{color:#f59e0b}.nb-create-btn{border-radius:var(--radius-full);padding:8px 16px;font-size:.85rem}.nb-guest-actions{display:flex;align-items:center;gap:8px}.nb-user-menu-wrapper{position:relative}.nb-user-avatar-btn{background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;border-radius:var(--radius-full);outline:none}.nb-avatar{width:38px;height:38px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border-subtle);transition:border-color var(--transition-fast)}.nb-user-avatar-btn:hover .nb-avatar{border-color:var(--accent-primary)}.nb-dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;width:240px;background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:8px;z-index:1000}.nb-dropdown-header{display:flex;align-items:center;gap:12px;padding:10px 12px}.nb-dropdown-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}.nb-dropdown-user-meta{display:flex;flex-direction:column;overflow:hidden}.nb-dropdown-user-meta strong{font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-dropdown-user-meta span{font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-dropdown-divider{height:1px;background-color:var(--border-subtle);margin:6px 0}.nb-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.88rem;font-weight:500;text-decoration:none;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.nb-dropdown-item:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary)}.nb-dropdown-item-icon{font-size:1rem;color:var(--text-muted)}.nb-dropdown-logout:hover{background-color:var(--danger-bg);color:var(--danger)}.nb-dropdown-logout:hover .nb-dropdown-item-icon{color:var(--danger)}@media(max-width:768px){.nb-header{padding:0 16px;gap:12px}.nb-center,.nb-create-btn span{display:none}.nb-create-btn{padding:8px;border-radius:var(--radius-full)}.nb-logo-text{font-size:1.2rem}}.sb-sidebar{width:var(--sidebar-width);height:calc(100vh - var(--navbar-height));background-color:var(--bg-secondary);border-right:1px solid var(--border-subtle);padding:16px 12px;display:flex;flex-direction:column;position:sticky;top:var(--navbar-height);overflow-y:auto;flex-shrink:0;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.sb-group{display:flex;flex-direction:column;gap:4px}.sb-section-title{font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--text-muted);padding:8px 12px 4px}.sb-link{display:flex;align-items:center;gap:16px;padding:10px 14px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast);position:relative}.sb-icon{font-size:1.15rem;flex-shrink:0;color:var(--text-muted);transition:color var(--transition-fast)}.sb-link:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary)}.sb-link:hover .sb-icon{color:var(--text-primary)}.sb-link-active{background-color:var(--bg-surface-elevated);color:var(--text-primary);font-weight:600}.sb-link-active .sb-icon{color:var(--accent-primary)}.sb-link-active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--accent-gradient);border-radius:var(--radius-full)}.sb-divider{height:1px;background-color:var(--border-subtle);margin:12px 6px}.sb-footer{margin-top:auto;padding:16px 12px 8px;font-size:.75rem;color:var(--text-muted);line-height:1.6}@media(max-width:768px){.sb-sidebar{display:none}}.mb-bottom-nav{display:none}@media(max-width:768px){.mb-bottom-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background-color:var(--bg-secondary);border-top:1px solid var(--border-subtle);z-index:1000;padding:0 8px;box-shadow:0 -4px 16px #00000040}.mb-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;height:100%;min-height:44px;color:var(--text-muted);text-decoration:none;font-size:.7rem;font-weight:500;transition:color var(--transition-fast)}.mb-icon{font-size:1.25rem}.mb-create-icon{font-size:2rem;color:var(--accent-primary)}.mb-avatar-icon{width:24px;height:24px;border-radius:var(--radius-full);object-fit:cover}.mb-active{color:var(--text-primary);font-weight:600}.mb-active .mb-icon{color:var(--accent-primary)}}.ly-container{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:var(--bg-primary)}.ly-main-wrapper{display:flex;flex:1;width:100%;position:relative}.ly-content-area{flex:1;min-width:0;padding:24px 32px;overflow-y:auto;max-width:100%}@media(max-width:1024px){.ly-content-area{padding:20px 24px}}@media(max-width:768px){.ly-content-area{padding:16px;padding-bottom:calc(var(--mobile-nav-height) + 24px)}}.vc-card{display:flex;flex-direction:column;cursor:pointer;position:relative;transition:transform var(--transition-normal);-webkit-user-select:none;user-select:none}.vc-grid{gap:12px}.vc-thumb-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background-color:var(--bg-surface)}.vc-thumb{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,opacity .2s ease}.vc-card:hover .vc-thumb{transform:scale(1.03)}.vc-thumb-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.4) 100%);pointer-events:none}.vc-duration-badge{position:absolute;bottom:8px;right:8px;background-color:#0b0b0ed9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.75rem;font-weight:600;padding:3px 6px;border-radius:var(--radius-xs);letter-spacing:.02em}.vc-details{display:flex;gap:12px;align-items:flex-start}.vc-avatar-col{flex-shrink:0;transition:opacity var(--transition-fast)}.vc-avatar-col:hover{opacity:.85}.vc-avatar{width:36px;height:36px;border-radius:var(--radius-full);object-fit:cover;background-color:var(--bg-surface-elevated)}.vc-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.vc-title{font-family:var(--font-heading);font-size:.95rem;font-weight:600;line-height:1.35;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast)}.vc-card:hover .vc-title{color:var(--accent-primary)}.vc-channel{font-size:.82rem;color:var(--text-secondary);transition:color var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vc-channel:hover{color:var(--text-primary)}.vc-stats{font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.vc-dot{font-size:.6rem;opacity:.7}.vc-compact{flex-direction:row;gap:12px;align-items:flex-start}.vc-compact .vc-thumb-wrapper{width:140px;flex-shrink:0}.vc-compact .vc-title{font-size:.88rem;-webkit-line-clamp:2}.vc-compact .vc-channel{font-size:.78rem}.vc-compact .vc-stats{font-size:.75rem}@media(max-width:480px){.vc-grid .vc-avatar{width:32px;height:32px}.vc-title{font-size:.9rem}}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;max-width:480px;margin:0 auto}.empty-state-icon-wrapper{width:72px;height:72px;border-radius:var(--radius-full);background-color:var(--bg-surface-elevated);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);font-size:2rem;margin-bottom:20px;box-shadow:var(--shadow-sm)}.empty-state-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.empty-state-description{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:24px}.empty-state-btn{box-shadow:var(--shadow-md)}.hm-container{display:flex;flex-direction:column;gap:24px;width:100%}.hm-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.hm-chips-scroll{display:flex;align-items:center;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.hm-chips-scroll::-webkit-scrollbar{display:none}.hm-chip{padding:7px 16px;border-radius:var(--radius-full);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.hm-chip:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--border-medium)}.hm-chip-active{background-color:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary);font-weight:600}.hm-chip-active:hover{background-color:var(--text-primary);color:var(--text-inverse)}.hm-search-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background-color:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-full);font-size:.82rem;color:var(--text-primary)}.hm-clear-search-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:0 2px}.hm-clear-search-btn:hover{color:var(--danger)}.hm-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px 20px;width:100%}@media(min-width:1440px){.hm-video-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px 24px}}@media(max-width:640px){.hm-video-grid{grid-template-columns:1fr;gap:20px}}.hm-error-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-width:500px;margin:40px auto}.hm-error-icon{font-size:2.5rem;color:var(--danger);margin-bottom:16px}.hm-error-wrapper h3{font-family:var(--font-heading);font-size:1.25rem;color:var(--text-primary);margin-bottom:8px}.hm-error-wrapper p{color:var(--text-secondary);font-size:.9rem;margin-bottom:20px}.hm-sentinel{width:100%;height:20px;pointer-events:none;opacity:0}.hm-loadmore-error{display:flex;align-items:center;justify-content:center;gap:14px;padding:20px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-top:16px;font-size:.88rem;color:var(--text-secondary)}.hm-end-notice{display:flex;align-items:center;justify-content:center;gap:16px;padding:36px 0 20px}.hm-end-divider{flex:1;max-width:140px;height:1px;background-color:var(--border-subtle)}.hm-end-text{font-size:.82rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-weight:500}.cm-container{display:flex;flex-direction:column;gap:20px;margin-top:12px}.cm-header{display:flex;align-items:center}.cm-heading{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--text-primary)}.cm-form{display:flex;gap:16px;align-items:flex-start}.cm-author-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.cm-form-input-container{display:flex;flex-direction:column;flex:1;gap:10px}.cm-textarea{width:100%;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);font-size:.9rem;outline:none;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.cm-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-glow)}.cm-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.cm-list{display:flex;flex-direction:column;gap:20px}.cm-loading{color:var(--text-muted);font-size:.9rem;padding:20px 0}.cm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--text-muted);font-size:.9rem}.cm-empty-icon{font-size:2rem;opacity:.5}.cm-item{display:flex;gap:16px;align-items:flex-start}.cm-item-avatar{width:38px;height:38px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.cm-item-content{display:flex;flex-direction:column;gap:4px;flex:1}.cm-item-header{display:flex;align-items:center;gap:8px}.cm-item-author{font-size:.85rem;font-weight:600;color:var(--text-primary)}.cm-item-time{font-size:.75rem;color:var(--text-muted)}.cm-item-text{font-size:.9rem;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap}.cm-edit-box{display:flex;flex-direction:column;gap:8px;margin-top:4px}.cm-edit-actions{display:flex;justify-content:flex-end;gap:8px}.cm-item-actions{display:flex;align-items:center;gap:16px;margin-top:4px}.cm-like-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:.8rem;padding:4px 6px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.cm-like-btn:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary)}.cm-like-btn.cm-liked{color:var(--accent-primary)}.cm-owner-actions{display:flex;align-items:center;gap:8px}.cm-tool-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.cm-tool-btn:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary)}.cm-tool-delete:hover{background-color:var(--danger-bg);color:var(--danger)}.plm-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:fadeIn .2s ease-out}.plm-card{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:440px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.plm-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border-subtle)}.plm-header h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--text-primary)}.plm-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.plm-items-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.plm-item-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);background-color:var(--bg-surface);cursor:pointer;transition:background-color var(--transition-fast)}.plm-item-row:hover{background-color:var(--bg-surface-elevated)}.plm-checkbox{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.plm-item-name{font-size:.9rem;font-weight:500;color:var(--text-primary);flex:1}.plm-create-box{display:flex;gap:8px;margin-top:8px;padding-top:16px;border-top:1px solid var(--border-subtle)}.plm-create-input{flex:1;background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);font-size:.88rem;outline:none}.plm-create-input:focus{border-color:var(--border-focus)}.plm-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid var(--border-subtle)}.toast-card{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;align-items:center;gap:12px;background-color:var(--bg-surface-elevated);border:1px solid var(--border-medium);box-shadow:var(--shadow-lg);padding:12px 18px;border-radius:var(--radius-md);color:var(--text-primary);max-width:400px}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-icon.success{color:var(--success)}.toast-icon.error{color:var(--danger)}.toast-icon.info{color:var(--accent-primary)}.toast-text{font-size:.9rem;font-weight:500;line-height:1.4}.toast-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;margin-left:8px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.toast-close-btn:hover{color:var(--text-primary)}@media(max-width:600px){.toast-card{bottom:76px;left:16px;right:16px;max-width:none}}.vp-container{width:100%;max-width:1600px;margin:0 auto}.vp-layout{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:flex-start}.vp-primary-col{display:flex;flex-direction:column;gap:16px;min-width:0}.vp-player-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#000;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.vp-video-element{width:100%;height:100%;object-fit:contain;outline:none}.vp-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--text-primary);line-height:1.4}.vp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.vp-creator-info{display:flex;align-items:center;gap:12px}.vp-creator-avatar{width:44px;height:44px;border-radius:var(--radius-full);object-fit:cover;background-color:var(--bg-surface-elevated)}.vp-creator-meta{display:flex;flex-direction:column}.vp-creator-name{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--text-primary)}.vp-creator-name:hover{color:var(--accent-primary)}.vp-creator-subs{font-size:.78rem;color:var(--text-muted)}.vp-subscribe-btn{border-radius:var(--radius-full);padding:8px 18px;font-size:.85rem}.vp-subscribed-btn{border-radius:var(--radius-full);padding:8px 18px;font-size:.85rem;background-color:var(--bg-surface-elevated);border:1px solid var(--border-medium)}.vp-actions{display:flex;align-items:center;gap:8px}.vp-action-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.88rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.vp-action-btn:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--border-medium)}.vp-action-liked{background-color:var(--bg-surface-elevated);color:var(--accent-primary);border-color:var(--accent-primary)}.vp-description-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 20px;display:flex;flex-direction:column;gap:8px}.vp-desc-header{display:flex;align-items:center;gap:12px;font-size:.85rem;font-weight:600;color:var(--text-primary)}.vp-desc-views{color:var(--text-primary)}.vp-desc-date{color:var(--text-muted)}.vp-desc-text{font-size:.9rem;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vp-desc-text.vp-desc-expanded{display:block;-webkit-line-clamp:unset}.vp-desc-toggle{background:transparent;border:none;color:var(--accent-primary);font-size:.85rem;font-weight:600;cursor:pointer;align-self:flex-start;padding:0}.vp-desc-toggle:hover{text-decoration:underline}.vp-sidebar-col{display:flex;flex-direction:column;gap:16px}.vp-sidebar-heading{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary)}.vp-recommendations-list{display:flex;flex-direction:column;gap:16px}.vp-loading-container{max-width:1000px;margin:0 auto}.vp-player-skeleton{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg)}.vp-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px;background-color:var(--bg-secondary);border-radius:var(--radius-lg);max-width:540px;margin:40px auto}.vp-error-icon{font-size:3rem;color:var(--danger);margin-bottom:16px}.vp-error-container h2{font-family:var(--font-heading);font-size:1.4rem;margin-bottom:8px}.vp-error-container p{color:var(--text-secondary);margin-bottom:24px}@media(max-width:1024px){.vp-layout{grid-template-columns:1fr;gap:24px}}@media(max-width:600px){.vp-title{font-size:1.15rem}.vp-toolbar{flex-direction:column;align-items:flex-start;gap:14px}.vp-actions{width:100%;justify-content:space-between}.vp-action-btn{flex:1;justify-content:center;padding:8px 10px}}.ch-container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1400px;margin:0 auto}.ch-cover-wrapper{position:relative;width:100%;height:220px;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--bg-surface)}.ch-cover-img{width:100%;height:100%;object-fit:cover}.ch-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.5) 100%)}.ch-header{display:flex;align-items:center;gap:24px;padding:0 12px;flex-wrap:wrap}.ch-avatar-wrapper{width:90px;height:90px;border-radius:var(--radius-full);overflow:hidden;border:3px solid var(--border-medium);box-shadow:var(--shadow-md);flex-shrink:0;background-color:var(--bg-surface-elevated)}.ch-avatar-img{width:100%;height:100%;object-fit:cover}.ch-meta{display:flex;flex-direction:column;gap:4px;flex:1}.ch-name{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--text-primary)}.ch-handle{font-size:.9rem;color:var(--text-muted)}.ch-sub-counts{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary)}.ch-dot{font-size:.6rem}.ch-actions{display:flex;align-items:center;gap:12px}.ch-subscribe-btn,.ch-subscribed-btn{border-radius:var(--radius-full);padding:10px 22px;font-size:.9rem}.ch-tabs-bar{display:flex;gap:8px;border-bottom:1px solid var(--border-subtle);padding:0 8px}.ch-tab-btn{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-heading);font-size:.95rem;font-weight:600;padding:12px 20px;cursor:pointer;position:relative;transition:color var(--transition-fast)}.ch-tab-btn:hover,.ch-tab-active{color:var(--text-primary)}.ch-tab-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-gradient);border-radius:var(--radius-full)}.ch-about-card{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:16px;max-width:600px}.ch-about-card h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;margin-bottom:8px}.ch-about-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.ch-about-label{font-size:.88rem;color:var(--text-muted)}.ch-about-val{font-size:.9rem;font-weight:500;color:var(--text-primary)}.ch-loading-wrapper{display:flex;flex-direction:column;gap:20px}.ch-cover-skeleton{width:100%;height:220px;border-radius:var(--radius-lg)}.ch-error-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px;background-color:var(--bg-secondary);border-radius:var(--radius-lg);max-width:500px;margin:40px auto}.ch-error-icon{font-size:3rem;color:var(--danger);margin-bottom:16px}@media(max-width:600px){.ch-cover-wrapper{height:140px}.ch-avatar-wrapper{width:70px;height:70px}.ch-name{font-size:1.3rem}.ch-header{flex-direction:column;align-items:flex-start}}.auth-viewport{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:40px 16px;background-color:var(--bg-primary);background-image:radial-gradient(circle at 50% 10%,rgba(99,102,241,.12) 0%,transparent 60%)}.auth-card-box{width:100%;max-width:440px;background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-xl);padding:36px 32px;box-shadow:var(--shadow-lg)}.auth-register-card{max-width:520px}.auth-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:28px}.auth-logo{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-weight:800;font-size:1.4rem;color:var(--text-primary);margin-bottom:16px;text-decoration:none}.auth-logo-icon{font-size:1.8rem;color:var(--accent-primary)}.auth-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.auth-subtitle{font-size:.88rem;color:var(--text-secondary)}.auth-form{display:flex;flex-direction:column}.auth-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:14px;color:var(--text-muted);font-size:.95rem;pointer-events:none}.auth-at-symbol{position:absolute;left:14px;color:var(--text-muted);font-weight:600;pointer-events:none}.auth-input-padding{padding-left:42px!important;padding-right:42px!important}.auth-password-toggle{position:absolute;right:12px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.auth-password-toggle:hover{color:var(--text-primary)}.auth-avatar-picker-section{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.auth-avatar-circle{position:relative;width:80px;height:80px;border-radius:var(--radius-full);border:3px solid var(--border-medium);box-shadow:var(--shadow-sm);background-color:var(--bg-surface-elevated)}.auth-avatar-preview-img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.auth-avatar-badge{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;box-shadow:var(--shadow-sm)}.auth-avatar-label{font-size:.82rem;color:var(--text-secondary);margin-top:6px}.auth-cover-picker{width:100%}.auth-cover-dropzone{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:72px;border:1px dashed var(--border-medium);border-radius:var(--radius-md);background-color:var(--bg-surface);cursor:pointer;color:var(--text-muted);font-size:.85rem;transition:all var(--transition-fast);overflow:hidden}.auth-cover-dropzone:hover{border-color:var(--accent-primary);background-color:var(--bg-surface-elevated)}.auth-cover-icon{font-size:1.2rem}.auth-cover-preview{width:100%;height:100%;object-fit:cover}.auth-error-alert{padding:12px 16px;background-color:var(--danger-bg);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);color:var(--danger);font-size:.85rem;margin-bottom:16px;text-align:center}.auth-submit-btn{width:100%;padding:12px;font-size:.95rem;margin-top:8px;box-shadow:var(--shadow-md)}.auth-card-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;font-size:.85rem;color:var(--text-secondary)}.auth-switch-link{color:var(--accent-primary);font-weight:600;text-decoration:none}.auth-switch-link:hover{text-decoration:underline}@media(max-width:480px){.auth-card-box{padding:28px 20px}.auth-form-row{grid-template-columns:1fr;gap:0}}.pv-container{max-width:800px;margin:0 auto;width:100%}.pv-card{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:32px;display:flex;flex-direction:column;gap:24px}.pv-header{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border-subtle)}.pv-header-icon-wrapper{width:52px;height:52px;border-radius:var(--radius-full);background-color:var(--bg-surface-elevated);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);font-size:1.5rem}.pv-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text-primary)}.pv-subtitle{font-size:.88rem;color:var(--text-secondary)}.pv-progress-panel{background-color:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm)}.pv-progress-header{display:flex;align-items:center;justify-content:space-between}.pv-progress-meta{display:flex;align-items:center;gap:12px}.pv-progress-icon{font-size:1.8rem;color:var(--accent-primary)}.pv-progress-filename{font-size:.95rem;font-weight:600;color:var(--text-primary);max-width:380px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pv-progress-filesize{font-size:.78rem;color:var(--text-muted)}.pv-progress-percentage{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--accent-primary)}.pv-status-processing{font-size:.85rem;color:var(--warning);animation:pulseGlow 1.5s infinite}.pv-bar-track{width:100%;height:8px;background-color:var(--bg-surface-elevated);border-radius:var(--radius-full);overflow:hidden;position:relative}.pv-bar-fill{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);transition:width .3s ease}.pv-bar-indeterminate{width:100%!important;background:linear-gradient(90deg,var(--accent-primary) 0%,#ec4899 50%,var(--accent-primary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.pv-stage-description{font-size:.85rem;color:var(--text-secondary)}.pv-processing-text{display:flex;align-items:center;gap:8px;color:var(--warning)}.pv-spinner-icon{animation:spin 1s linear infinite}.pv-success-panel{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;background-color:var(--success-bg);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);color:var(--success);gap:8px}.pv-success-icon{font-size:2.2rem}.pv-success-panel h3{font-size:1.1rem;font-weight:700}.pv-success-panel p{font-size:.85rem;color:var(--text-secondary)}.pv-failed-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background-color:var(--danger-bg);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--danger)}.pv-failed-icon{font-size:2rem;flex-shrink:0}.pv-failed-panel h3{font-size:1rem;font-weight:700;margin-bottom:2px}.pv-failed-panel p{font-size:.85rem;color:var(--text-primary)}.pv-form{display:flex;flex-direction:column;gap:24px}.pv-section{display:flex;flex-direction:column;gap:8px}.pv-section-label{font-size:.88rem;font-weight:600;color:var(--text-primary)}.pv-file-input{display:none}.pv-dropzone{border:2px dashed var(--border-medium);border-radius:var(--radius-md);background-color:var(--bg-surface);transition:all var(--transition-fast);cursor:pointer}.pv-dropzone:hover{border-color:var(--accent-primary);background-color:var(--bg-surface-elevated)}.pv-dropzone-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px;cursor:pointer;width:100%;text-align:center}.pv-upload-icon{font-size:2.2rem;color:var(--accent-primary);margin-bottom:12px}.pv-dropzone-text{font-size:.95rem;color:var(--text-primary);font-weight:500;margin-bottom:4px}.pv-dropzone-text span{color:var(--accent-primary);text-decoration:underline}.pv-dropzone-hint{font-size:.78rem;color:var(--text-muted)}.pv-file-selected{display:flex;align-items:center;gap:16px;text-align:left}.pv-selected-icon{font-size:2.5rem;color:var(--accent-primary)}.pv-file-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.pv-file-size{font-size:.8rem;color:var(--text-muted)}.pv-thumb-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pv-thumb-dropzone{border:2px dashed var(--border-medium);border-radius:var(--radius-md);background-color:var(--bg-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;cursor:pointer;text-align:center;height:100%;min-height:140px;transition:all var(--transition-fast)}.pv-thumb-dropzone:hover{border-color:var(--accent-primary);background-color:var(--bg-surface-elevated)}.pv-thumb-dropzone p{font-size:.88rem;font-weight:600;margin-bottom:4px}.pv-thumb-dropzone span{font-size:.75rem;color:var(--text-muted)}.pv-thumb-preview-box{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-medium)}.pv-preview-img{width:100%;height:100%;object-fit:cover}.pv-remove-thumb-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:var(--radius-full);background:#000000b3;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem}.pv-remove-thumb-btn:hover{background:var(--danger)}.pv-error-alert{padding:12px 16px;background-color:var(--danger-bg);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);color:var(--danger);font-size:.88rem}.pv-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--border-subtle)}.pv-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.pv-card{padding:20px}.pv-thumb-layout{grid-template-columns:1fr}.pv-failed-panel{flex-direction:column;align-items:flex-start}}.db-container{display:flex;flex-direction:column;gap:28px;width:100%;max-width:1400px;margin:0 auto}.db-hero-card{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);position:relative}.db-cover-wrapper{position:relative;width:100%;height:200px;background-color:var(--bg-surface)}.db-cover-image{width:100%;height:100%;object-fit:cover}.db-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.6) 100%)}.db-change-cover-btn{position:absolute;bottom:14px;right:16px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);padding:6px 14px;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background var(--transition-fast)}.db-change-cover-btn:hover{background:#000000e6}.db-profile-row{display:flex;align-items:flex-end;justify-content:space-between;padding:0 28px 24px;margin-top:-48px;position:relative;gap:20px;flex-wrap:wrap}.db-avatar-wrapper{position:relative;width:96px;height:96px;border-radius:var(--radius-full);border:4px solid var(--bg-secondary);box-shadow:var(--shadow-md);flex-shrink:0;background-color:var(--bg-surface-elevated)}.db-avatar-img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.db-avatar-edit-overlay{position:absolute;inset:0;border-radius:var(--radius-full);background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;cursor:pointer;transition:opacity var(--transition-fast)}.db-avatar-wrapper:hover .db-avatar-edit-overlay{opacity:1}.db-profile-meta{display:flex;flex-direction:column;flex:1}.db-user-name{font-family:var(--font-heading);font-size:1.45rem;font-weight:700;color:var(--text-primary)}.db-user-handle{font-size:.85rem;color:var(--text-muted)}.db-hero-actions{display:flex;align-items:center;gap:10px}.db-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.db-stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:16px;transition:transform var(--transition-fast),border-color var(--transition-fast)}.db-stat-card:hover{transform:translateY(-2px);border-color:var(--border-medium)}.db-stat-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.db-icon-views{background-color:#6366f126;color:#6366f1}.db-icon-subs{background-color:#ec489926;color:#ec4899}.db-icon-likes{background-color:#ef444426;color:#ef4444}.db-icon-videos{background-color:#10b98126;color:#10b981}.db-stat-info{display:flex;flex-direction:column}.db-stat-label{font-size:.78rem;color:var(--text-muted);font-weight:500}.db-stat-value{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text-primary)}.db-videos-section{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:16px}.db-section-header{display:flex;align-items:center;justify-content:space-between}.db-section-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary)}.db-table-container{width:100%;overflow-x:auto}.db-table{width:100%;border-collapse:collapse;text-align:left}.db-table th{padding:12px 16px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.db-table td{padding:14px 16px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.db-table-row:hover{background-color:var(--bg-surface)}.db-table-video-cell{display:flex;align-items:center;gap:14px}.db-table-thumb-wrapper{position:relative;width:100px;aspect-ratio:16 / 9;border-radius:var(--radius-xs);overflow:hidden;flex-shrink:0}.db-table-thumb{width:100%;height:100%;object-fit:cover}.db-table-duration{position:absolute;bottom:2px;right:2px;background:#000c;color:#fff;font-size:.65rem;padding:1px 3px;border-radius:2px}.db-table-title{font-size:.9rem;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:320px}.db-table-date,.db-table-views{font-size:.85rem;color:var(--text-secondary)}.db-table-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.db-action-btn{padding:6px 10px}.db-loading-wrapper{display:flex;flex-direction:column;gap:20px}.db-hero-skeleton{width:100%;height:260px;border-radius:var(--radius-lg)}@media(max-width:768px){.db-profile-row{flex-direction:column;align-items:flex-start;padding:0 16px 16px;margin-top:-36px}.db-hero-actions{width:100%;margin-top:8px}}.pl-container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1400px;margin:0 auto}.pl-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.pl-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700}.pl-subtitle{font-size:.88rem;color:var(--text-secondary)}.pl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px 20px}.pl-card{display:flex;flex-direction:column;gap:12px;cursor:pointer}.pl-card-stack{position:relative;width:100%}.pl-stack-layer-1{position:absolute;top:-5px;left:5%;right:5%;height:100%;background-color:var(--bg-surface-elevated);border-radius:var(--radius-md);z-index:1}.pl-stack-layer-2{position:absolute;top:-10px;left:10%;right:10%;height:100%;background-color:var(--bg-surface);border-radius:var(--radius-md);z-index:0}.pl-thumb-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background-color:var(--bg-surface);z-index:2;box-shadow:var(--shadow-sm)}.pl-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.pl-card:hover .pl-thumb-img{transform:scale(1.04)}.pl-thumb-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity var(--transition-fast)}.pl-card:hover .pl-thumb-overlay{opacity:1}.pl-count-badge{position:absolute;bottom:8px;right:8px;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.75rem;font-weight:600;padding:3px 6px;border-radius:var(--radius-xs)}.pl-card-meta{display:flex;flex-direction:column;gap:4px}.pl-card-title{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-card-sub{font-size:.8rem;color:var(--text-muted)}.pld-container{display:grid;grid-template-columns:360px 1fr;gap:32px;width:100%;max-width:1400px;margin:0 auto;align-items:flex-start}.pld-sidebar{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--navbar-height) + 24px);box-shadow:var(--shadow-sm)}.pld-cover-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background-color:var(--bg-surface)}.pld-cover-img{width:100%;height:100%;object-fit:cover}.pld-play-all-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;border:none;font-family:var(--font-heading);font-size:1rem;font-weight:700;cursor:pointer;transition:background var(--transition-fast)}.pld-play-all-overlay:hover{background:#000000b3}.pld-name{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--text-primary)}.pld-meta-tags{font-size:.82rem;color:var(--text-muted)}.pld-description{font-size:.88rem;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap}.pld-delete-btn{margin-top:8px;align-self:flex-start}.pld-content{display:flex;flex-direction:column;min-width:0}.pld-video-list{display:flex;flex-direction:column;gap:10px}.pld-video-row{display:flex;align-items:center;gap:16px;padding:10px 14px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.pld-video-row:hover{background-color:var(--bg-surface-elevated);border-color:var(--border-medium)}.pld-row-index{font-size:.85rem;font-weight:600;color:var(--text-muted);width:20px;text-align:center}.pld-row-thumb-wrapper{position:relative;width:120px;aspect-ratio:16 / 9;border-radius:var(--radius-xs);overflow:hidden;flex-shrink:0;background-color:var(--bg-surface-elevated)}.pld-row-thumb{width:100%;height:100%;object-fit:cover}.pld-row-duration{position:absolute;bottom:2px;right:2px;background:#000000d9;color:#fff;font-size:.65rem;padding:1px 3px;border-radius:2px}.pld-row-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.pld-row-title{font-family:var(--font-heading);font-size:.92rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pld-row-channel{font-size:.8rem;color:var(--text-muted)}.pld-row-remove-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.pld-row-remove-btn:hover{background-color:var(--danger-bg);color:var(--danger)}.pld-error-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px;background-color:var(--bg-secondary);border-radius:var(--radius-lg);max-width:500px;margin:40px auto}.pld-error-icon{font-size:3rem;color:var(--danger);margin-bottom:16px}@media(max-width:900px){.pld-container{grid-template-columns:1fr;gap:24px}.pld-sidebar{position:static}}.hs-container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1400px;margin:0 auto}.hs-header{display:flex;align-items:center;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.hs-header-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--bg-surface-elevated);display:flex;align-items:center;justify-content:center}.hs-header-icon{color:var(--accent-primary);font-size:1.4rem}.hs-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text-primary)}.hs-subtitle{font-size:.85rem;color:var(--text-secondary)}.lv-container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1400px;margin:0 auto}.lv-header{display:flex;align-items:center;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.lv-header-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-full);background-color:#ef444426;display:flex;align-items:center;justify-content:center}.lv-header-icon{color:var(--danger);font-size:1.4rem}.lv-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text-primary)}.lv-subtitle{font-size:.85rem;color:var(--text-secondary)}:root{--bg-primary: #0b0b0e;--bg-secondary: #131318;--bg-surface: #1a1a23;--bg-surface-elevated: #242432;--bg-surface-hover: #2e2e3f;--bg-input: #15151d;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--border-focus: #6366f1;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--accent-primary: #6366f1;--accent-hover: #4f46e5;--accent-glow: rgba(99, 102, 241, .25);--accent-gradient: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);--accent-gradient-hover: linear-gradient(135deg, #4f46e5 0%, #db2777 100%);--danger: #ef4444;--danger-hover: #dc2626;--danger-bg: rgba(239, 68, 68, .12);--success: #10b981;--success-bg: rgba(16, 185, 129, .12);--warning: #f59e0b;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--shadow-md: 0 6px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 14px 36px rgba(0, 0, 0, .5);--shadow-glow: 0 0 24px rgba(99, 102, 241, .35);--navbar-height: 64px;--sidebar-width: 240px;--mobile-nav-height: 60px;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Plus Jakarta Sans", var(--font-main);--transition-fast: .15s ease;--transition-normal: .25s ease}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-surface: #ffffff;--bg-surface-elevated: #f1f5f9;--bg-surface-hover: #e2e8f0;--bg-input: #f8fafc;--border-subtle: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .14);--border-focus: #6366f1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 6px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 14px 36px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(99, 102, 241, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;text-align:left;margin:0;padding:0;max-width:100%}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}.animate-fade-in{animation:fadeIn .25s ease-out forwards}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-surface-elevated) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite linear;border-radius:var(--radius-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:.9rem;padding:10px 18px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-gradient-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-medium)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-surface-elevated);color:var(--text-primary)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:#ef444433}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-sm{padding:6px 12px;font-size:.8rem;border-radius:var(--radius-sm)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-xs);font-size:.75rem;font-weight:600;line-height:1}.badge-dark{background:#000c;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.form-input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;text-align:left}.form-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-control{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.form-control::placeholder{color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease-out}.modal-card{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-subtle)}.modal-header h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:700}.modal-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close-btn:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-subtle)}