@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--font-primary:"Inter", sans-serif;--font-header:"Plus Jakarta Sans", sans-serif;--bg1:#131313;--bg2:#171717;--bg3:#1c1c1c;--border:#282828;--text-primary:#f0f0f0;--text-secondary:#bebebe;--text-muted:#aaa;--text-gold:#ffd230;--text-gold-bg:#ffd2301a;--text-gold-border:#ffd2304d;--text-emerald:#32c896;--text-emerald-bg:#32c8961a;--text-emerald-border:#32c8964d;--text-red:#dc2828;--text-red-bg:#dc28281a;--text-red-border:#dc28284d;--text-blue:#3b82f6;--text-blue-bg:#3b82f61a;--text-blue-border:#3b82f64d;--brand:#dc2828;--brand-bg:#dc28281a;--brand-border:#dc28284d;--brand-hover:#be1e1e;--brand-active:#961414;--rounded:5px;--rounded-full:999px;--white:#fff;--scrim:#0009;--scrim-strong:#000000d9;--scrim-hover:#000c;--scrim-soft:#0000004d;--overlay-soft:#fff3;--video-bg:#000;--control-h:40px;--control-h-sm:32px;--gap-xs:4px;--gap-sm:8px;--gap:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--gap-2xl:48px;--sidebar-width:260px;--header-height:64px;--content-max:1200px;--transition:.16s ease-in-out;--shadow:0 4px 20px #00000059;--fs-xs:11px;--fs-sm:13px;--fs-base:14px;--fs-md:16px;--fs-lg:20px;--fs-xl:26px}*{box-sizing:border-box;font-family:var(--font-primary);background:0 0;border:none;outline:none;margin:0;padding:0}img{-webkit-user-select:none;user-select:none;display:block}button,a,.btn{cursor:pointer;-webkit-user-select:none;user-select:none}a{color:var(--text-primary);text-decoration:none}html,body,#root{background-color:var(--bg1);height:100%;min-height:100vh}body{color:var(--text-primary);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-header);font-weight:700;line-height:1.25}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg1)}::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:var(--rounded)}::-webkit-scrollbar-thumb:hover{background:var(--brand)}input::placeholder,textarea::placeholder{color:var(--text-muted)}::selection{background:var(--brand);color:var(--text-primary)}.skel{background:var(--bg3);flex-shrink:0;display:block;position:relative;overflow:hidden}.skel:after{content:"";background:linear-gradient(90deg, transparent, var(--overlay-soft), transparent);animation:1.4s infinite skel-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skel-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skel:after{animation:none}}.skel-card{gap:var(--gap-sm);flex-direction:column;display:flex}.skel-card-info{gap:var(--gap-sm);display:flex}.skel-card-meta{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.skel-row{align-items:center;gap:var(--gap);padding:var(--gap);border-bottom:1px solid var(--border);display:flex}.skel-row:last-child{border-bottom:none}.skel-watch-meta{align-items:center;gap:var(--gap-sm);padding:var(--gap-sm) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex}.home-top{align-items:center;gap:var(--gap);margin-bottom:var(--gap-lg);display:flex}.home-title{font-size:var(--fs-xl)}.search-box{flex:1;max-width:420px;margin-left:auto;position:relative}.search-box i{color:var(--text-muted);font-size:var(--fs-sm);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box input{width:100%;min-height:var(--control-h);background:var(--bg2);border:1px solid var(--border);border-radius:var(--rounded);color:var(--text-primary);font-size:var(--fs-sm);padding:0 14px 0 38px}.search-box input:not(:focus):hover{background-color:var(--bg3);border-color:var(--brand-bg)}.search-box input:focus{background-color:var(--bg3);border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-bg)}.video-grid{gap:var(--gap-lg);grid-template-columns:repeat(3,1fr);display:grid}.video-card{border-radius:var(--rounded);transition:all var(--transition);flex-direction:column;display:flex;overflow:hidden}.video-card:hover{transform:translateY(-2px)}.thumb-wrap{aspect-ratio:16/9;background:var(--bg3);border-radius:var(--rounded);position:relative;overflow:hidden}.thumb-wrap img{object-fit:cover;width:100%;height:100%}.thumb-placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:28px;display:flex}.thumb-duration{background:var(--scrim-strong);color:var(--white);font-size:var(--fs-xs);border-radius:var(--rounded);padding:2px 6px;font-weight:600;position:absolute;bottom:8px;right:8px}.thumb-status{position:absolute;top:8px;left:8px}.thumb-progress{background:var(--overlay-soft);height:3px;position:absolute;bottom:0;left:0;right:0}.thumb-progress-fill{background:var(--brand);height:100%}.card-info{gap:var(--gap-sm);padding:var(--gap) 2px 0;display:flex}.card-meta{flex:1;min-width:0}.card-title{font-family:var(--font-primary);font-weight:600;font-size:var(--fs-sm);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.card-uploader{font-size:var(--fs-xs);color:var(--text-muted);margin-top:3px;display:inline-block}.card-uploader:hover{color:var(--text-primary);text-decoration:underline}.card-stats{font-size:var(--fs-xs);color:var(--text-muted);margin-top:1px}.card-score-icon{font-size:10px}.empty-state{text-align:center;padding:var(--gap-2xl) var(--gap-lg);color:var(--text-muted)}.empty-state i{margin-bottom:var(--gap-md);opacity:.5;font-size:40px}.empty-state h3{color:var(--text-secondary);margin-bottom:var(--gap-xs)}.home-title i{color:var(--brand);margin-right:var(--gap-sm)}.sort-wrap{position:relative}.sort-btn{white-space:nowrap}.btn-ghost.sort-btn{background-color:var(--bg2)}.btn-ghost.sort-btn:hover{background-color:var(--bg3)}.sort-menu{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rounded);min-width:180px;box-shadow:var(--shadow);z-index:10;padding:4px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.sort-menu.sort-menu-fixed{z-index:3000;position:fixed;top:auto;right:auto;overflow-y:auto}.sort-item{align-items:center;gap:var(--gap-sm);border-radius:var(--rounded);width:100%;color:var(--text-secondary);font-size:var(--fs-sm);text-align:left;padding:9px 12px;display:flex}.sort-item i{text-align:center;width:16px;color:var(--text-muted)}.sort-item:not(.active):hover{background:var(--bg3);color:var(--text-primary)}.sort-item.active,.sort-item.active i{color:var(--brand)}.thumb-actions{opacity:0;z-index:3;position:absolute;top:8px;right:8px}.video-card:hover .thumb-actions{opacity:1}.video-actions-menu{position:relative}.video-actions-trigger{border-radius:var(--rounded);background:var(--scrim);width:30px;height:30px;color:var(--white);justify-content:center;align-items:center;font-size:14px;display:flex}.video-actions-trigger:hover{background:var(--scrim-hover)}.video-actions-dropdown{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rounded);min-width:140px;box-shadow:var(--shadow);z-index:20;padding:4px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.video-action-item{align-items:center;gap:var(--gap-sm);border-radius:var(--rounded);width:100%;color:var(--text-secondary);font-size:var(--fs-sm);text-align:left;padding:9px 12px;display:flex}.video-action-item i{text-align:center;width:16px;color:var(--text-muted)}.video-action-item:hover{background:var(--bg3);color:var(--text-primary)}.video-action-item.danger:hover{background:var(--text-red-bg);color:var(--text-red)}.video-action-item.danger:hover i{color:var(--text-red)}.sort-caret{opacity:.7;font-size:10px}.video-action-locked{align-items:center;gap:var(--gap-sm);color:var(--text-muted);font-size:var(--fs-xs);padding:9px 12px;display:flex}.video-action-locked i{text-align:center;width:16px}.card-save-btn{top:var(--gap-sm);right:var(--gap-sm);position:absolute}.thumb-wrap:has(.thumb-actions) .card-save-btn{right:calc(var(--gap-sm) + var(--control-h-sm) + 6px)}.card-save-btn{width:var(--control-h-sm);height:var(--control-h-sm);border-radius:var(--rounded);background:var(--scrim);color:var(--white);opacity:0;justify-content:center;align-items:center;display:flex}.thumb-wrap:hover .card-save-btn{opacity:1}.card-save-btn:hover{background:var(--scrim-hover)}.card-save-btn.saved{color:var(--brand)}.watch-actions .active-save{color:var(--brand);border-color:var(--brand-border);background:var(--brand-bg)}.desc-line{min-height:1.2em}.ts-link{color:var(--brand);font-weight:600}.ts-link:hover{text-decoration:underline}.chapter-time{color:var(--brand);font-weight:600;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;min-width:52px}.player{aspect-ratio:16/9;background:var(--video-bg);border-radius:var(--rounded);-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden}.player video{background:var(--video-bg);width:100%;height:100%;display:block}.player.fake-fullscreen{aspect-ratio:auto;z-index:2147483647;background:#000;border-radius:0;width:100%;height:100%;position:fixed;inset:0}.player.fake-fullscreen video{object-fit:contain;width:100%;height:100%}.player-title{z-index:6;color:#fff;text-shadow:0 1px 4px #000c;pointer-events:none;opacity:0;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000008c,#0000);padding:12px 16px 28px;font-size:clamp(.95rem,2.2cqw,1.25rem);font-weight:600;line-height:1.3;transition:opacity .15s,transform .15s;position:absolute;top:0;left:0;right:0;overflow:hidden;transform:translateY(-6px)}.player.controls-visible .player-title,.player.paused .player-title{opacity:1;transform:none}.player-corner-btn{z-index:8;color:#fff;font-size:var(--fs-sm);cursor:pointer;background:#141414d9;border:1px solid #ffffff80;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:background .15s,color .15s;display:inline-flex;position:absolute;bottom:5rem;right:16px}.player-corner-btn:hover{color:#111;background:#fffffff2}.player-corner-btn:hover .player-corner-count{color:#111;background:#00000026}.player-corner-count{min-width:20px;height:20px;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;background:#ffffff40;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.player.paused .player-big-play{opacity:1}.player-big-play{border-radius:var(--rounded-full);background:var(--brand);width:72px;height:72px;color:var(--white);opacity:0;cursor:pointer;justify-content:center;align-items:center;font-size:26px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-big-play:hover{background:var(--brand)}.player-controls{padding:var(--gap-sm) var(--gap);background:linear-gradient(transparent, var(--scrim-strong));opacity:0;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:0;left:0;right:0}.player.controls-visible .player-controls,.player.paused .player-controls{opacity:1}.player:not(.controls-visible){cursor:none}.player-seek{background:var(--overlay-soft);border-radius:var(--rounded-full);cursor:pointer;touch-action:none;width:100%;height:5px;position:relative}.player-seek:hover,.player-seek.scrubbing{height:7px}.player-seek.scrubbing .player-seek-thumb{transform:translate(-50%,-50%)scale(1.35)}.player-seek-buffered{background:var(--overlay-soft);border-radius:var(--rounded-full);height:100%;position:absolute;top:0;left:0}.player-seek-fill{background:var(--brand);border-radius:var(--rounded-full);height:100%;position:absolute;top:0;left:0}.player-seek-thumb{background:var(--brand);border-radius:var(--rounded-full);opacity:0;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.player-seek:hover .player-seek-thumb,.player-seek.scrubbing .player-seek-thumb{opacity:1}.player-buttons{align-items:center;gap:var(--gap-sm);color:var(--white);display:flex}.player-btn{width:34px;height:34px;color:var(--white);border-radius:var(--rounded);justify-content:center;align-items:center;font-size:15px;display:flex}.player-btn:not(.active):hover{background:var(--overlay-soft)}.player-time{font-size:var(--fs-xs);color:var(--white);font-variant-numeric:tabular-nums;white-space:nowrap}.player-spacer{flex:1}.player-volume{align-items:center;gap:4px;display:flex}.player-volume-slider{width:0;overflow:hidden}.player-volume:hover .player-volume-slider{width:70px}.player-volume-slider input{cursor:pointer;width:70px;accent-color:var(--brand)}.player-keys-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rounded);width:260px;box-shadow:var(--shadow);z-index:8;padding:var(--gap-md);position:absolute;top:52px;right:10px}.player-keys-title{font-size:var(--fs-sm);color:var(--text-primary);margin-bottom:var(--gap-md);justify-content:space-between;align-items:center;font-weight:700;display:flex}.player-keys-close{border-radius:var(--rounded);width:24px;height:24px;color:var(--text-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.player-keys-close:hover{background:var(--bg3);color:var(--text-primary)}.player-keys-grid{grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;display:grid}.player-keys-grid kbd{background:var(--bg3);border:1px solid var(--border);min-width:28px;height:22px;font-family:var(--font-body);color:var(--text-primary);border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.player-keys-grid span{font-size:var(--fs-xs);color:var(--text-secondary)}.player-chapter-tick{background:var(--white);opacity:.75;border-radius:var(--rounded-full);pointer-events:none;width:3px;height:100%;margin-left:-1.5px;position:absolute;top:0}.seek-preview-chapter{text-align:center;max-width:200px;color:var(--white);font-size:var(--fs-xs);background:var(--scrim-strong);border-radius:var(--rounded);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:3px 8px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.player-chapter-label{color:var(--white);opacity:.85}.player-settings{position:relative}.player-settings-menu{z-index:20;min-width:280px;padding:var(--gap-sm);background:var(--bg2);border:1px solid var(--border);border-radius:var(--rounded);box-shadow:var(--shadow);position:absolute;bottom:calc(100% + 10px);right:0}.player-menu-item{align-items:center;gap:var(--gap-sm);width:100%;min-height:var(--control-h-sm);padding:0 var(--gap-sm);border-radius:var(--rounded);color:var(--text-secondary);font-size:var(--fs-sm);text-align:left;display:flex}.player-menu-item:hover{background:var(--bg3);color:var(--text-primary)}.player-menu-item i{text-align:center;width:16px}.player-menu-value{font-size:var(--fs-xs);color:var(--text-muted);margin-left:auto}.player-btn.active,.player-addchapter{color:var(--brand)}.player-menu-item.active{color:var(--brand);font-weight:600}.player-menu-back{color:var(--text-primary);font-weight:700}.player-menu-sep{border:0;border-top:1px solid var(--border);margin:var(--gap-xs) 0}.player{container-type:inline-size}.player-subs{text-align:center;pointer-events:none;z-index:4;padding:0 6%;transition:bottom .15s;position:absolute;bottom:14px;left:0;right:0}.player.controls-visible .player-subs{bottom:4.6rem}.player-subs>div{color:#fff;background:#000000b8;border-radius:4px;width:fit-content;max-width:100%;margin:2px auto;padding:.1em .5em;line-height:1.3;display:block}.player.subs-bg-shadow .player-subs>div{text-shadow:0 0 4px #000,0 1px 4px #000,0 0 3px #000;background:0 0}.player.subs-size-sm .player-subs>div{font-size:clamp(1rem,2.4cqw,1.6rem)}.player.subs-size-md .player-subs>div{font-size:clamp(1.2rem,3cqw,2rem)}.player.subs-size-lg .player-subs>div{font-size:clamp(1.5rem,3.7cqw,2.5rem)}.player-menu-label{padding:var(--gap-xs) 12px 2px;font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.player-settings-menu{max-height:260px;overflow-y:auto}.player-osd{z-index:12;align-items:center;gap:var(--gap-sm);padding:var(--gap-sm) var(--gap);background:var(--scrim-strong);color:var(--white);border-radius:var(--rounded);font-size:var(--fs-sm);pointer-events:none;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-osd-value{text-align:right;font-variant-numeric:tabular-nums;min-width:38px}.player-osd-bar{background:var(--overlay-soft);border-radius:var(--rounded-full);width:70px;height:4px;display:block;overflow:hidden}.player-osd-bar>span{background:var(--brand);height:100%;display:block}:-webkit-any(.player:fullscreen,.player:-webkit-full-screen){background:var(--video-bg);width:100vw;height:100vh}:is(.player:fullscreen,.player:fullscreen){background:var(--video-bg);width:100vw;height:100vh}:-webkit-any(.player:fullscreen video,.player:-webkit-full-screen video){object-fit:contain;width:100%;height:100%}:is(.player:fullscreen video,.player:fullscreen video){object-fit:contain;width:100%;height:100%}.seek-preview{pointer-events:none;z-index:8;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:calc(100% + 10px);transform:translate(-50%)}.seek-preview-frame{background-repeat:no-repeat;background-color:var(--video-bg);border:1px solid var(--overlay-soft);border-radius:var(--rounded);box-shadow:var(--shadow)}.seek-preview-time{background:var(--scrim-strong);color:var(--white);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;border-radius:var(--rounded);padding:2px 6px;font-weight:700}.player-tap-flash{background:var(--scrim-soft);width:45%;color:var(--white);font-weight:700;font-size:var(--fs-sm);pointer-events:none;z-index:11;flex-direction:column;justify-content:center;align-items:center;gap:4px;animation:.5s ease-out tap-flash;display:flex;position:absolute;top:0;bottom:0}.player-tap-flash.left{border-radius:0 50% 50% 0;left:0}.player-tap-flash.right{border-radius:50% 0 0 50%;right:0}.player-tap-flash i{font-size:22px}@keyframes tap-flash{0%{opacity:1}to{opacity:0}}.upload-page{border:1px solid var(--border);max-width:720px;padding:var(--gap-md);border-radius:var(--rounded);margin:0 auto}.upload-page h1{font-size:var(--fs-xl);margin-bottom:var(--gap-xs)}.upload-page .subtitle{color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--gap-lg)}.upload-form{gap:var(--gap-md);flex-direction:column;display:flex}.dropzone{border:2px dashed var(--border);border-radius:var(--rounded);padding:var(--gap-2xl) var(--gap-lg);text-align:center;cursor:pointer;background:var(--bg2)}.dropzone:hover,.dropzone.drag{border-color:var(--brand);background:var(--brand-bg)}.dropzone i{color:var(--text-muted);margin-bottom:var(--gap);font-size:36px}.dropzone.drag i{color:var(--brand)}.dropzone-title{margin-bottom:var(--gap-xs);font-weight:600}.dropzone-hint{font-size:var(--fs-xs);color:var(--text-muted)}.file-selected{align-items:center;gap:var(--gap);padding:var(--gap);background:var(--bg2);border:1px solid var(--border);border-radius:var(--rounded);display:flex}.file-selected .file-icon{background:var(--brand-bg);border-radius:var(--rounded);width:44px;height:44px;color:var(--brand);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.file-selected .file-name{font-weight:600;font-size:var(--fs-sm);word-break:break-all}.file-selected .file-size{font-size:var(--fs-xs);color:var(--text-muted)}.tag-input-wrap{gap:var(--gap-sm);display:flex}.tags-list{gap:var(--gap-sm);margin-top:var(--gap-sm);flex-wrap:wrap;display:flex}.tag-chip{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rounded);font-size:var(--fs-xs);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.tag-chip button{color:var(--text-muted);font-size:12px;display:flex}.tag-chip button:hover{color:var(--brand)}.thumb-select{gap:var(--gap);align-items:flex-start;display:flex}.thumb-select-actions{align-items:flex-start;gap:var(--gap-sm);flex-direction:column;display:flex}.thumb-preview{aspect-ratio:16/9;background:var(--bg3);border:1px solid var(--border);border-radius:var(--rounded);width:180px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex;overflow:hidden}.thumb-preview.poster{aspect-ratio:2/3;width:150px}.thumb-preview img{object-fit:cover;width:100%;height:100%}.upload-progress{background:var(--bg3);border-radius:var(--rounded);height:8px;overflow:hidden}.upload-progress-fill{background:var(--brand);height:100%}.tag-input-outer,.tag-input-wrap{position:relative}.tag-suggestions{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rounded);box-shadow:var(--shadow);z-index:40;max-height:240px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.tag-suggestion{align-items:center;gap:var(--gap-sm);border-radius:var(--rounded);width:100%;font-size:var(--fs-sm);color:var(--text-secondary);text-align:left;padding:8px 12px;display:flex}.tag-suggestion i{color:var(--text-muted);font-size:11px}.tag-suggestion:hover,.tag-suggestion.active{background:var(--bg3);color:var(--text-primary)}.upload-preview{gap:var(--gap-sm);flex-direction:column;display:flex}.upload-preview-hint{align-items:center;gap:var(--gap-sm);font-size:var(--fs-xs);color:var(--text-muted);display:flex}.upload-preview-hint i{color:var(--brand)}.upload-chapters{gap:var(--gap-xs);margin-top:var(--gap-sm);flex-wrap:wrap;display:flex}.upload-chapter-chip{height:var(--control-h-sm);border-radius:var(--rounded-full);border:1px solid var(--border);background:var(--bg2);color:var(--text-secondary);font-size:var(--fs-xs);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.upload-chapter-chip:hover{border-color:var(--brand-border);color:var(--text-primary)}.upload-fields{gap:var(--gap-md);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.upload-fields:disabled{opacity:.5;pointer-events:none}.shelf{margin-bottom:var(--gap-lg)}.shelf-title{font-size:var(--fs-lg);margin:0 0 var(--gap);font-weight:700}.shelf-title i{color:var(--brand);margin-right:var(--gap-sm)}.shelf-empty{padding:var(--gap) 0;color:var(--text-muted)}.poster-grid{gap:var(--gap-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.poster-card{color:inherit;border-radius:var(--rounded);transition:all var(--transition);flex-direction:column;text-decoration:none;display:flex}.poster-card:hover{transform:translateY(-2px)}.poster-wrap{aspect-ratio:2/3;background:var(--bg3);border-radius:var(--rounded);position:relative;overflow:hidden}.poster-wrap img{object-fit:cover;width:100%;height:100%;display:block}.poster-watched{background:var(--text-emerald);color:#04150f;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid;position:absolute;top:8px;right:8px}.poster-title{margin-top:var(--gap-sm);font-weight:600;font-size:var(--fs-sm);text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.crumb{color:var(--text-muted);text-decoration:none}.crumb:hover{color:var(--brand)}@media (width<=900px){.poster-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (width<=560px){.poster-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.movietv-box{border-radius:var(--rounded);padding:var(--gap);background:var(--bg3)}.checkbox-row{align-items:center;gap:var(--gap-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;display:flex}.checkbox-row input{width:18px;height:18px;accent-color:var(--brand);cursor:pointer}.parse-preview{margin-top:var(--gap-sm);padding:var(--gap-sm) var(--gap);border-radius:var(--rounded);font-size:var(--fs-sm);align-items:center;gap:var(--gap-sm);background:var(--bg2,#ffffff0a);display:flex}.parse-preview.episode{color:var(--text-blue,#7ab3ff)}.parse-preview.movie{color:var(--brand)}.subs-list{gap:var(--gap-sm);margin-bottom:var(--gap-sm);flex-direction:column;display:flex}.sub-row{align-items:center;gap:var(--gap-sm);display:flex}.sub-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-sm);flex:1;overflow:hidden}.modal-tabs{gap:var(--gap-sm);margin:0 0 var(--gap-md);display:flex}.modal-tab{padding:var(--gap-sm);border-radius:var(--rounded);background:var(--bg3);color:var(--text-secondary);font-weight:600;font-size:var(--fs-sm);transition:all var(--transition);flex:1}.modal-tab.active{background:var(--brand);color:#fff}.profile-header{align-items:center;gap:var(--gap-lg);padding:var(--gap-lg);margin-bottom:var(--gap-lg);display:flex}.profile-header-info h1{font-size:var(--fs-xl)}.profile-header-info .role-line{font-size:var(--fs-sm);margin-top:6px}.section-title{font-size:var(--fs-md);margin:var(--gap-lg) 0 var(--gap-md);align-items:center;gap:var(--gap-sm);display:flex}.section-title .count{color:var(--text-muted);font-size:var(--fs-sm);font-weight:400}.color-picker{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.color-swatch{border-radius:var(--rounded-full);border:2px solid #0000;width:32px;height:32px}.color-swatch.active{border-color:var(--text-primary)}.profile-header{position:relative}.settings-section{padding:var(--gap-lg)}.settings-section-head{align-items:flex-start;gap:var(--gap);margin-bottom:var(--gap-md);display:flex}.settings-section-head>i{width:var(--control-h-sm);height:var(--control-h-sm);background:var(--brand-bg);color:var(--brand);border-radius:var(--rounded);font-size:var(--fs-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-section-title{font-weight:700;font-size:var(--fs-base)}.settings-section-desc{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.settings-section-body{padding-left:calc(var(--control-h-sm) + var(--gap))}.settings-field{min-width:0}.settings-pw-grid{gap:var(--gap-md);grid-template-columns:repeat(3,minmax(180px,240px));display:grid}.settings-layout{gap:var(--gap-lg);align-items:flex-start;display:flex}.settings-nav{flex-direction:column;flex-shrink:0;gap:2px;width:190px;display:flex;position:sticky;top:0}.settings-nav-item{align-items:center;gap:var(--gap-sm);min-height:var(--control-h);padding:0 var(--gap-md);border-radius:var(--rounded);color:var(--text-secondary);font-size:var(--fs-sm);text-align:left;font-weight:500;display:flex}.settings-nav-item i{text-align:center;width:16px}.settings-nav-item:hover{background:var(--bg3);color:var(--text-primary)}.settings-nav-item.active{background:var(--brand-bg);color:var(--brand)}.settings-panel{flex:1;min-width:0}.lang-option{align-items:center;gap:var(--gap-sm);min-height:var(--control-h);padding:0 var(--gap-md);border:1px solid var(--border);border-radius:var(--rounded);background:var(--bg2);color:var(--text-secondary);font-size:var(--fs-sm);display:flex}.lang-option:hover{border-color:var(--brand-border);color:var(--text-primary);background:var(--bg3)}.lang-option.active{border-color:var(--brand);background:var(--brand-bg);color:var(--text-primary)}.lang-flag{font-size:18px;line-height:1}.watch-page{max-width:var(--content-max);margin:0 auto}.watch-main{gap:var(--gap-md);align-items:stretch;display:flex}.watch-main .player-area{flex:1;min-width:0}.episode-nav{gap:var(--gap-sm);margin:var(--gap-sm) 0;display:flex}.episode-nav .btn{flex:1}.watch-title{font-size:var(--fs-lg);flex:1;line-height:1.3}.vote-box{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rounded-full);height:var(--control-h);flex-shrink:0;align-items:center;display:flex;position:relative}.vote-btn{width:var(--control-h);height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:15px;display:flex}.vote-btn.up{border-radius:var(--rounded-full) 0 0 var(--rounded-full)}.vote-btn.down{border-radius:0 var(--rounded-full) var(--rounded-full) 0}.vote-btn:hover{background:var(--bg3);color:var(--text-primary)}.vote-btn.up.active{color:var(--text-emerald);background:var(--text-emerald-bg)}.vote-btn.down.active{color:var(--brand);background:var(--brand-bg)}.vote-score{font-weight:700;font-size:var(--fs-sm);text-align:center;min-width:20px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.watch-meta{justify-content:space-between;align-items:center;gap:var(--gap);padding:var(--gap-sm) 0;border-bottom:1px solid var(--border);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.watch-uploader{align-items:center;gap:var(--gap-sm);min-width:0;display:flex}.watch-uploader-name{font-weight:600;font-size:var(--fs-sm)}.watch-actions{align-items:center;gap:var(--gap-sm);margin-left:auto;display:flex}.watch-desc{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rounded);padding:var(--gap);margin-top:var(--gap-sm);max-height:320px;font-size:var(--fs-sm);color:var(--text-secondary);white-space:pre-wrap;line-height:1.6;overflow-y:auto}.watch-tags{gap:var(--gap-sm);margin-top:var(--gap);flex-wrap:wrap;display:flex}.comments{margin-top:var(--gap-xl)}.comments-title{font-size:var(--fs-md);margin-bottom:var(--gap-md)}.comment-form{align-items:flex-start;gap:var(--gap-sm);margin-bottom:var(--gap-lg);display:flex}.comment{gap:var(--gap-sm);padding:var(--gap) 0;display:flex}.comment-body-wrap{flex:1;min-width:0}.comment-head{align-items:center;gap:var(--gap-sm);margin-bottom:3px;display:flex}.comment-author{font-weight:600;font-size:var(--fs-sm)}.comment-time{font-size:var(--fs-xs);color:var(--text-muted)}.comment-text{font-size:var(--fs-sm);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;line-height:1.5}.comment-actions{gap:var(--gap);margin-top:6px;display:flex}.comment-action{font-size:var(--fs-xs);color:var(--text-muted);font-weight:600}.comment-action:hover{color:var(--text-primary)}.comment-action.danger:hover{color:var(--brand)}.comment-replies{border-left:2px solid var(--border);padding-left:var(--gap);margin-left:44px;margin-top:var(--gap-xs)}.reject-notice{background:var(--text-red-bg);border:1px solid var(--text-red-border);border-radius:var(--rounded);padding:var(--gap);margin:var(--gap-sm) 0;font-size:var(--fs-sm)}.reject-notice strong{color:var(--text-red)}.pending-notice,.processing-notice{background:var(--text-gold-bg);border:1px solid var(--text-gold-border);border-radius:var(--rounded);padding:var(--gap);margin:var(--gap-sm) 0;font-size:var(--fs-sm);color:var(--text-gold)}.processing-notice strong{color:var(--text-gold)}.processing-pct{float:right;font-variant-numeric:tabular-nums}.processing-bar{margin-top:var(--gap-xs);background:var(--text-gold-border);border-radius:999px;height:6px;overflow:hidden}.processing-bar-fill{background:var(--text-gold);border-radius:999px;height:100%;transition:width .4s}.watch-uploader-link{display:flex}.watch-uploader-name{display:inline-block}a.watch-uploader-name:hover,a.comment-author:hover{color:var(--text-primary);text-decoration:underline}.watch-title{font-size:var(--fs-lg);margin:var(--gap-sm) 0;font-weight:700}.watch-uploader-text{min-width:0}.watch-uploader-sub{font-size:var(--fs-xs);color:var(--text-muted)}.watch-stats{z-index:1;margin:var(--gap-sm) 0;padding:var(--gap-sm) var(--gap);background:var(--bg2);border:1px solid var(--border);border-radius:var(--rounded);font-size:var(--fs-xs);color:var(--text-secondary);font-weight:600;top:0}.mention-list{z-index:30;min-width:220px;max-width:320px;padding:var(--gap-xs);background:var(--bg2);border:1px solid var(--border);border-radius:var(--rounded);box-shadow:var(--shadow);position:absolute;bottom:calc(100% + 4px);left:0}.mention-item{align-items:center;gap:var(--gap-sm);width:100%;min-height:var(--control-h-sm);padding:0 var(--gap-sm);border-radius:var(--rounded);text-align:left;color:var(--text-secondary);font-size:var(--fs-sm);display:flex}.mention-item.active{background:var(--bg3);color:var(--text-primary)}.mention-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mention-handle{color:var(--text-muted);font-size:var(--fs-xs);margin-left:auto}.comment-compose{align-items:flex-start;gap:var(--gap-sm);flex:1;min-width:0;display:flex}.comment-compose-input{flex:1;min-width:0;position:relative}.comment-compose-actions{gap:var(--gap-sm);flex-shrink:0;display:flex}.comment-edit{margin:var(--gap-xs) 0}.comment-reply-form{align-items:flex-start;gap:var(--gap-sm);margin-top:var(--gap-sm);display:flex}.comment-edited{color:var(--text-muted);font-style:italic}.share-time{align-items:center;gap:var(--gap-sm);font-size:var(--fs-sm);color:var(--text-secondary);cursor:pointer;display:flex}.admin-tabs{gap:var(--gap-xs);border-bottom:1px solid var(--border);margin-bottom:var(--gap-lg);display:flex;overflow-x:auto}.admin-tab{font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap;align-items:center;gap:var(--gap-sm);border-bottom:2px solid #0000;padding:12px 18px;font-weight:600;display:flex}.admin-tab:hover{color:var(--text-primary)}.admin-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.admin-tab .pill{background:var(--brand);color:var(--white);border-radius:var(--rounded-full);padding:1px 7px;font-size:10px;font-weight:700}.stat-grid{gap:var(--gap-md);margin-bottom:var(--gap-lg);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.stat-card{padding:var(--gap-md)}.stat-card .label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.stat-card .value{font-size:var(--fs-lg);font-weight:700;font-family:var(--font-header);margin-top:6px}.stat-card .sub{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.admin-row{align-items:center;gap:var(--gap);padding:var(--gap);border-bottom:1px solid var(--border);display:flex}.admin-row:last-child{border-bottom:none}.row-main{flex:1;min-width:0}.row-title{font-weight:600;font-size:var(--fs-sm)}.row-sub{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.row-actions{align-items:center;gap:var(--gap-sm);flex-shrink:0;display:flex}.invite-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm);letter-spacing:.08em;border-radius:var(--rounded);background:var(--bg3);border:1px solid var(--border);padding:2px 8px;font-weight:700}.manual-copy{align-items:center;gap:var(--gap-sm);margin-top:var(--gap-md);padding:var(--gap-sm) var(--gap);border:1px solid var(--text-gold-border);background:var(--text-gold-bg);border-radius:var(--rounded);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.manual-copy .input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-xs);flex:260px}.disk-alert{align-items:flex-start;gap:var(--gap);padding:var(--gap);margin-bottom:var(--gap-md);border-radius:var(--rounded);border:1px solid var(--text-gold-border);background:var(--text-gold-bg);color:var(--text-gold);font-size:var(--fs-sm);display:flex}.disk-alert.critical{border-color:var(--text-red-border);background:var(--text-red-bg);color:var(--text-red)}.disk-alert>i{flex-shrink:0;font-size:18px;line-height:1.3}.disk-alert .sub{color:var(--text-secondary);font-size:var(--fs-xs);margin-top:2px}.bulk-bar{align-items:center;gap:var(--gap);min-height:var(--control-h);padding:var(--gap-sm) var(--gap);margin-bottom:var(--gap-md);background:var(--bg2);border:1px solid var(--border);border-radius:var(--rounded);flex-wrap:wrap;display:flex}.bulk-check{align-items:center;gap:var(--gap-sm);font-size:var(--fs-sm);-webkit-user-select:none;user-select:none;font-weight:600;display:flex}.bulk-actions{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;margin-left:auto;display:flex}.bulk-select{flex-shrink:0;align-items:flex-start;padding-top:2px;display:flex}.bulk-bar input[type=checkbox],.bulk-select input[type=checkbox]{appearance:auto;width:16px;height:16px;accent-color:var(--brand);cursor:pointer;flex-shrink:0}.review-card{padding:var(--gap);margin-bottom:var(--gap-md)}.review-card.selected{border-color:var(--brand);background:var(--brand-bg)}.admin-row.selected{background:var(--brand-bg)}.review-top{gap:var(--gap);display:flex}.review-thumb{aspect-ratio:16/9;border-radius:var(--rounded);background:var(--bg3);border:1px solid var(--border);flex-shrink:0;width:200px;position:relative;overflow:hidden}.review-thumb img{object-fit:cover;width:100%;height:100%}.review-thumb .play-overlay{background:var(--scrim-soft);color:var(--white);opacity:0;justify-content:center;align-items:center;font-size:28px;display:flex;position:absolute;inset:0}.review-thumb:hover .play-overlay{opacity:1}.review-info{flex:1;min-width:0}.review-info h3{font-size:var(--fs-md);font-family:var(--font-primary);font-weight:600}.review-info .by{font-size:var(--fs-xs);color:var(--text-muted);margin:4px 0}.review-info .desc{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:6px}.review-actions{gap:var(--gap-sm);margin-top:var(--gap);display:flex}.reject-input{margin-top:var(--gap-sm);gap:var(--gap-sm);display:flex}.video-props{gap:var(--gap-sm) var(--gap-lg);padding:var(--gap) var(--gap) var(--gap-md) 132px;border-bottom:1px solid var(--border);background:var(--bg1);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.prop{flex-direction:column;gap:2px;display:flex}.prop-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:10px}.prop-value{font-size:var(--fs-sm);color:var(--text-secondary)}.lock-toggles{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.lock-btn{border-radius:var(--rounded);border:1px solid var(--border);background:var(--bg2);height:30px;color:var(--text-secondary);font-size:var(--fs-xs);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;line-height:1;display:inline-flex}.lock-btn i{font-size:11px}.lock-btn:hover{border-color:var(--brand-border);color:var(--text-primary)}.lock-btn.locked{background:var(--text-red-bg);border-color:var(--text-red);color:var(--text-red)}.auth-wrap{min-height:100vh;padding:var(--gap-md);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:400px}.auth-logo{justify-content:center;align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-xs);display:flex}.auth-logo-mark{background:var(--brand);border-radius:var(--rounded);width:40px;height:40px;color:var(--white);justify-content:center;align-items:center;font-size:18px;display:flex}.auth-logo-text{font-family:var(--font-header);font-weight:800;font-size:var(--fs-lg);letter-spacing:.02em;text-transform:uppercase}.auth-subtitle{text-align:center;color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--gap-lg)}.auth-tabs{gap:var(--gap-xs);background:var(--bg1);border:1px solid var(--border);border-radius:var(--rounded);margin-bottom:var(--gap-lg);padding:4px;display:flex}.auth-tab{border-radius:var(--rounded);font-size:var(--fs-sm);color:var(--text-muted);flex:1;padding:9px;font-weight:700}.auth-tab.active{background:var(--brand);color:var(--white)}.auth-form{gap:var(--gap-md);flex-direction:column;display:flex}.invite-input{letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.auth-error{border-radius:var(--rounded);background:var(--text-red-bg);border:1px solid var(--text-red-border);color:var(--text-red);font-size:var(--fs-sm);padding:10px 14px}.auth-hint{text-align:center;font-size:var(--fs-xs);color:var(--text-muted);line-height:1.5}.btn{justify-content:center;align-items:center;gap:var(--gap-sm);min-height:var(--control-h);border-radius:var(--rounded);font-size:var(--fs-sm);color:var(--text-primary);background-color:var(--bg2);border:1px solid var(--border);white-space:nowrap;box-sizing:border-box;padding:0 16px;font-weight:600;line-height:1.2;display:inline-flex}.btn>i{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-brand{background-color:var(--brand);border-color:var(--brand);color:var(--white)}.btn-brand:not(:disabled,.active-save,.active):hover{background-color:var(--brand-hover);border-color:var(--brand-hover)}.btn-brand:not(:disabled,.active-save,.active):active{background-color:var(--brand-active)}.btn-ghost{border-color:var(--border);color:var(--text-secondary)}.btn-ghost:not(:disabled,.active-save,.active):hover{background-color:var(--bg3);color:var(--text-primary)}.btn-danger{background-color:var(--text-red-bg);border-color:var(--text-red-border);color:var(--text-red)}.btn-danger:not(:disabled,.active-save,.active):hover{background-color:var(--brand);color:var(--white);border-color:var(--brand)}.btn-sm{min-height:var(--control-h-sm);font-size:var(--fs-xs);padding:0 12px}.btn-icon{width:var(--control-h);height:var(--control-h);min-height:var(--control-h);flex-shrink:0;padding:0}.btn-icon.btn-sm{width:var(--control-h-sm);height:var(--control-h-sm);min-height:var(--control-h-sm);padding:0}.btn-sm>i:only-child{min-width:14px}.card{border:1px solid var(--border);border-radius:var(--rounded)}.card-pad{padding:var(--gap-lg)}.input,.textarea{background-color:var(--bg2);border:1px solid var(--border);border-radius:var(--rounded);width:100%;color:var(--text-primary);font-size:var(--fs-sm)}.input:not(:disabled):not(:focus):hover,.textarea:not(:disabled):not(:focus):hover{background-color:var(--bg3);border-color:var(--brand-bg)}.input:focus,.textarea:focus{background-color:var(--bg3);border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-bg)}.input:disabled,.textarea:disabled{opacity:.5;cursor:not-allowed}.input{min-height:var(--control-h);padding:0 14px}.textarea{resize:none;min-height:var(--control-h);max-height:320px;line-height:20px;font-family:var(--font-primary);padding:9px 14px;overflow-y:auto}.field-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px;font-weight:700;display:block}.badge{align-items:center;gap:var(--gap-xs);border-radius:var(--rounded);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.03em;padding:3px 8px;font-weight:700;display:inline-flex}.badge-gold{background:var(--text-gold-bg);color:var(--text-gold);border:1px solid var(--text-gold-border)}.badge-emerald{background:var(--text-emerald-bg);color:var(--text-emerald);border:1px solid var(--text-emerald-border)}.badge-red{background:var(--text-red-bg);color:var(--text-red);border:1px solid var(--text-red-border)}.badge-muted{background:var(--bg3);color:var(--text-muted);border:1px solid var(--border)}.muted{color:var(--text-muted)}.row{align-items:center;gap:var(--gap);display:flex}.col{flex-direction:column;display:flex}.spacer{flex:1}.divider{background:var(--border);border:none;height:1px}.spinner{border:2px solid var(--border);border-top-color:var(--brand);border-radius:var(--rounded-full);width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-center{justify-content:center;align-items:center;min-height:60vh;display:flex}.user-link{color:inherit}.user-link:hover{color:var(--text-primary);text-decoration:underline}.by-link{color:var(--text-secondary);font-weight:500}.by-link:hover{color:var(--text-primary);text-decoration:underline}.row-title-link{color:var(--text-primary)}.row-title-link:hover{text-decoration:underline}.mention-link{color:var(--brand);font-weight:600}.mention-link:hover{color:var(--brand-hover);text-decoration:underline}.notif-user-link{color:var(--text-primary);font-weight:600}.notif-user-link:hover{text-decoration:underline}.btn:hover:not(:disabled,.btn-brand,.btn-danger,.active-save,.active),.notif-bell:hover:not(.active),.header-icon-btn:hover:not(.active){background-color:var(--bg3)!important;color:var(--text-primary)!important}.list-row{justify-content:space-between;align-items:center;gap:var(--gap);border-bottom:1px solid var(--border);font-size:var(--fs-sm);padding:8px 0;display:flex}.list-row:last-child{border-bottom:none}.list-row-main{min-width:0}.is-admin{color:var(--brand)!important}.btn-pill{border-radius:var(--rounded-full)}.user-handle{color:var(--text-muted);font-weight:400}.is-admin .user-handle{color:var(--brand);opacity:.75}.toggle{border-radius:var(--rounded-full);background:var(--bg3);border:1px solid var(--border);flex-shrink:0;width:40px;height:22px;position:relative}.toggle:hover{border-color:var(--brand-border)}.toggle.on{background:var(--brand);border-color:var(--brand)}.toggle-knob{border-radius:var(--rounded-full);background:var(--text-muted);width:16px;height:16px;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.toggle.on .toggle-knob{background:var(--white);left:calc(100% - 18px)}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);padding:var(--gap-md);z-index:20;flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{align-items:center;gap:var(--gap-md);padding-bottom:var(--gap-lg);display:flex}.sidebar-logo-mark{background-color:var(--brand);border-radius:var(--rounded);width:40px;height:48px;color:var(--white);justify-content:center;align-items:center;font-size:16px;display:flex}.sidebar-logo-text{font-family:var(--font-header);font-weight:800;font-size:var(--fs-md);letter-spacing:.02em;text-transform:uppercase}.sidebar-nav{gap:var(--gap-xs);flex-direction:column;display:flex}.nav-item{align-items:center;gap:var(--gap-md);border-radius:var(--rounded);color:var(--text-muted);font-weight:600;font-size:var(--fs-base);padding:0 var(--gap-md);height:var(--gap-2xl);display:flex;position:relative}.nav-item:hover{background-color:var(--bg3);color:var(--text-primary)}.nav-item.active{background-color:var(--brand-bg);color:var(--brand)}.nav-item.active:before{content:"";background-color:var(--brand);border-radius:var(--rounded);width:3px;height:70%;display:block;position:absolute;top:50%;left:-1.5px;transform:translateY(-50%)}.nav-item i{text-align:center;width:18px}.main-area{margin-left:var(--sidebar-width);flex-direction:column;flex:1;height:100vh;min-height:0;display:flex;overflow:hidden}.header{height:var(--header-height);border-bottom:1px solid var(--border);padding:0 var(--gap-lg);z-index:15;flex-shrink:0;align-items:center;display:flex}.header-profile{border-radius:var(--rounded-full);background:0 0;border:0;flex-shrink:0;padding:0;display:flex;position:relative}.header-profile .avatar{border:1px solid var(--border)}.header-profile:hover .avatar{border-color:var(--brand-border)}.header-menu{background-color:var(--bg2);border:1px solid var(--border);border-radius:var(--rounded);min-width:180px;box-shadow:var(--shadow);z-index:30;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.header-menu-item{align-items:center;gap:var(--gap);color:var(--text-secondary);font-size:var(--fs-sm);width:100%;padding:11px 14px;font-weight:500;display:flex}.header-menu-item:hover{background-color:var(--bg3);color:var(--text-primary)}.header-menu-item.danger:hover{background-color:var(--text-red-bg);color:var(--text-red)}.header-menu-item i{text-align:center;width:16px}.content-scroll{flex:1;min-height:0;overflow-y:auto}.content{padding:var(--gap-lg);max-width:var(--content-max);width:100%;margin:0 auto}.content-wide{max-width:none}.modal-overlay{background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--gap-md);z-index:100;justify-content:center;align-items:center;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal-box{background-color:var(--bg2);border:1px solid var(--border);border-radius:var(--rounded);box-shadow:var(--shadow);width:100%;max-width:420px;max-height:90vh;padding:var(--gap-lg);animation:.15s pop-in;overflow-y:auto}.modal-title{font-size:var(--fs-md);margin-bottom:var(--gap-sm)}.modal-message{color:var(--text-secondary);font-size:var(--fs-sm);margin-bottom:var(--gap-md);line-height:1.55}.modal-actions{gap:var(--gap-sm);margin-top:var(--gap-md);justify-content:flex-end;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.toast-container{bottom:var(--gap-lg);right:var(--gap-lg);gap:var(--gap-sm);z-index:200;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--gap-sm);border-radius:var(--rounded);background-color:var(--bg3);border:1px solid var(--border);box-shadow:var(--shadow);font-size:var(--fs-sm);max-width:340px;padding:12px 16px;font-weight:500;animation:.2s toast-in;display:flex}.toast-success{border-left:3px solid var(--text-emerald)}.toast-success i{color:var(--text-emerald)}.toast-error{border-left:3px solid var(--text-red)}.toast-error i{color:var(--text-red)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.notif-bell,.header-icon-btn{width:var(--control-h);height:var(--control-h);border-radius:var(--rounded-full);border:1px solid var(--border);background:var(--bg2);color:var(--text-secondary);justify-content:center;align-items:center;font-size:15px;display:flex;position:relative}.header-icon-btn.active{color:var(--brand);border-color:var(--brand-border);background:var(--brand-bg)}.notif-badge{background:var(--brand);min-width:18px;height:18px;color:var(--white);border-radius:var(--rounded-full);border:2px solid var(--bg1);box-sizing:border-box;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.notif-header-actions{gap:var(--gap-md);display:flex}.notif-action-btn{font-size:var(--fs-xs);color:var(--brand);white-space:nowrap;font-weight:600}.notif-action-btn:hover{color:var(--brand-hover)}.notif-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rounded);width:340px;max-height:440px;box-shadow:var(--shadow);z-index:30;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-header{padding:var(--gap) var(--gap-md);border-bottom:1px solid var(--border);font-weight:700;font-size:var(--fs-sm);justify-content:space-between;align-items:center;display:flex}.notif-list{overflow-y:auto}.notif-item{align-items:flex-start;gap:var(--gap-sm);width:100%;padding:var(--gap) var(--gap-md);text-align:left;border-bottom:1px solid var(--border);display:flex;position:relative}.notif-item:hover{background:var(--bg3)}.notif-item.unread{background:var(--brand-bg)}.notif-item.unread:hover{background:var(--brand-border)}.notif-icon{border-radius:var(--rounded-full);background:var(--bg3);width:32px;height:32px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.notif-icon-upvote{background:var(--text-emerald-bg);color:var(--text-emerald)}.notif-icon-comment,.notif-icon-reply{background:var(--text-blue-bg);color:var(--text-blue)}.notif-icon-mention{background:var(--brand-bg);color:var(--brand)}.notif-icon-approved{background:var(--text-emerald-bg);color:var(--text-emerald)}.notif-icon-rejected,.notif-icon-disk_critical{background:var(--text-red-bg);color:var(--text-red)}.notif-icon-disk_warning{background:var(--text-gold-bg);color:var(--text-gold)}.notif-body{flex:1;min-width:0}.notif-msg{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.4}.notif-time{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.notif-dot{background:var(--brand);border-radius:var(--rounded-full);flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif-empty{text-align:center;padding:var(--gap-xl) var(--gap-md);color:var(--text-muted)}.notif-empty i{margin-bottom:var(--gap-sm);opacity:.5;font-size:28px}.notif-empty p{font-size:var(--fs-sm)}.announce-stack{flex-shrink:0}.announce-banner{align-items:center;gap:var(--gap-sm);padding:8px var(--gap-lg);font-size:var(--fs-sm);border-bottom:1px solid var(--border);background:var(--bg2);color:var(--text-primary);display:flex}.announce-banner.warning{background:var(--brand-bg);border-bottom-color:var(--brand-border)}.announce-banner.warning>i{color:var(--brand)}.announce-banner.info>i{color:var(--text-muted)}.announce-msg{flex:1;min-width:0}.announce-close{width:var(--control-h-sm);height:var(--control-h-sm);border-radius:var(--rounded);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.announce-close:hover{color:var(--text-primary);background:var(--bg3)}.bottom-nav{display:none}@media (width<=1024px){.video-grid{grid-template-columns:repeat(2,1fr)}.watch-main{flex-direction:column}.settings-pw-grid{grid-template-columns:1fr;max-width:320px}}@media (width<=720px){.app-shell{flex-direction:column;height:100dvh}.auth-wrap{min-height:100dvh}.sidebar{width:100%;padding:var(--gap-sm) var(--gap-md);border-right:none;border-bottom:1px solid var(--border);flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;position:static}.sidebar-logo{padding:0}.sidebar-nav,.header{display:none}.main-area{flex:1;height:auto;min-height:0;margin-left:0}.bottom-nav{z-index:50;background-color:var(--bg2);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{min-height:52px;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:600;display:flex}.bottom-nav-item i{font-size:17px}.bottom-nav-item>span:last-child{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.bottom-nav-item.active{color:var(--brand)}.bottom-nav-item.active .avatar{outline:2px solid var(--brand);outline-offset:1px}.notif-bottom-wrap,.bottom-nav-profile{flex:1;display:flex;position:relative}.notif-bottom-wrap .bottom-nav-item,.bottom-nav-profile .bottom-nav-item{width:100%}.bottom-nav-icon{justify-content:center;align-items:center;display:flex;position:relative}.bottom-sheet-menu{bottom:calc(52px + env(safe-area-inset-bottom,0px));left:var(--gap-sm);right:var(--gap-sm);background-color:var(--bg2);border:1px solid var(--border);border-radius:var(--rounded);box-shadow:var(--shadow);z-index:60;position:fixed;overflow:hidden}.notif-panel-bottom{top:auto;bottom:calc(52px + env(safe-area-inset-bottom,0px));z-index:60;max-height:60dvh}.content{padding:var(--gap-md);padding-bottom:calc(60px + env(safe-area-inset-bottom,0px) + var(--gap-lg))}.input,.textarea,.search-box input{font-size:16px}.home-top{gap:var(--gap-sm);flex-wrap:wrap}.home-title{width:100%;font-size:var(--fs-lg)}.search-box{max-width:none;margin-left:0}.video-grid{grid-template-columns:1fr}.notif-panel{left:var(--gap-sm);right:var(--gap-sm);width:auto;position:fixed}.toast-container{left:var(--gap-md);right:var(--gap-md);bottom:calc(60px + env(safe-area-inset-bottom,0px) + var(--gap-sm))}.toast{max-width:none}.modal-box{max-height:calc(100dvh - 2 * var(--gap-md));overflow-y:auto}.watch-title{font-size:var(--fs-md)}.comment-replies{margin-left:var(--gap-md);padding-left:var(--gap-sm)}.comment-compose-actions .btn{font-size:var(--fs-xs);padding:0 10px}.settings-layout{flex-direction:column}.settings-nav{flex-direction:row;width:100%;position:static;overflow-x:auto}.settings-section{padding:var(--gap-md)}.settings-section-body{padding-left:0}.profile-header{gap:var(--gap-md);padding:var(--gap-md)}.upload-page{padding:var(--gap-sm);border:none}.dropzone{padding:var(--gap-xl) var(--gap-md)}.thumb-select,.admin-row{flex-wrap:wrap}.admin-row .row-actions{flex-wrap:wrap;width:100%}.review-top{flex-direction:column}.review-thumb{width:100%}.review-actions{flex-wrap:wrap}.reject-input{flex-direction:column}.video-props{padding:var(--gap)}.list-row{flex-wrap:wrap}}@media (width<=480px){.content{padding:var(--gap-sm);padding-bottom:calc(60px + env(safe-area-inset-bottom,0px) + var(--gap-lg))}.home-top .search-box{flex-basis:100%;width:100%}.profile-header{text-align:center;flex-direction:column}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}.settings-section{padding:var(--gap-sm)}}@media (hover:none){.thumb-actions{opacity:1}.review-thumb .play-overlay{opacity:1;background:var(--scrim-soft)}.player .player-controls{opacity:1;transform:none}.player:not(.controls-visible){cursor:auto}.player-volume-slider{display:none}.player-seek{height:6px}.player-seek-thumb{opacity:1;width:14px;height:14px}.player-time{font-size:var(--fs-xs)}.player-settings-menu{min-width:180px}.seek-preview{display:none}}