[theme~=dark]{--lumo-base-color: #0f1012}.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: 80px}.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:hidden;box-shadow:0 2px 8px #00000059;backface-visibility:hidden;transform:translateZ(0);contain:layout style paint}.movie-card-icon-bar{opacity:0!important}.movie-card:hover .movie-card-icon-bar{opacity:1!important}.movie-card.movie-card-popper-open .movie-card-icon-bar{opacity:1!important;z-index:var(--z-iconbar)}.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:8px 12px;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:56px;height:56px}vaadin-button.toolbar-btn vaadin-icon{width:32px;height:32px;display:flex;justify-content:center;align-items:center}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)}@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 8px!important;height:40px!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:4px 6px;font-size:11px;gap:3px}.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}@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 (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-row{display:flex;flex-direction:row;align-items:center;gap:8px}.queue-info{display:flex;flex-direction:column;min-width:0}.queue-actions{display:flex;flex-direction:row;gap:8px;align-items:center}.queue-details{display:block}@media (max-width: 600px){.queue-row{flex-direction:column;align-items:stretch}.queue-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:6px}.queue-actions vaadin-button,.queue-actions button,.queue-actions .vaadin-button{font-size:14px!important;padding:6px 8px!important;height:36px!important;min-width:36px!important}.queue-details{display:none!important}.queue-row img{width:56px!important;height:84px!important}}@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}}