:root{--surface-bg: rgb(33, 37, 41);--navbar-bg: #000;--text-main: #fff;--muted: #9ca3af;--accent: #e5a00d;--border: rgba(255, 255, 255, .15);--sidebar-width: 173px;--sidebar-width-collapsed: 78px;--topbar-height: 64px;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;overflow-x:hidden}body{background:var(--surface-bg);color:var(--text-main)}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;display:flex}.left-nav{width:var(--sidebar-width);min-width:var(--sidebar-width);flex:0 0 auto;background:var(--surface-bg);padding:.75rem;display:flex;flex-direction:column;gap:.75rem;transition:width .16s ease;overflow:hidden}.is-collapsed .left-nav{width:var(--sidebar-width-collapsed);min-width:var(--sidebar-width-collapsed)}.left-nav [data-collapsed=true] nav a span,.is-collapsed .left-nav a span{display:none}.is-collapsed .left-nav a{justify-content:center;padding-inline:.25rem}.left-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.left-nav li a{color:#f3f4f6;padding:.65rem;border-radius:.5rem;display:inline-flex;align-items:center;gap:.7rem;width:100%;min-width:0;border:1px solid transparent}.nav-item-label,.text-ellipsis{display:block;overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.left-nav li a:hover,.left-nav li a:focus-visible{background:#2a2e34;color:#fff;outline:none}.left-nav li a.is-active{color:var(--accent);background:#2a2e34;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.left-nav li a.is-active:focus-visible{box-shadow:inset 0 0 0 1px var(--accent),0 0 0 2px var(--accent)}.left-nav li a svg{color:#9ca3af;flex-shrink:0}.left-nav li a.is-active svg{color:var(--accent)}.left-nav li a:hover svg,.left-nav li a:focus-visible svg{color:var(--accent)}.left-nav li a:hover:not(.is-active){color:#fff}.action-button:hover,.action-button:focus-visible{border-color:var(--accent);color:var(--accent)}.top-nav{position:fixed;top:0;left:0;right:0;z-index:1;background:var(--navbar-bg);height:var(--topbar-height);display:flex;align-items:center;gap:.5rem;padding:0 1rem;border-bottom:1px solid rgba(255,255,255,.08);width:100%;box-sizing:border-box}.top-title{font-size:1.1rem;font-weight:600;margin-left:.5rem;margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{flex:1;min-width:0;display:flex;flex-direction:column;padding-top:var(--topbar-height)}.workspace main{flex:1;padding:0;min-height:calc(100vh - var(--topbar-height))}.action-button{background:transparent;color:var(--text-main);border:1px solid #374151;border-radius:.45rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .7rem}.header-actions{margin-left:auto;display:inline-flex;gap:.5rem;align-items:center;min-width:0}.language-switcher{display:inline-flex;align-items:center;flex:0 0 auto;padding:2px;border:1px solid #374151;border-radius:.45rem;background:#111318}.language-switcher button{min-width:2rem;min-height:1.85rem;padding:.25rem .38rem;border:0;border-radius:.3rem;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.76rem;font-weight:700}.language-switcher button:hover,.language-switcher button:focus-visible,.language-switcher button.is-active{color:var(--accent);outline:none}.language-switcher button:focus-visible{box-shadow:0 0 0 1px var(--accent)}.language-switcher button.is-active{background:#2a2e34}.auth-language-switcher{position:fixed;top:1rem;right:1rem;z-index:1}.bulk-actions{position:relative}.bulk-badge{min-width:7.2rem}.bulk-badge strong{color:var(--accent);font-size:.95rem}.bulk-badge:disabled{cursor:default;opacity:.55}.bulk-badge.is-active{border-color:var(--accent);color:var(--accent)}.top-dropdown,.card-action-menu{background:#171b20;border:1px solid #343a43;border-radius:.45rem;box-shadow:0 18px 42px #00000052;display:grid;min-width:13rem;padding:.35rem;z-index:4}.top-dropdown{position:absolute;right:0;top:calc(100% + .45rem);max-width:min(86vw,15rem)}.top-dropdown button,.card-action-menu button{width:100%;min-width:0;background:transparent;color:#f3f4f6;border:0;border-radius:.35rem;display:inline-flex;align-items:center;gap:.5rem;justify-content:flex-start;padding:.55rem .65rem;text-align:left;cursor:pointer}.top-dropdown button:hover,.top-dropdown button:focus-visible,.card-action-menu button:hover,.card-action-menu button:focus-visible{background:#2a2e34;color:var(--accent);outline:none}.logout:hover,.logout:focus-visible{background:#2a2e34;border-color:var(--accent);color:var(--accent)}.auth-page,.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.home-page{width:100%;min-width:0;min-height:calc(100vh - var(--topbar-height));padding:1rem;display:block}.auth-page,.error-page{text-align:center}.auth-card{width:min(66.67vw,680px);min-width:min(460px,100%);background:#1b1f24;border:1px solid var(--border);border-radius:.8rem;padding:1.5rem 1.5rem 1.35rem;display:grid;gap:.75rem}.auth-card h1,.error-page h1,.auth-card p{margin:0}.auth-page{background:url(/images/login-bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}.error-page{background:url(/images/error-bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}.auth-card--login{background:#1b1f24;box-shadow:0 0 0 1px #e5a00d73,0 26px 55px #0000008c}.auth-brand{text-align:center;margin-bottom:.35rem}.auth-brand-link{width:fit-content;margin:0 auto;color:var(--accent);display:inline-flex;gap:.55rem;align-items:center;font-size:1.25rem;font-weight:700}.auth-intro{text-align:center;margin-bottom:.25rem}.auth-intro h1{font-size:1.4rem;letter-spacing:.01em}.auth-intro p{color:var(--muted);font-size:.95rem}.auth-card form{display:grid;gap:.75rem}.field label{color:var(--muted);font-size:.86rem;display:none}.input-row{display:flex;align-items:center;background:#0f1115;border:1px solid #3f3f46;border-radius:.5rem;overflow:hidden}.field-invalid .input-row{border-color:#ef4444}.input-row-addon{width:2.75rem;color:#8e95a5;display:grid;place-items:center;border-right:1px solid #242a34}.input-row input{width:100%;border:none;background:transparent;color:#fff;padding:.63rem .75rem}.input-row input:focus-visible{outline:2px solid transparent}.input-row:focus-within{border-color:var(--text-main);box-shadow:0 0 0 1px var(--text-main)}.field-error{color:#fca5a5;margin:.24rem 0 0;font-size:.76rem}.auth-link{margin:.1rem 0 0;color:#e2e8f0;font-size:.88rem}.link-button{background:transparent;border:0;color:inherit;padding:0;cursor:pointer}.auth-alert{background:#ef444426;color:#fecaca;border:1px solid rgba(239,68,68,.35);border-radius:.5rem;padding:.65rem .75rem;font-size:.9rem}.auth-card button[type=submit]{margin-top:.2rem;background:var(--accent);color:#111;border:none;border-radius:.45rem;padding:.75rem;font-weight:700;cursor:pointer;display:inline-flex;gap:.45rem;align-items:center;justify-content:center}.auth-card button[type=submit]:disabled{cursor:not-allowed;opacity:.75}.spin{animation:spin .7s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.auth-note{margin-top:.35rem;color:#9ca3af;font-size:.8rem;text-align:center}.error-card{text-align:center;width:min(420px,100%);justify-items:center;gap:.9rem;padding:1.65rem 1.45rem}.error-card p{color:var(--muted)}.error-action{margin-top:.25rem;width:100%;justify-content:center}.page-alert,.page-status{margin-top:.75rem;border-radius:.5rem;padding:.65rem .8rem;width:fit-content;max-width:100%}.page-alert{color:#fff;border:1px solid #7f1d1d;background:#451a1a}.page-status{color:var(--muted);border:1px solid var(--border);background:#1b1f24}.home-section{margin-top:0}.home-section+.home-section{margin-top:1.25rem}.page-alert+.home-section,.page-status+.home-section,.page-alert+.empty-state,.page-status+.empty-state{margin-top:1rem}.section-heading-row{display:flex;align-items:center;justify-content:flex-start;gap:.6rem;min-width:0}.section-heading-row h2{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-view-all{color:#fff;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-decoration:none;vertical-align:top;cursor:pointer;transition:color .14s ease,text-shadow .14s ease}.section-count{color:#111;background:var(--accent);border-radius:999px;padding:.12rem .5rem;flex:0 0 auto;font-size:.78rem;font-weight:700;line-height:1.35}.section-view-all:hover,.section-view-all:focus-visible{color:var(--accent);text-shadow:0 0 .45rem rgb(229 160 13 / 28%)}.section-view-all:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.empty-state{margin-top:1.25rem;border:1px solid var(--border);border-radius:.7rem;background:#1b1f24;padding:1rem;color:var(--muted)}.empty-state h2{margin-top:0;color:#fff}.empty-state-inline{margin-top:.75rem}.player-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#000000c2;display:grid;place-items:center;padding:1rem}.player-modal{width:min(960px,100%);max-height:calc(100vh - 2rem);overflow:auto;border:1px solid var(--border);border-radius:.8rem;background:#11151a;box-shadow:0 28px 80px #0000008c;padding:1rem}.player-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.player-title{min-width:0}.player-header h2{margin:0;overflow-wrap:anywhere}.player-header p{margin:.25rem 0 0;color:var(--muted)}.player-state{border:1px solid var(--border);border-radius:.6rem;background:#1b1f24;color:var(--muted);padding:1rem}.player-state-error{border-color:#7f1d1d;background:#451a1a;color:#fff}.media-video-player,.media-audio-player{display:block;width:100%}.media-video-player{aspect-ratio:16 / 9;background:#000;border-radius:.6rem}.player-meta{display:block;margin-top:.75rem;color:var(--muted);font-size:.85rem}.home-grid{width:100%;margin-top:.325rem;padding-top:2px;display:flex;flex-wrap:wrap;align-items:flex-start;overflow:visible;gap:1rem;justify-content:flex-start;row-gap:1rem;column-gap:1rem}.gallery-loading-strip{width:100%;min-height:4.25rem;margin-top:.65rem;border:1px solid var(--border);border-radius:.75rem;background:#0000001f;color:var(--muted);display:inline-flex;align-items:center;gap:.75rem;padding:1rem}.mini-card{position:relative;flex:0 0 auto;border-radius:.7rem;background:transparent;border:0;overflow:visible;isolation:isolate;display:grid;grid-template-rows:auto auto;row-gap:0;cursor:default}.mini-card:has(.mini-menu-btn.is-open){z-index:5}.mini-card-state{pointer-events:none}.mini-card-landscape{width:min(357px,100%);min-width:0;max-width:357px}.mini-card-portrait{width:min(200px,100%);min-width:0;max-width:200px}.mini-thumb{position:relative;width:100%;height:210px;min-height:210px;max-height:210px;border-radius:inherit;border:1px solid var(--border);background:linear-gradient(130deg,#2b3039,#4a5568);display:grid;place-items:center;color:#d1d5db;overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease}.mini-detail-hit-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;cursor:pointer}.mini-detail-hit-area:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.mini-thumb:hover,.mini-thumb:has(.mini-action-btn:focus-visible),.mini-card:focus-visible .mini-thumb,.mini-card.is-keyboard-active .mini-thumb,.mini-card.is-selected .mini-thumb,.mini-card:has(.mini-menu-btn.is-open) .mini-thumb{border-color:var(--accent);box-shadow:none;outline:none}.mini-card-portrait .mini-thumb{height:300px;min-height:300px;max-height:300px}.mini-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to top,#00000073,#0000000d);pointer-events:none;z-index:0;overflow:hidden}.mini-thumb-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;z-index:0}.mini-thumb-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;place-items:center;color:var(--muted);background:#20252c;font-size:.82rem}.mini-thumb-placeholder-muted{color:#d1d5db;letter-spacing:.01em;padding:1rem;text-align:center}.mini-thumb-placeholder-error{color:#fecaca;background:#341a1d}.mini-thumb-spinner{width:1.55rem;height:1.55rem;border:2px solid rgba(255,255,255,.18);border-top-color:var(--accent);border-radius:999px;animation:spin .7s linear infinite}.mini-thumb-state{border-color:var(--border)}.mini-text-skeleton{position:relative;overflow:hidden;border-radius:999px;background:#2b3038}.mini-text-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:skeleton-shimmer 1.1s ease-in-out infinite}.mini-text-skeleton-title{width:68%;height:.95rem}.mini-text-skeleton-meta{width:44%;height:.72rem;margin-top:.38rem}.mini-media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;padding:.65rem .75rem;pointer-events:none}.mini-card-body{background:transparent;padding:.52rem 0 0;display:grid;gap:.24rem}.mini-card:not(.mini-card-state) .mini-card-body{cursor:pointer}.mini-title-wrap{min-width:0;pointer-events:auto}.mini-title{font-family:inherit;color:#fff;font-size:1rem;line-height:1.15;font-weight:700;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-title-link{display:block;text-decoration:none;cursor:pointer}.mini-title-link:hover,.mini-title-link:focus-visible{color:#fff;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.18em}.mini-card.is-restored .mini-thumb{border-color:var(--accent);animation:restored-card-pulse .9s ease-in-out 2}@keyframes restored-card-pulse{50%{box-shadow:0 0 0 3px var(--accent)}}.media-detail-page{width:100%;min-width:0;min-height:calc(100vh - var(--topbar-height));padding:clamp(.8rem,2vw,1.5rem)}.detail-back{border:0;background:transparent;color:#fff;display:inline-flex;align-items:center;gap:.45rem;padding:.35rem 0;margin-bottom:1rem;cursor:pointer}.detail-back:hover,.detail-back:focus-visible{color:var(--accent)}.detail-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:clamp(1.25rem,4vw,3rem)}.detail-loading-shell{width:100%;min-height:clamp(18rem,55vh,36rem);display:grid;place-items:center}.detail-image{width:100%;min-height:0;max-height:none;background:#181c21;border:1px solid var(--border);border-radius:.7rem;overflow:hidden;display:grid;place-items:center}.detail-media-column{width:100%;min-width:0}.detail-image img{display:block;grid-area:1 / 1;width:100%;height:auto;max-height:none;object-fit:contain;justify-self:center;align-self:start}.detail-image>.detail-image-placeholder{grid-area:1 / 1;z-index:1}.detail-poster-portrait .detail-image,.detail-poster-portrait .detail-image img{width:100%;height:auto;max-height:900px;object-fit:contain}.detail-image img.is-loading{opacity:0}.detail-image-placeholder,.detail-image-loading{color:var(--muted)}.detail-image-error{margin-top:.75rem}.detail-copy{min-width:0}.detail-copy h1{margin:.15rem 0 .65rem;overflow-wrap:anywhere}.detail-kicker{margin:0;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.detail-summary{display:flex;flex-wrap:wrap;gap:.75rem 1rem;color:var(--muted)}.detail-summary span{display:inline-flex;align-items:center;gap:.35rem}.detail-description{max-width:70ch;line-height:1.6}.detail-play{border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:#111;font-weight:800;display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.1rem;cursor:pointer;margin:.5rem 0 1rem}.detail-play:hover,.detail-play:focus-visible{background:transparent;color:var(--accent)}.detail-link-row{display:grid;grid-template-columns:minmax(7rem,9rem) minmax(0,1fr);gap:.75rem;margin-top:.85rem}.detail-link-row>div{display:flex;flex-wrap:wrap;gap:.35rem .75rem}.detail-link-row a{color:var(--accent);text-decoration:none}.detail-link-row a:hover,.detail-link-row a:focus-visible{text-decoration:underline}.detail-facts{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1.25rem}.detail-facts div{display:grid;gap:.15rem}.detail-facts dt{color:var(--muted);font-size:.78rem}.detail-facts dd{margin:0}.detail-title-skeleton{width:min(26rem,80%);height:2.4rem;border-radius:.4rem;background:#2b3038}@media (max-width: 991px){.detail-shell{grid-template-columns:minmax(0,1fr)}.detail-media-column,.detail-image{justify-self:center;max-height:none}.detail-poster-portrait .detail-image{width:min(100%,46.6667vh,600px);max-width:100%;max-height:min(70vh,900px);margin-inline:auto}.detail-poster-portrait .detail-image img{width:100%;max-width:100%;max-height:min(70vh,900px);margin-inline:auto}.detail-link-row{grid-template-columns:minmax(0,1fr);gap:.3rem}}.mini-meta{color:var(--muted);font-size:.82rem;line-height:1.25}.mini-title-wrap{pointer-events:auto}.mini-actions{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .14s ease;pointer-events:none}.mini-thumb:hover .mini-actions,.mini-thumb:has(.mini-action-btn:focus-visible) .mini-actions,.mini-card:focus-visible .mini-actions,.mini-card.is-keyboard-active .mini-actions,.mini-card.is-selected .mini-actions,.mini-actions:has(.mini-menu-btn.is-open){opacity:1;pointer-events:none}.mini-action-btn{border:1px solid rgba(148,163,184,.22);border-radius:999px;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;color:#e5e7eb;background:#00000059;cursor:pointer;padding:0;line-height:1;pointer-events:auto}.mini-select-btn{position:absolute;left:.75rem;top:.65rem}.mini-play-btn{position:absolute;left:50%;top:50%;width:2.75rem;height:2.75rem;transform:translate(-50%,-50%)}.mini-play-btn svg{width:1.45rem;height:1.45rem}.mini-menu-btn{position:absolute;right:.75rem;bottom:.65rem}.mini-favorite-btn{position:absolute;right:3.15rem;bottom:.65rem}.mini-action-btn:hover,.mini-action-btn:focus-visible{border-color:var(--accent);color:var(--accent);background:#000000a6;outline:none}.mini-menu-btn:hover svg,.mini-menu-btn:focus-visible svg,.mini-play-btn:hover svg,.mini-play-btn:focus-visible svg{filter:none}.mini-action-btn:hover.mini-play-btn,.mini-action-btn:focus-visible.mini-play-btn{transform:translate(-50%,-50%) scale(1.06)}.mini-menu-btn:hover,.mini-menu-btn:focus-visible,.mini-menu-btn.is-open,.mini-select-btn.is-selected,.mini-favorite-btn.is-favorite{border-color:var(--accent);color:var(--accent)}.card-action-menu{position:absolute;right:.75rem;top:5rem;min-width:11.6rem;pointer-events:auto;font-size:.82rem;padding:.25rem}.card-action-menu button{gap:.42rem;padding:.42rem .52rem}.card-action-menu svg{width:14px;height:14px}@media (hover: none),(pointer: coarse){.mini-actions{opacity:1;pointer-events:none}.mini-thumb:hover{border-color:var(--border)}.mini-card.is-selected .mini-thumb,.mini-card:has(.mini-menu-btn.is-open) .mini-thumb,.mini-thumb:has(.mini-action-btn:focus-visible){border-color:var(--accent)}}@media (max-width: 900px){.app-shell:not(.is-collapsed) .left-nav{position:fixed;left:0;top:var(--topbar-height);padding-top:.75rem;height:calc(100vh - var(--topbar-height));z-index:3;overflow-y:auto}.app-shell.is-collapsed .left-nav{width:0;min-width:0;padding:0;flex:0 0 0;overflow:hidden;border-right:0}.mini-card-landscape,.mini-card-portrait{width:min(100%,357px);min-width:0;max-width:357px}.mini-card-portrait{width:min(100%,200px);min-width:0;max-width:200px}.mini-card-landscape .mini-thumb{aspect-ratio:357 / 210;height:auto;min-height:0;max-height:none}.mini-card-portrait .mini-thumb{aspect-ratio:2 / 3;height:auto;min-height:0;max-height:none}.home-page{padding:.8rem}.top-nav{padding-inline:.6rem}.top-title{margin-left:.25rem;font-size:1rem}.header-actions{gap:.35rem}.language-switcher button{min-width:1.8rem;padding-inline:.3rem}.bulk-badge{min-width:3.4rem;padding-inline:.5rem}.bulk-badge span,.logout span{display:none}.auth-card{width:min(92vw,100%);min-width:auto}.auth-page{padding:.8rem;align-items:stretch}.auth-brand{margin-bottom:.15rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important}.left-nav,.mini-thumb,.mini-actions,.mini-action-btn:hover.mini-play-btn,.mini-action-btn:focus-visible.mini-play-btn{transition:none}.mini-action-btn:hover.mini-play-btn,.mini-action-btn:focus-visible.mini-play-btn{transform:translate(-50%,-50%)}.mini-thumb-spinner,.spin{animation:none}.mini-text-skeleton:after{animation:none;display:none}}@media (min-width: 901px){.app-shell{overflow-x:hidden}.left-nav{height:calc(100vh - var(--topbar-height));position:sticky;top:var(--topbar-height);padding-top:.75rem}}