[theme~=dark]{--lumo-base-color: #0f1012}#vaadin-progress,#vaadin-application-progress,.vaadin-application-progress,.vaadin-progress-bar,vaadin-progress-bar,vaadin-progress-bar::part(bar),vaadin-progress-bar::part(value){display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important}.material-symbols-outlined{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-feature-settings:"liga" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr}.material-symbols-filled{font-family:Material Symbols Rounded,Material Symbols Outlined,Material Symbols Filled,sans-serif;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;font-feature-settings:"liga" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr}:root{--app-background: #0f1012;--card-bg: #1b1b1d;--text-color: #e6eef8;--muted-color: #9aa6b2;--overlay-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .65) 30%, rgba(0, 0, 0, .9) 100%);--z-base: 1;--z-overlay: 10;--z-dropdown: 100;--z-popper: 300;--z-iconbar: 350;--z-modal: 1000;--z-toast: 2000;--topbar-height: 64px;--space-025: 2px;--space-050: 4px;--space-075: 6px;--space-100: 8px;--space-150: 10px;--space-200: 12px;--space-300: 16px;--space-400: 20px;--space-500: 24px;--lumo-size-s: 20px;--lumo-size-m: 28px}.top-nav-bar{z-index:calc(var(--z-base) + 10)!important}.reaction-popper{z-index:var(--z-popper)!important;position:fixed;background-color:#2a2a2a;color:#e8e8e8;border-radius:6px;box-shadow:0 8px 32px #000000e6;border:1px solid #555;padding:8px;pointer-events:auto}.app-info-popper{z-index:var(--z-popper)!important;position:fixed;width:350px;max-height:500px;overflow-y:auto;background-color:#3a3a3a;color:#e8e8e8;border-radius:8px;box-shadow:0 8px 32px #000000e6;border:1px solid #555;padding:0;font-size:13px;pointer-events:auto}.drawer-container{z-index:var(--z-base)!important;position:fixed}body{background-color:var(--app-background)!important;color:var(--text-color);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}html,body,#outlet{margin:0;background-color:var(--app-background)!important}.movie-card{position:relative;border-radius:12px;overflow:visible!important;box-shadow:0 2px 8px #00000059;backface-visibility:hidden;transform:translateZ(0);contain:layout style paint}.movie-card--compact{width:220px;min-width:220px;height:330px}.movie-card--compact .overlay{padding:8px 10px;font-size:12px;max-height:96px}.movie-card--compact .movie-card-icon-bar{top:8px;right:8px;gap:4px}.movie-card--compact .movie-card-icon-bar vaadin-button{width:32px;height:32px;min-width:32px}.movie-card-icon-bar{opacity:0!important;pointer-events:none}.movie-card .movie-card-icon-bar{position:absolute;top:8px;right:8px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;max-width:calc(100% - 16px);max-height:64px;overflow:visible;z-index:5000!important}.movie-card .overlay:hover+.movie-card-icon-bar,.movie-card .movie-card-icon-bar:hover,.movie-card:hover .movie-card-icon-bar{opacity:1!important;pointer-events:auto}.movie-card.movie-card-popper-open .movie-card-icon-bar{opacity:1!important;z-index:var(--z-iconbar);pointer-events:auto}.movie-card .overlay{position:absolute;left:0;right:0;bottom:0;z-index:var(--z-overlay);background:linear-gradient(180deg,#0000,#000000a6 40%,#000000d9);color:var(--text-color);padding:6px 8px;font-size:12px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;border-bottom-left-radius:12px;border-bottom-right-radius:12px;min-height:50px;max-height:80px;overflow:hidden}.app-dropdown{z-index:var(--z-dropdown)!important}.app-popper,.vaadin-popper,.vaadin-tooltip-overlay,.app-info-popper,.info-popper,.movie-info-popper{z-index:var(--z-popper)!important}vaadin-dialog-overlay,.app-modal{z-index:var(--z-modal)!important}.app-toast,vaadin-notification-card{z-index:var(--z-toast)!important}.dialog-controls{z-index:var(--z-modal)}vaadin-button.toolbar-btn{display:flex;justify-content:center;align-items:center;color:#fff;background:transparent;border:none;cursor:pointer;padding:0;margin:4px 0;border-radius:12px;transition:background-color .2s ease;width:48px;height:48px}vaadin-button.toolbar-btn vaadin-icon{width:28px;height:28px;display:flex;justify-content:center;align-items:center}.movie-card .movie-card-icon-bar vaadin-button,.movie-card .movie-card-icon-bar vaadin-button[theme~=icon]{flex:0 0 28px;width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;margin:0!important}vaadin-button.toolbar-btn:hover{background-color:#ffffff1a}vaadin-button.standard-btn{height:32px;margin:0;border:1px solid var(--lumo-contrast-30pct);min-width:0}.toolbar-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}vaadin-icon{color:inherit!important}vaadin-icon svg{fill:currentColor!important}vaadin-dialog-overlay::part(overlay){border:1px solid rgba(255,255,255,.15)}vaadin-dialog-overlay::part(content){padding:8px 12px!important}vaadin-dialog-overlay::part(header){padding:6px 8px!important}vaadin-dialog-overlay::part(footer){padding:6px 8px!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.toolbar-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}vaadin-combo-box,vaadin-select,vaadin-text-field{width:auto!important;min-width:0!important;max-width:100%!important;height:44px;min-height:44px}vaadin-button{padding:6px!important;height:36px!important}vaadin-dialog-overlay{max-width:100vw!important;max-height:100dvh!important;width:100vw!important;height:100dvh!important;left:0!important;top:0!important}.movie-card{box-shadow:none;border-radius:8px}.movie-card .overlay{padding:3px 4px;font-size:11px;gap:2px}.main-layout{flex-direction:column!important}.immersive-toggle{background:var(--lumo-primary-color, #2196F3);color:#fff;border-radius:6px}}vaadin-grid::part(cell) .wrap-cell,vaadin-grid-cell-content.wrap-cell{white-space:normal!important;overflow-wrap:anywhere!important}vaadin-grid::part(row){align-items:stretch}.user-settings-dialog vaadin-grid{width:100%!important}.user-settings-dialog vaadin-grid-cell-content.user-alert-checkbox-col,.user-settings-dialog vaadin-grid::part(cell) .user-alert-checkbox-col{overflow:visible!important;white-space:nowrap!important;text-overflow:clip!important}@media (max-width: 600px){.user-settings-dialog vaadin-grid{overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.user-settings-dialog vaadin-grid-cell-content.wrap-cell{white-space:normal!important;overflow-wrap:anywhere!important;display:block!important}}@media (max-width: 1023px){:root{--topbar-height: 56px}}@media (max-width: 1023px){.desktop-only{display:none!important}}@media (min-width: 1024px){.mobile-only{display:none!important}}@media (max-width: 420px){.top-nav-bar .icons-layout{gap:6px!important}.top-nav-bar .nav-icon,.top-nav-bar vaadin-button.nav-icon{min-width:36px!important;min-height:36px!important;padding:4px!important}.top-nav-bar img{height:40px!important;width:40px!important}.precanned-filters{gap:6px;align-items:center}.precanned-filter-btn{font-size:12px;padding:6px 8px;border-radius:6px}}@media (min-width: 1024px){.drawer-container[data-drawer=filters].drawer-pinned~*{margin-right:220px;transition:margin-right .3s ease-in-out}.drawer-container[data-drawer=saved-filters].drawer-pinned~*{margin-top:200px;transition:margin-top .3s ease-in-out}}.drawer-panel{z-index:var(--z-base)!important;background:#0f1012e0!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:8px;box-shadow:0 8px 32px #0009}.drawer-backdrop{z-index:calc(var(--z-base) - 1)!important;background:#00000073!important}.drawer-container.drawer-open{z-index:var(--z-dropdown)!important}.drawer-container.drawer-pinned{z-index:var(--z-base)!important}.force-mobile .desktop-only{display:none!important}.force-mobile .mobile-only{display:block!important}.force-mobile .toolbar-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}.force-mobile .main-layout{flex-direction:column!important}.force-mobile .movie-card{box-shadow:none!important;border-radius:8px!important}.force-mobile vaadin-combo-box,.force-mobile vaadin-select,.force-mobile vaadin-text-field{width:100%!important;min-width:0!important}@media (max-width: 600px){.drawer-container[data-drawer=quick-search] vaadin-combo-box,.drawer-container[data-drawer=quick-search] vaadin-text-field,.drawer-container[data-drawer=quick-search] vaadin-select{width:100%!important;min-width:0!important;max-width:100%!important}}.results-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:16px;contain:layout style paint;will-change:transform}vaadin-scroller{overflow-x:hidden!important}.movie-card{contain:layout style paint;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}vaadin-scroller{overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}vaadin-password-field:before,vaadin-password-field::part(input-field):before,vaadin-text-field:before,vaadin-text-field::part(input-field):before{display:none!important}.queue-dialog-main{width:100%}.queue-dialog-content{width:100%;display:flex;gap:16px;padding:16px}.queue-dialog-list{border:1px solid var(--lumo-contrast-10pct);border-radius:4px;overflow-y:auto}.queue-drop-tail{transition:border-color .12s ease,background .12s ease}.queue-row-card{display:flex;flex-direction:row;align-items:center;gap:12px;border-bottom:1px solid var(--lumo-contrast-10pct);padding:10px 12px}.queue-left{display:flex;align-items:center;gap:12px;min-width:0}.queue-info{display:flex;flex-direction:column;gap:4px;min-width:0}.queue-row-poster{width:72px;height:108px;border-radius:8px;object-fit:cover;flex:0 0 auto;box-shadow:0 6px 16px #00000073}.queue-row-title{font-weight:600;font-size:15px}.queue-row-meta{font-size:13px;color:var(--muted-color)}.queue-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto;min-width:0}.queue-action-btn,.queue-utility-btn{box-shadow:none;border:none}.queue-action-btn:hover,.queue-utility-btn:hover{filter:brightness(1.1)}.queue-utility-btn{background-color:#ffffff14}@media (max-width: 600px){.queue-dialog-main{height:92vh;padding:0 12px 12px}.queue-dialog-content{flex-direction:column;padding:12px!important;gap:12px}.queue-dialog-list{border:none;border-radius:0;box-shadow:none}.queue-row-card{flex-direction:column;align-items:flex-start}.queue-row-actions{width:100%;justify-content:flex-start}.queue-row-poster{width:60px;height:90px}.queue-drop-tail{margin:8px 0 0}}@media (max-width: 600px){.user-settings-dialog vaadin-dialog-overlay::part(overlay),.user-settings-dialog{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;left:0!important;top:0!important;padding:0!important}.user-settings-dialog .vaadin-grid{height:50vh!important}}.contact-us-dialog vaadin-text-field,.contact-us-dialog vaadin-text-area{width:100%}.contact-us-dialog-content{padding:16px;gap:16px}.contact-us-dialog-footer{gap:8px}.contact-us-user{font-weight:600;color:var(--lumo-secondary-text-color)}@media (max-width: 600px){.contact-us-dialog-content{width:100%;padding:12px}}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#4a4a4e;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#6a6a6e}*{scrollbar-width:thick;scrollbar-color:#4a4a4e transparent}