@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5;--accent-primary: #ff006a;--accent-secondary: #ff4f8b;--charcoal: #5c5c5c;--radius-lg: 12px;--radius-md: 12px;--radius-sm: 8px;--shadow-soft: 0 4px 12px rgba(0, 0, 0, .3);--shadow-light: 0 2px 8px rgba(255, 0, 106, .2);--nav-border: rgba(255, 255, 255, .1);--nav-h: 56px;--sidebar-w: 96px;background-color:var(--page);color:var(--text-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}[data-theme=dark]{color-scheme:dark;--page: #0f0f0f;--page-gradient: #0f0f0f;--panel: #212121;--panel-strong: #181818;--text-primary: #f1f1f1;--text-muted: #aaaaaa;--border-color: rgba(255, 255, 255, .1);--chip-bg: #272727;--chip-hover: #3f3f3f;--nav-border: rgba(255, 255, 255, .1);--card-hover: #272727;--sidebar-item-hover: #272727}[data-theme=light]{color-scheme:light;--page: #ffffff;--page-gradient: #ffffff;--panel: #f2f2f2;--panel-strong: #ffffff;--text-primary: #0f0f0f;--text-muted: #606060;--border-color: rgba(0, 0, 0, .1);--chip-bg: #f2f2f2;--chip-hover: #e5e5e5;--nav-border: rgba(0, 0, 0, .1);--card-hover: #f2f2f2;--sidebar-item-hover: #f2f2f2}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--page-gradient);color:var(--text-primary);padding:0;position:relative;overflow-x:hidden}#root{width:100%}.app-shell{width:100%;max-width:100%;margin:0 auto;background:transparent;border-radius:0;padding:var(--nav-h) 0 clamp(16px,2vw,48px);border:none;box-shadow:none;display:flex;flex-direction:column;gap:0}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:clamp(12px,2vw,32px);margin:0;width:100%;height:var(--nav-h);padding:0 clamp(12px,2vw,24px);border-radius:0;background:var(--page-gradient);border:none;border-bottom:1px solid var(--nav-border);box-shadow:none}.logo{font-weight:700;font-size:1.2rem;width:200px;height:auto;display:flex;align-items:center;gap:12px;letter-spacing:.08em}.brand-link{border:none;background:none;padding:6px 8px;border-radius:8px;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.brand-link img{width:130px;height:auto;display:block}.brand-link:hover{background:var(--chip-bg)}.logo-dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary))}.nav-actions{display:flex;gap:8px;align-items:center}.nav-search{position:relative;flex:1;display:flex;align-items:center;gap:0;max-width:600px;background:var(--page);border-radius:999px;overflow:hidden;border:1px solid var(--border-color)}[data-theme=light] .nav-search{background:#fff;border-color:#ccc}.nav-search:focus-within{border-color:#1a73e8}.nav-search input{flex:1;border:none;background:transparent;color:inherit;font-size:1rem;padding:8px 16px}.nav-search input:focus{outline:none}.nav-pill{padding:8px 16px;border-radius:999px;border:none;background:transparent;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.nav-pill.ghost{color:var(--text-muted)}.nav-pill:hover{background:var(--chip-bg)}.nav-pill:active{background:var(--chip-hover)}.theme-toggle{background:var(--chip-bg);color:var(--text-primary);border:none;border-radius:999px;padding:8px 16px;font-weight:500;font-size:.9rem;transition:background .15s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.theme-toggle:hover{background:var(--chip-hover)}.theme-toggle:active{background:var(--border-color)}.search-btn{border:none;border-left:1px solid var(--border-color);border-radius:0 999px 999px 0;padding:8px 20px;background:var(--chip-bg);color:var(--text-primary);font-weight:500;cursor:pointer;transition:background .15s ease}.search-btn:hover{background:var(--chip-hover)}.search-btn:active{background:var(--border-color)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-bottom:32px}.hero-text{padding:32px;border-radius:var(--radius-lg);background:var(--panel);position:relative;overflow:hidden}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:#ff006a26;color:var(--accent-secondary);font-weight:600;margin-bottom:12px}.hero-text h1{font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.1;margin:0 0 16px}.hero-text h1 span{font-weight:400;color:var(--accent-secondary)}.hero-text p{color:var(--text-muted);max-width:520px}.hero-actions{margin-top:24px;display:flex;gap:16px;flex-wrap:wrap}.hero-card{border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--border-color);padding:32px;display:flex;flex-direction:column;gap:12px}.hero-card strong{font-size:1.4rem}.hero-note{color:var(--text-muted)}.hero-stats{margin-top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;font-size:.95rem}.hero-stats strong{display:block;color:var(--accent-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:32px}.stat-card{background:var(--panel);border-radius:var(--radius-md);padding:20px 24px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:6px}.stat-headline{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-muted)}.stat-card strong{font-size:1.9rem;letter-spacing:.02em}.stat-card p{margin:0;color:var(--text-muted);font-size:.9rem}.trend{font-weight:600}.trend.up{color:#3ed598}.trend.down{color:#ffa940}.sparkline{display:flex;align-items:flex-end;gap:4px;height:60px;margin-top:10px}.sparkline span{width:6px;border-radius:999px;background:#fff3}.studio-board{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:0;width:100%;max-width:100%;margin:0 auto;align-items:start;padding-left:var(--sidebar-w);padding-top:clamp(12px,2vw,20px);padding-right:clamp(8px,1.4vw,24px)}.studio-nav{position:fixed;left:0;top:var(--nav-h);bottom:0;width:var(--sidebar-w);background:var(--page-gradient);border-radius:0;padding:10px 8px;border:none;border-right:1px solid var(--nav-border);display:flex;flex-direction:column;gap:8px;-webkit-user-select:none;user-select:none;overflow-y:auto;z-index:50}.studio-nav h2{margin:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0;color:var(--text-muted);padding:4px 0;text-align:center}.studio-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.studio-nav li{min-height:74px;padding:8px 4px;border-radius:10px;border:none;background:transparent;cursor:default;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;transition:background .15s ease}.studio-nav li.is-action{cursor:pointer}.studio-nav-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--chip-bg);color:var(--text-primary);font-size:.76rem;font-weight:700}.studio-nav-label{display:block;max-width:78px;color:var(--text-primary);font-weight:500;font-size:.72rem;line-height:1.15;overflow-wrap:anywhere}.studio-nav li small{display:none}.studio-nav li.is-action:hover{background:var(--sidebar-item-hover)}.studio-nav li.active{background:var(--chip-bg)}.studio-nav li:active{background:var(--chip-hover)}.studio-nav *{-webkit-user-select:none;user-select:none}.studio-feed{display:flex;flex-direction:column;gap:20px;width:min(100%,1780px);margin:0 auto;background:transparent;border-radius:0;border:none;padding:0;box-shadow:none}.feed-hint{margin:0;padding:12px 16px;border-radius:8px;background:#ff006a14;border:1px solid rgba(255,0,106,.2);color:var(--text-primary);font-size:.9rem}.studio-controls{border-radius:var(--radius-lg);background:transparent;border:none;padding:0;display:flex;flex-direction:column;gap:16px}.studio-controls.filters-only{padding:0;border:none;background:transparent}.category-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:none;border-radius:999px;padding:6px 14px;background:var(--chip-bg);color:var(--text-primary);font-weight:500;font-size:.875rem;cursor:pointer;transition:background .15s ease}.chip:hover{background:var(--chip-hover)}.chip.active{background:var(--text-primary);color:var(--page)}.chip:active{opacity:.8}.video-grid{--grid-gap: 28px;--card-min: 320px;--card-max: 420px;display:grid;gap:var(--grid-gap) 18px;grid-template-columns:repeat(auto-fill,minmax(var(--card-min),var(--card-max)));justify-content:center;width:100%}.video-card{background:transparent;border:none;border-radius:8px;padding:0 0 8px;display:flex;flex-direction:column;gap:10px;transition:background .18s ease,transform .18s ease;cursor:pointer}.video-card.skeleton{pointer-events:none;animation:pulse 1.2s ease-in-out infinite}.video-card.skeleton .video-thumb__mask{background:var(--chip-bg)}.video-card.skeleton .duration-pill{display:none}.skeleton-line{height:12px;border-radius:4px;background:var(--chip-bg);margin-bottom:8px}.skeleton-line.short{width:60%;margin-bottom:0}.video-card:hover{background:#ffffff09}[data-theme=light] .video-card:hover{background:#00000009}.video-card:hover .video-thumb:after{opacity:1;transform:scale(1)}.video-card:active{opacity:.85}.video-info{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;padding-right:8px}.video-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),#303030);color:#fff;font-size:.9rem;font-weight:700}.video-info-body{min-width:0}.video-info h3{margin:0;font-size:1rem;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-channel{margin:2px 0 0;color:var(--text-muted);font-size:.85rem}.video-meta{margin:0;color:var(--text-muted);font-size:.82rem}.video-thumb{position:relative;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;text-transform:uppercase;letter-spacing:.1em;font-weight:700;aspect-ratio:16 / 9;background:var(--chip-bg);transition:box-shadow .18s ease}.video-thumb:after{content:"";position:absolute;inset:0;border:2px solid rgba(255,255,255,.88);border-radius:inherit;opacity:0;transform:scale(.992);transition:opacity .18s ease,transform .18s ease;pointer-events:none;z-index:2}[data-theme=light] .video-thumb:after{border-color:#0f0f0fb8}.video-thumb__img,.preview-thumb__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.preview-thumb{position:relative;background:var(--chip-bg)}.preview-thumb__img{z-index:0}.preview-thumb__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#000;opacity:0;z-index:1;transition:opacity .18s ease}.preview-thumb__video.active{opacity:1}.video-thumb__mask{position:absolute;inset:0;margin:auto;border-radius:inherit;overflow:hidden;display:flex;align-items:center;justify-content:center}.duration-pill{position:absolute;bottom:8px;right:10px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:.8rem;font-weight:600;z-index:3}.btn{border:none;border-radius:999px;padding:8px 16px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .15s ease}.btn.primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.btn.secondary,.btn.ghost{background:var(--chip-bg);color:var(--text-primary)}.btn:hover{filter:brightness(1.1)}.player-page{display:grid;grid-template-columns:minmax(0,1fr) clamp(160px,18vw,240px);gap:clamp(16px,3vw,32px);margin-top:16px;align-items:start;width:100%;max-width:1500px;margin-inline:auto;padding:0 clamp(8px,1.4vw,24px)}.queue-column{background:transparent;border:none;border-radius:0;padding:0;position:sticky;top:calc(var(--nav-h) + 16px);align-self:flex-start}.queue-column h4{margin:0 0 12px;font-size:.95rem;font-weight:600}.queue-list{display:flex;flex-direction:column;gap:10px}.queue-empty{margin:0;font-size:.9rem;color:var(--text-muted)}.queue-card{display:block;padding:4px;border-radius:8px;border:1px solid transparent;cursor:pointer;background:transparent;transition:background .15s ease,border-color .15s ease}.queue-card:hover{background:var(--chip-bg)}.queue-card.active{background:var(--chip-bg);border-color:#ff4f8b8c}.queue-thumb{width:100%;aspect-ratio:16 / 9;height:auto;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.75rem;letter-spacing:.08em;background:var(--chip-hover);overflow:hidden}.queue-card strong{display:block;font-size:.875rem;font-weight:600;line-height:1.3}.queue-card p{margin:0;color:var(--text-muted);font-size:.8rem}.viewer-shell{display:flex;flex-direction:column;gap:14px;background:transparent;border-radius:0;border:none;padding:0}.player-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.player-indicator{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--text-muted)}.player-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.player-title{display:block;font-weight:700;font-size:clamp(1.1rem,2vw,1.5rem)}.viewer-video-text{display:flex;flex-direction:column;gap:3px}.player-meta{margin:4px 0 0;color:var(--text-muted);font-size:.9rem}.viewer-content{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.viewer-media{border-radius:12px;padding:0;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;background:transparent;position:relative;overflow:visible;width:100%;margin:0;border:none;box-shadow:none}.viewer-media:not([data-has-video=true]){padding:clamp(16px,2vw,32px);background:var(--panel);border-radius:12px}.viewer-media:not([data-has-video=true]) h2{margin:0 0 6px;font-size:clamp(1.6rem,3vw,2.4rem)}.viewer-media:not([data-has-video=true]) p{margin:0;color:#ffffffd9}.player-video-wrapper{position:relative;width:100%;max-width:min(100%,1200px);aspect-ratio:16 / 9;border-radius:12px;background:#000;overflow:hidden;margin:0 auto;box-shadow:0 4px 24px #00000080}.player-video{position:absolute;inset:0;width:100%;height:100%;border-radius:0;border:none;background:#000;object-fit:cover}.player-placeholder{display:flex;flex-direction:column;gap:8px;min-height:280px;justify-content:flex-end;border-radius:12px;padding:clamp(18px,2.5vw,36px);background:#181818}.player-overlay{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:.1em;text-transform:uppercase;z-index:2}.player-overlay.error{background:#ff006a4d}.player-controls{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:16px;opacity:0;pointer-events:none;transition:opacity .2s ease;background:linear-gradient(180deg,#0000 40%,#000000bf);z-index:3;border-radius:12px}.player-controls.visible{opacity:1;pointer-events:auto}.player-progress{width:100%}.progress-slider{--progress: 0%;appearance:none;width:100%;height:4px;border-radius:999px;background-color:#ffffff40;background-image:linear-gradient(to right,#fffffff2,#fffffff2);background-repeat:no-repeat;background-size:var(--progress) 100%;cursor:pointer;transition:height .15s ease;outline:none}.progress-slider:hover{height:6px}.progress-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:none;box-shadow:0 0 0 3px #ffffff26;transition:transform .15s ease}.progress-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none;box-shadow:0 0 0 3px #ffffff26}.progress-slider::-moz-range-track{background:transparent}.player-controls-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.player-controls-left,.player-controls-right{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.player-btn{border:none;background:transparent;color:#fff;height:36px;min-width:36px;padding:0 10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:background .15s ease;-webkit-user-select:none;user-select:none;opacity:.9}.player-btn.ghost{background:transparent}.player-btn:hover{background:#ffffff26;opacity:1}.player-btn:active{background:#ffffff40}.player-btn-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.player-controls img{filter:brightness(0) invert(1);opacity:.9}.volume-control .icon-btn{min-width:32px;height:32px;padding:0;border:none;background:transparent;box-shadow:none}.volume-control .icon-btn:hover{background:#ffffff26;border-radius:8px;transform:none}.icon-btn{padding:0 10px;min-width:36px}.icon-btn img,.player-btn img{width:18px;height:18px}.play-toggle{width:44px;height:44px;border-radius:999px;padding:0}.play-shape,.pause-shape{display:block;width:0;height:0}.play-shape{border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff;margin-left:3px}.pause-shape{position:relative;width:18px;height:18px}.pause-shape:before,.pause-shape:after{content:"";position:absolute;top:0;width:5px;height:18px;background:#fff;border-radius:2px}.pause-shape:before{left:0}.pause-shape:after{right:0}.player-time{font-size:.82rem;color:#ffffffe6;font-weight:500}.volume-control{display:inline-flex;align-items:center;justify-content:center;gap:0;border-radius:8px;background:transparent;border:none;width:36px;height:36px;padding:0 4px;overflow:hidden;transition:width .2s ease,padding .2s ease;cursor:pointer}.volume-control.expanded{width:140px;padding:0 10px;gap:8px}.volume-slider-wrapper{flex:0 0 auto;max-width:0;opacity:0;transform:translate(8px);transition:opacity .2s ease,transform .2s ease;display:flex;align-items:center}.volume-control.expanded .volume-slider-wrapper{flex:1;max-width:none;opacity:1;transform:translate(0)}.volume-slider{width:100%;appearance:none;height:4px;border-radius:999px;background:#ffffff4d;cursor:pointer}.volume-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:none}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:none;background:#fff}.volume-slider::-moz-range-track{background:transparent;border:none}.player-settings-menu{position:absolute;right:12px;bottom:70px;background:#282828;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;min-width:200px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 24px #00000080;z-index:5}.settings-group>span{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80}.settings-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.settings-chip{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:5px 12px;background:transparent;color:#fff;font-size:.85rem;cursor:pointer;transition:background .15s ease}.settings-chip:hover{background:#ffffff1a}.settings-chip.active{background:var(--accent-primary);border-color:var(--accent-primary)}.fullscreen-icon{width:16px;height:16px;border:2px solid #fff;border-radius:3px;position:relative}.fullscreen-icon:before,.fullscreen-icon:after{content:"";position:absolute;width:5px;height:2px;background:#fff}.fullscreen-icon:before{top:-2px;left:-2px}.fullscreen-icon:after{bottom:-2px;right:-2px}.fullscreen-icon.exit{border-radius:1px;border-color:#fffc}.viewer-playlist{background:var(--panel);border-radius:12px;padding:14px;border:none}.viewer-playlist h3{margin:0 0 10px;font-size:.95rem;font-weight:600}.viewer-playlist ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.viewer-playlist li{display:grid;grid-template-columns:56px 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:8px;cursor:pointer;border:none;transition:background .15s ease}.viewer-playlist li:hover{background:var(--chip-bg)}.viewer-playlist .thumb{width:56px;height:42px;border-radius:8px;background:var(--chip-hover)}.viewer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.viewer-description,.viewer-comments{background:var(--panel);border-radius:12px;border:none;padding:16px 18px}.viewer-comments .comments-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.comment-input{background:var(--chip-bg);border-radius:8px;padding:10px 14px;margin-bottom:10px;color:var(--text-muted);font-size:.9rem}.comment-input-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:12px}.comment-input-form input{min-width:0;border:1px solid var(--border-color);border-radius:999px;background:var(--chip-bg);color:var(--text-primary);padding:10px 14px;font-size:.9rem}.comment-input-form input:focus{outline:none;border-color:var(--accent-primary)}.comment-input-form button{border:none;border-radius:999px;padding:10px 16px;background:var(--text-primary);color:var(--page);font-weight:600;cursor:pointer;transition:opacity .15s ease}.comment-input-form button:disabled{opacity:.45;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:14px}.comments-empty{margin:0;color:var(--text-muted);font-size:.9rem}.comment-card{display:grid;grid-template-columns:36px 1fr;gap:10px}.comment-card .avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.comment-meta{display:flex;gap:8px;align-items:baseline;font-size:.875rem}.comment-meta span{color:var(--text-muted);font-size:.8rem}.comment-card p{margin:4px 0 6px;font-size:.9rem}.comment-actions{display:flex;gap:10px;font-size:.82rem}.comment-actions button{border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s ease}.comment-actions button:hover{color:var(--text-primary)}.auth-board{width:100%;display:flex;justify-content:center;padding:32px 16px}.auth-card{width:min(480px,100%);background:var(--panel);border:1px solid var(--border-color);border-radius:12px;padding:clamp(24px,4vw,36px)}.auth-tabs{display:inline-flex;border-radius:999px;border:1px solid var(--border-color);padding:3px;margin-bottom:20px;background:var(--chip-bg)}.auth-tab{border:none;background:transparent;color:var(--text-muted);padding:8px 18px;border-radius:999px;cursor:pointer;font-size:.9rem;transition:background .15s ease,color .15s ease}.auth-tab.active{background:var(--text-primary);color:var(--page)}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:5px;font-size:.9rem}.auth-field input{border-radius:8px;border:1px solid var(--border-color);background:var(--chip-bg);padding:10px 12px;color:inherit;font-size:.95rem;transition:border-color .15s ease}.auth-field input:focus{outline:none;border-color:var(--accent-primary)}[data-theme=light] .auth-field input{background:#fff;color:#0f0f0f}.auth-error{margin:3px 0;color:#ff8aa5;font-size:.875rem}.auth-submit{border:none;border-radius:999px;padding:10px 18px;font-size:.95rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;transition:filter .15s ease}.auth-submit:hover{filter:brightness(1.1)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-cancel{border:none;background:transparent;color:var(--text-muted);cursor:pointer;text-align:left;font-size:.875rem;transition:color .15s ease}.auth-cancel:hover{color:var(--text-primary)}.auth-note{margin:0;font-size:.82rem;color:var(--text-muted)}.upload-board{width:100%;display:flex;justify-content:center;padding:clamp(20px,4vw,44px) 16px}.upload-card{width:min(1080px,100%);background:var(--panel-strong);border:1px solid var(--border-color);border-radius:8px;padding:clamp(20px,3vw,32px)}.upload-head{max-width:720px;margin-bottom:22px}.upload-kicker{display:inline-flex;margin-bottom:8px;color:var(--accent-secondary);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.upload-card h2{margin:0 0 6px;font-size:clamp(1.45rem,2vw,2rem)}.upload-note{margin:0;color:var(--text-muted);font-size:.9rem}.upload-form{display:flex;flex-direction:column;gap:14px}.upload-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:clamp(16px,3vw,28px);align-items:start}.upload-main{display:flex;flex-direction:column;gap:14px}.upload-field{display:flex;flex-direction:column;gap:5px;font-size:.9rem;font-weight:600}.upload-field input,.upload-field textarea,.upload-field select{border-radius:8px;border:1px solid var(--border-color);background:var(--chip-bg);padding:10px 12px;color:inherit;font-size:.95rem;transition:border-color .15s ease}.upload-field.file-field{border:1px dashed var(--border-color);border-radius:8px;padding:14px;background:var(--chip-bg)}.upload-field.file-field input{border:none;border-radius:0;padding:4px 0 0;background:transparent}.upload-field input:focus,.upload-field textarea:focus,.upload-field select:focus{outline:none;border-color:var(--accent-primary)}[data-theme=light] .upload-field input,[data-theme=light] .upload-field textarea,[data-theme=light] .upload-field select{background:#fff;color:#0f0f0f}.upload-field textarea{resize:vertical}.upload-field small{color:var(--text-muted);font-size:.82rem;font-weight:500}.upload-status-panel{display:flex;flex-direction:column;gap:14px;border-left:1px solid var(--border-color);padding-left:clamp(16px,2vw,24px)}.upload-status-head{display:flex;flex-direction:column;gap:2px}.upload-status-head span,.progress-row-head span{color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.upload-status-head strong{font-size:1.1rem}.upload-progress-group,.quality-progress-list{display:flex;flex-direction:column;gap:10px}.progress-row-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.progress-row-head b{font-size:.85rem}.upload-progress-track{position:relative;height:10px;border-radius:999px;overflow:hidden;background:var(--chip-bg);border:1px solid var(--border-color)}.upload-progress-track span{position:absolute;inset:0 auto 0 0;min-width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transition:width .28s ease}.upload-progress-track.slim{height:7px}.quality-progress-item{display:flex;flex-direction:column;gap:6px}.quality-progress-meta{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:.85rem}.quality-progress-meta span{color:var(--text-muted);font-size:.78rem}.quality-progress-meta strong{font-size:.9rem}.upload-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.upload-success{margin:0;color:#4fe3ac;font-size:.9rem}.upload-error{margin:0;color:#ff8aa5;font-size:.9rem}.upload-warning{margin:0;color:#ffd166;font-size:.88rem}.creator-hub-board{gap:0}.creator-hub-feed{display:flex;flex-direction:column;gap:18px;width:100%}.creator-hub-head{display:flex;flex-direction:column;gap:4px;max-width:760px}.creator-hub-head span,.creator-panel-head span{color:var(--accent-secondary);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.creator-hub-head h2,.creator-panel-head h3{margin:0}.creator-hub-head p{margin:0;color:var(--text-muted)}.creator-hub-feed .upload-board{padding:0;justify-content:stretch}.creator-hub-feed .upload-card{width:100%}.creator-status-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(360px,1.2fr);gap:16px}.creator-panel{display:flex;flex-direction:column;gap:14px;background:var(--panel-strong);border:1px solid var(--border-color);border-radius:8px;padding:18px}.creator-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.creator-status-list,.creator-quality-box,.creator-edit-form{display:flex;flex-direction:column;gap:10px}.creator-status-card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--border-color);border-radius:8px;padding:12px;background:transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease}.creator-status-card:hover,.creator-status-card.active{background:var(--chip-bg);border-color:#ff4f8b73}.creator-status-main{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.creator-status-main strong{font-size:.95rem}.creator-status-main span,.creator-empty{color:var(--text-muted);font-size:.86rem}.creator-status-progress{display:flex;flex-direction:column;gap:6px}.channel-settings-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:16px;align-items:start}.channel-preview{overflow:hidden;border:1px solid var(--border-color);border-radius:8px;background:var(--panel)}.channel-preview-banner{min-height:116px;background:linear-gradient(135deg,#ff006a9e,#1010109e),radial-gradient(circle at 20% 20%,rgba(255,255,255,.2),transparent 32%),#181818;background-size:cover;background-position:center}.channel-preview-main{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:0 14px;transform:translateY(-20px)}.channel-preview-avatar{width:64px;height:64px;border:3px solid var(--panel);border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--accent-primary),#303030);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.channel-preview-avatar img{width:100%;height:100%;object-fit:cover}.channel-preview-main strong{display:block;font-size:1rem}.channel-preview-main p,.channel-preview-description{margin:2px 0 0;color:var(--text-muted);font-size:.85rem}.channel-preview-description{padding:0 14px 14px;margin-top:-12px}@media(max-width:960px){:root{--sidebar-w: 0px;--nav-h: 108px}.studio-nav{display:none}.studio-board{padding-left:clamp(8px,2vw,16px)}.nav{flex-direction:column;gap:6px;height:auto;padding:8px 12px;align-items:stretch}.hero-actions{width:100%}}@media(max-width:600px){.nav-actions{flex-wrap:wrap}.studio-controls{padding:0}.video-grid{grid-template-columns:1fr}}@media(max-width:1200px){.player-page{grid-template-columns:1fr}.queue-column{position:static;width:100%}.viewer-content{grid-template-columns:1fr}}@media(max-width:780px){.upload-layout{grid-template-columns:1fr}.upload-status-panel{border-left:none;border-top:1px solid var(--border-color);padding-left:0;padding-top:16px}.creator-status-grid,.channel-settings-layout{grid-template-columns:1fr}}