.upgrade-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:stretch;justify-content:stretch;padding:0}.upgrade-modal{background:var(--surface);border:none;border-radius:0;width:100%;max-width:none;height:100vh;max-height:100vh;overflow-y:auto;padding:calc(32px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px)) 24px;position:relative;box-shadow:none;box-sizing:border-box}.upgrade-modal-close{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));width:44px;height:44px;border-radius:50%;border:none;background:#000000bf;color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:1}.upgrade-modal-close:hover{background:#000000e6}.upgrade-modal-header{text-align:center;margin-top:28px;margin-bottom:28px}.upgrade-icon{width:60px;height:60px;margin:0 auto 12px}.upgrade-icon-image{width:100%;height:100%;display:block;object-fit:contain}.upgrade-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 10px}.upgrade-subtitle{font-size:14px;color:var(--text-secondary);margin:4px 0;line-height:1.5}.upgrade-subtitle strong{color:var(--text-primary)}.upgrade-web-notice{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0 0 12px;padding:12px 14px;background:#06b6d414;border:1px solid rgba(6,182,212,.25);border-radius:10px}.upgrade-tier-card-error .tier-description{margin-bottom:14px}.upgrade-tiers{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.upgrade-tier-card{background:var(--surface-light);border:1px solid var(--border);border-radius:12px;padding:16px 20px;position:relative}.upgrade-tier-card.current{border-color:var(--primary);background:#06b6d40d}.tier-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:2px 10px;margin-bottom:8px}.current-badge{background:var(--primary);color:#fff}.tier-name{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.tier-limit{font-size:22px;font-weight:700;color:var(--primary);margin-bottom:4px}.tier-description{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.tier-price{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.tier-price-unavailable{font-size:14px;color:var(--text-tertiary);margin-bottom:12px}.upgrade-btn{width:100%;padding:12px 20px;background:var(--primary);border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.upgrade-btn:hover:not(:disabled){background:var(--primary-dark, #0891b2);transform:translateY(-1px);box-shadow:0 4px 12px #06b6d44d}.upgrade-btn:disabled{opacity:.6;cursor:not-allowed}.upgrade-status{text-align:center;font-size:14px;font-weight:500;padding:10px 16px;border-radius:8px;margin-bottom:16px}.upgrade-status.success{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.upgrade-status.error{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.restore-btn{width:100%;padding:12px 20px;background:var(--primary);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.restore-btn:hover:not(:disabled){background:var(--primary-hover, #1a6fd4);color:#fff}.restore-btn:disabled{opacity:.5;cursor:not-allowed}.support-modal-overlay{z-index:2100}.support-modal-content{max-width:560px}.support-form{gap:16px}.support-helper-text{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary)}.support-textarea{min-height:140px}.support-message-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}.support-message-hint,.support-message-count{font-size:12px;color:var(--text-secondary)}.support-message-count.is-near-limit{color:#f59e0b}.support-message-count.is-at-limit{color:#ef4444}.support-status{padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.5;border:1px solid transparent}.support-status--success{background:#22c55e1f;border-color:#22c55e4d;color:#86efac}.support-status--error{background:#ef44441f;border-color:#ef44444d;color:#fca5a5}@media (max-width: 768px){.support-modal-overlay{padding:16px}.support-message-meta{align-items:flex-start;flex-direction:column}}.settings-modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:var(--background);z-index:1001;overflow-y:auto}.settings-close{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));width:44px;height:44px;border-radius:50%;border:none;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:32px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1002;transition:all .2s ease}.settings-close:hover{background:#000c;transform:scale(1.05)}.settings-content{max-width:800px;margin:0 auto;padding:calc(92px + env(safe-area-inset-top,0px)) 40px 40px}.settings-title{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 40px}.settings-web-banner{background:#06b6d414;border:1px solid rgba(6,182,212,.25);border-radius:12px;padding:18px 20px;margin-bottom:24px}.settings-web-banner-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.settings-web-banner-text{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0}.settings-web-banner-link{color:var(--primary);font-weight:600;text-decoration:none}.settings-web-banner-link:hover{text-decoration:underline}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;overflow:hidden}.settings-section-header{padding:20px 24px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.settings-section-header:hover{background:var(--surface-light)}.section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px;display:flex;align-items:center;gap:12px}.expand-icon{font-size:14px;color:var(--text-tertiary);transition:transform .2s ease}.section-description{font-size:14px;color:var(--text-secondary);margin:0;padding-left:26px}.settings-section-content{padding:0 24px 20px;display:flex;flex-direction:column;gap:8px}.category-toggle{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--surface-light);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.category-toggle:hover{background:var(--background)}.category-info{display:flex;align-items:center;gap:12px}.category-icon{font-size:24px}.category-label{font-size:16px;font-weight:500;color:var(--text-primary)}.toggle-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.toggle-slider{position:relative;display:inline-block;width:52px;height:28px;background:var(--border);border-radius:28px;transition:background .3s ease}.toggle-slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle-checkbox:checked~.toggle-slider{background:#3b82f6}.toggle-checkbox:checked~.toggle-slider:before{transform:translate(24px)}.refresh-action-btn{width:100%;padding:16px 24px;background:var(--primary);border:1px solid var(--primary);border-radius:8px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px}.refresh-action-btn:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #06b6d44d}.refresh-action-btn:active:not(:disabled){transform:translateY(0)}.refresh-action-btn:disabled{background:var(--surface-light);border-color:var(--border);color:var(--text-secondary);opacity:.6;cursor:not-allowed}.refresh-icon{font-size:20px;display:inline-flex;align-items:center;justify-content:center}.settings-support-note{margin:12px 4px 0;font-size:13px;line-height:1.5;color:var(--text-secondary);text-align:center}.subscription-info-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.subscription-info-row:last-of-type{border-bottom:none}.subscription-info-label{font-size:14px;color:var(--text-secondary)}.subscription-info-value{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.tier-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:2px 10px}.tier-badge.tier-tier2{background:#06b6d426;color:var(--primary, #06b6d4);border:1px solid rgba(6,182,212,.3)}.settings-footer{padding:12px 24px 32px;text-align:center}.settings-footer-brand{font-size:13px;color:var(--text);font-weight:500}.settings-footer-email{font-size:12px;color:var(--text-secondary);opacity:.6;margin-top:4px}.app-header{background:var(--background);border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;position:sticky;top:0;z-index:100;padding-top:env(safe-area-inset-top)}.header-top{padding:8px 16px;min-height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);background:var(--background);position:relative}.header-left{display:flex;align-items:center;flex-shrink:0;z-index:1}.header-launcher-icon{height:64px;width:auto;object-fit:contain;display:block}.header-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.header-middle-banner{height:64px;width:auto;object-fit:contain;display:block}.header-right{display:flex;gap:12px;align-items:center;flex-shrink:0;z-index:1}.icon-button{background:transparent;border:none;color:var(--text-secondary);font-size:28px;cursor:pointer;padding:12px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--surface-light);color:var(--text)}.profile-menu-container{position:relative}.profile-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:280px;box-shadow:0 8px 24px #00000080;overflow:hidden}.profile-dropdown-header{padding:20px;display:flex;align-items:center;gap:12px;background:var(--surface-light)}.profile-avatar{width:64px;height:64px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0;overflow:hidden}.profile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-initials{font-size:22px;font-weight:700;color:#fff;letter-spacing:1px}.profile-icon-button{padding:0!important;width:64px!important;height:64px!important;border-radius:50%!important;overflow:hidden;background:var(--primary)!important;display:flex;align-items:center;justify-content:center;color:#fff!important;font-size:20px!important;border:none;cursor:pointer;flex-shrink:0;transition:none!important}.profile-icon-button:hover{background:var(--primary-dark)!important}.profile-header-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-header-initials{font-size:20px;font-weight:700;color:#fff;letter-spacing:.5px;pointer-events:none;line-height:1}.profile-info{flex:1;min-width:0}.profile-label{font-size:12px;color:var(--text-secondary);margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.profile-value{font-size:14px;color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-item{padding:16px 20px}.profile-dropdown-item .profile-label{margin-bottom:4px}.profile-dropdown-divider{height:1px;background:var(--border)}.profile-dropdown-button{width:100%;padding:14px 20px;background:transparent;border:none;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px;text-align:left}.profile-dropdown-button:hover{background:var(--surface-light)}.profile-dropdown-button.logout{color:var(--error)}.profile-dropdown-button.logout:hover{background:#ef44441a}.profile-dropdown-button span{font-size:18px}.header-tabs{display:flex;padding:0 24px;gap:4px;overflow-x:auto;background:var(--background);scrollbar-width:none;-ms-overflow-style:none}.header-tabs::-webkit-scrollbar{display:none}.header-tabs-wrapper{position:relative;display:flex;align-items:center;background:var(--background)}.tabs-scroll-btn{position:absolute;top:0;bottom:0;width:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;z-index:2;padding:0;line-height:1;transition:opacity .2s ease}.tabs-scroll-btn.left{left:0}.tabs-scroll-btn.right{right:0}.header-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;color:var(--text-secondary);font-size:15px;font-weight:500;position:relative;transition:all .2s ease;white-space:nowrap}.header-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent;transition:background .2s ease}.header-tab:hover{color:var(--text);background:#ffffff0d}.header-tab.active{color:#2291c5;background:#2291c51a}.header-tab.active:after{background:linear-gradient(to right,transparent 0%,#2291C5 30%,#2291C5 70%,transparent 100%)}.tab-icon{font-size:18px}.tab-icon-img{width:30px;height:30px;object-fit:contain;display:block}.subscription-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;overflow:visible;white-space:normal;text-overflow:unset}.tier-badge{display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:0 14px;line-height:1;height:30px;box-sizing:border-box;flex-shrink:0;margin-top:7px}.tier-badge.tier-free{background:#94a3b833;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.tier-badge.tier-tier2{background:#06b6d426;color:var(--primary);border:1px solid rgba(6,182,212,.3)}.tier-badge.tier-tier3{background:#a855f726;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.upgrade-inline-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);border:none;border-radius:20px;color:#fff;font-size:13px;font-weight:700;padding:0 14px;line-height:1;height:30px;box-sizing:border-box;flex-shrink:0;cursor:pointer;transition:background .2s ease}.upgrade-inline-btn:hover{background:var(--primary-dark, #0891b2)}.layout{min-height:100vh;min-height:100dvh;flex:1;display:flex;flex-direction:column;background:var(--background)}.layout-body{display:flex;flex:1;min-height:0;overflow:hidden}.main-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;background:var(--background);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;padding-bottom:env(safe-area-inset-bottom)}.main-content.swipe-left{animation:swipeOutLeft .3s cubic-bezier(.4,0,.2,1) forwards}.main-content.swipe-right{animation:swipeOutRight .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes swipeOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes swipeOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.app-logo{display:block;object-fit:contain;flex-shrink:0}.app-logo--header{height:100px;width:auto}.app-logo--login{display:block;width:min(680px,82vw);height:auto;max-height:min(220px,28vh);object-fit:contain;object-position:center center;margin:0 auto 24px}.app-logo--home{display:block;width:min(800px,92vw);height:auto;max-height:400px;object-fit:contain;margin:0 auto 12px}.login-page{flex:1;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--background);padding:20px}.login-container{width:100%;max-width:731px}.login-header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-bottom:20px}.login-subtitle{font-size:17px;line-height:1.3;font-style:italic;color:var(--text-secondary);max-width:36em;margin:0 auto;padding:0}.login-form{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px 28px;width:100%;max-width:min(360px,100%);margin:0 auto}.form-title{font-size:30px;font-weight:700;color:var(--text);margin-bottom:28px;text-align:center}.form-description{font-size:14px;color:var(--text-secondary);text-align:center;margin-bottom:32px}.social-button{width:100%;padding:14px 16px;background:var(--surface-light);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.social-button:hover{background:var(--border);transform:translateY(-1px)}.social-button-icon{flex-shrink:0;width:22px;height:22px;display:block}.social-button.google{background:#fff;border-color:#dadce0;color:#3c4043}.social-button.google:hover{background:#f8f9fa;border-color:#dadce0;transform:translateY(-1px)}.social-button.apple{background:#000;border-color:#000;color:#fff}.social-button.apple:hover{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.social-button:disabled{opacity:.6;cursor:not-allowed}.dev-mode-badge{background:#06b6d41a;border:1px solid var(--primary);color:var(--primary);padding:10px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;text-align:center;font-weight:600}.error-message{background:#ef44441a;border:1px solid var(--error);color:var(--error);padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;text-align:center}.web-availability-banner{margin-top:20px;padding:16px;background:#06b6d414;border:1px solid rgba(6,182,212,.25);border-radius:12px}.web-availability-title{font-size:15px;font-weight:700;color:var(--text);margin:0 0 8px}.web-availability-text{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0}.web-availability-link{color:var(--primary);font-weight:600;text-decoration:none}.web-availability-link:hover{text-decoration:underline}.movie-card .card-cover .cover-placeholder{background:linear-gradient(135deg,#1a1a2e,#16213e)}.scanner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;visibility:visible!important;opacity:1!important;background:transparent}.scanner-overlay *{visibility:visible!important;opacity:1!important}.scanner-header{position:absolute;top:40px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:10000}.scanner-header h2{color:#fff;font-size:24px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.scanner-close-btn{background:#00000080;border:2px solid white;color:#fff;font-size:28px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1}.scanner-target-box{position:relative;width:280px;height:280px;border:2px solid rgba(6,182,212,.5);background:transparent}.scanner-corner{position:absolute;width:40px;height:40px;border-color:#2291c5;border-style:solid}.scanner-corner-tl{top:-2px;left:-2px;border-width:4px 0 0 4px;border-top-left-radius:8px}.scanner-corner-tr{top:-2px;right:-2px;border-width:4px 4px 0 0;border-top-right-radius:8px}.scanner-corner-bl{bottom:-2px;left:-2px;border-width:0 0 4px 4px;border-bottom-left-radius:8px}.scanner-corner-br{bottom:-2px;right:-2px;border-width:0 4px 4px 0;border-bottom-right-radius:8px}.scanner-instructions{position:absolute;bottom:80px;left:0;right:0;text-align:center;color:#fff;font-size:16px;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.5);padding:0 20px}.movie-details-modal .details-poster-placeholder{background:linear-gradient(135deg,#1a1a2e,#16213e)}.movie-details-modal{position:relative;background:#00000026}.movie-details-modal:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--backdrop-url, none);background-size:cover;background-position:center;filter:blur(32px) brightness(.4);transform:scale(1.1) translateZ(0);will-change:transform;z-index:-1;pointer-events:none}.movie-details-modal>:not(.details-close):not(.details-confirm-overlay){background:transparent}.movie-details-modal .details-content,.movie-details-modal .details-delete-footer{position:relative;z-index:1}.movie-details-modal .details-info-section,.movie-details-modal .details-poster-section{background:transparent;border-radius:12px;padding:20px}.movie-details-modal .details-info-section{gap:20px;padding-top:0}.movie-details-modal .details-info-section>:first-child{margin-top:-16px}.movie-details-modal .detail-value,.movie-details-modal .summary-text{color:#ffffffeb}.movie-details-modal .detail-label,.movie-details-modal .summary-title{color:#ffffff8c}.movie-details-modal--preparing{background:transparent;pointer-events:none}.movie-details-modal--preparing:before{opacity:0}.movie-details-modal--preparing .details-content,.movie-details-modal--preparing .details-delete-footer,.movie-details-modal--preparing .details-close{opacity:0}.trailer-thumbnail-link{display:block;margin-top:6px;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;width:100%;max-width:280px;text-align:left}.trailer-player-wrapper{position:relative;width:100%;max-width:480px;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;margin-top:6px;background:#000}.trailer-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;border-radius:10px}.trailer-thumbnail{position:relative;width:100%;max-width:280px;border-radius:8px;overflow:hidden;cursor:pointer}.trailer-thumb-img{width:100%;display:block;border-radius:8px}.trailer-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;transition:background .2s}.trailer-thumbnail:hover .trailer-play-overlay{background:#0000008c}.trailer-play-btn{font-size:2.5rem;color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));line-height:1}.back-cover-img{width:100%;max-width:320px;border-radius:8px;margin-top:6px;display:block}.movie-cover-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;pointer-events:none}.movie-cover-transition__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background var(--movie-cover-transition-duration, .7s) ease}.movie-cover-transition.is-active .movie-cover-transition__scrim{background:#0000001f}.movie-cover-transition__frame{position:fixed;perspective:1600px;transform-style:preserve-3d;transition:top var(--movie-cover-transition-duration, .7s) cubic-bezier(.22,1,.36,1),left var(--movie-cover-transition-duration, .7s) cubic-bezier(.22,1,.36,1),width var(--movie-cover-transition-duration, .7s) cubic-bezier(.22,1,.36,1),height var(--movie-cover-transition-duration, .7s) cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 18px 40px rgba(0,0,0,.45));will-change:top,left,width,height}.movie-cover-transition__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--movie-cover-transition-duration, .7s) cubic-bezier(.22,1,.36,1)}.movie-cover-transition--flip.is-active .movie-cover-transition__inner{transform:rotateY(180deg)}.movie-cover-transition--zoom .movie-cover-transition__inner{transform:none}.movie-cover-transition__face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--movie-cover-transition-fit, cover);backface-visibility:hidden;border-radius:12px;overflow:hidden;background:var(--movie-cover-transition-face-background, #111111)}.movie-cover-transition__face--back{transform:rotateY(180deg)}.movie-cover-transition--zoom .movie-cover-transition__face--front{transform:none}.music-card .card-cover{aspect-ratio:1 / 1}.music-card.grid-mode{display:flex;flex-direction:column}.music-card.grid-mode .card-format-banner{position:static;border-radius:8px 8px 0 0}.music-card.grid-mode .card-cover{border-radius:0 0 8px 8px}.music-card .card-cover .cover-placeholder{background:linear-gradient(135deg,#f59e0b,#d97706)}.music-card .card-cover-small{width:56px;height:56px}.music-details-modal .details-poster-container{aspect-ratio:1 / 1}.music-details-modal .details-format-banner{position:static;border-radius:12px 12px 0 0}.music-details-modal .details-poster-container{border-radius:0 0 12px 12px}.music-details-modal .details-poster-placeholder{background:linear-gradient(135deg,#f59e0b,#d97706)}.music-details-modal{position:relative;background:#00000014}.music-details-modal:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--backdrop-url, none);background-size:cover;background-position:center;filter:blur(32px) brightness(.28);transform:scale(1.1) translateZ(0);will-change:transform;z-index:-1;pointer-events:none}.music-details-modal>:not(.details-close):not(.details-confirm-overlay){background:transparent}.music-details-modal .details-content,.music-details-modal .details-delete-footer{position:relative;z-index:1}.music-details-modal .details-info-section,.music-details-modal .details-poster-section{background:transparent;border-radius:12px;padding:20px}.music-details-modal .details-poster-section{padding:20px 0 0}.music-details-modal .details-info-section{gap:20px;padding-top:0}.music-details-modal .detail-value,.music-details-modal .music-description-text,.music-details-modal .track-title{color:#ffffffeb}.music-details-modal .detail-label,.music-details-modal .music-section-title,.music-details-modal .track-number,.music-details-modal .track-duration,.music-details-modal .credit-role{color:#ffffff8c}.music-description{margin:0 0 1.2rem}.music-description-text{font-size:.875rem;color:var(--text-secondary, #888);line-height:1.6;margin:0}.music-section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #aaa);margin:20px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--border, #333)}.music-tracklist{margin-top:4px}.tracklist-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.tracklist-item{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px;min-width:0}.tracklist-item:last-child{border-bottom:none}.track-number{min-width:24px;text-align:right;font-size:12px;color:var(--text-secondary, #aaa);flex-shrink:0}.track-title{flex:1;min-width:0;color:var(--text, #fff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-duration{font-size:12px;color:var(--text-secondary, #aaa);flex-shrink:0}.book-card.grid-mode{display:flex;flex-direction:column}.book-card.grid-mode .card-format-banner{position:static;border-radius:8px 8px 0 0}.book-card.grid-mode .card-cover{border-radius:0 0 8px 8px}.book-card .card-cover .cover-placeholder{background:linear-gradient(135deg,#1e3a2f,#14532d)}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:680px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column}.manual-form{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group label{font-size:14px;font-weight:600;color:var(--text)}.form-poster-preview{display:flex;justify-content:center;margin-bottom:8px}.form-poster-preview img{max-width:200px;max-height:300px;border-radius:8px;box-shadow:0 4px 12px #0000004d}.search-section{padding:24px 14px;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.search-guide{background:var(--surface-light);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:20px;flex-shrink:0}.search-guide-title{font-size:14px;font-weight:600;color:var(--text);margin:0 0 12px}.search-guide-list{list-style:disc;padding-left:20px;margin:0;display:flex;flex-direction:column;gap:8px}.search-guide-list li{font-size:13px;color:var(--text-secondary);line-height:1.4}.search-guide-list li strong{color:var(--text-primary);font-weight:600}.result-item{display:flex;gap:16px;padding:12px;background:var(--background);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease}.result-item:hover{border-color:var(--primary);transform:translate(4px)}.result-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.result-meta{font-size:14px;color:var(--text-secondary);margin-bottom:4px}.result-genre{font-size:13px;color:var(--text-tertiary)}.no-results{padding:40px 20px;text-align:center;color:var(--text-secondary);font-size:14px;background:var(--surface-light);border-radius:12px;margin-top:20px}.no-results p{margin:0}.barcode-section{padding:24px}.barcode-instructions{font-size:14px;color:var(--text-secondary);margin-bottom:20px;text-align:center;line-height:1.6}.scan-btn{width:100%;margin-bottom:24px;padding:16px;font-size:16px}.manual-upc-section{margin-top:24px}.manual-upc-section label{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:12px}.browser-notice{padding:16px;background:var(--surface-light);border:1px solid var(--border);border-radius:12px;text-align:center;font-size:14px;color:var(--text-secondary);margin-top:20px}.book-loading{position:relative;width:80px;height:80px;margin:0 auto}.book-pages{position:relative;width:100%;height:100%;transform-style:preserve-3d;perspective:1000px}.page{position:absolute;width:60px;height:80px;background:linear-gradient(to right,#f0f0f0,#fff,#f0f0f0);border:2px solid #ddd;border-radius:2px;box-shadow:2px 2px 8px #0003;transform-origin:left center}.page-1{left:10px;animation:turnPage 1.5s ease-in-out infinite;animation-delay:0s;z-index:3}.page-2{left:10px;animation:turnPage 1.5s ease-in-out infinite;animation-delay:.5s;z-index:2}.page-3{left:10px;animation:turnPage 1.5s ease-in-out infinite;animation-delay:1s;z-index:1}@keyframes turnPage{0%{transform:rotateY(0);opacity:1}50%{transform:rotateY(-180deg);opacity:.5}to{transform:rotateY(-180deg);opacity:0}}.book-details-modal .details-poster-placeholder{background:linear-gradient(135deg,#1e3a2f,#14532d)}.book-details-modal .details-format-banner{position:static;border-radius:12px 12px 0 0}.book-details-modal .details-poster-container{border-radius:0 0 12px 12px}.book-details-modal .details-poster-section{padding:20px 0 0}.boardgame-card.grid-mode,.boardgame-card.list-mode{background:transparent}.boardgame-card .card-cover{aspect-ratio:3 / 4;background:transparent}.boardgame-card .card-cover .cover-image{object-fit:contain}.boardgame-card .card-cover .cover-placeholder{background:linear-gradient(135deg,#374151,#1f2937)}.boardgame-card .card-cover-small{width:56px;height:56px;background:transparent}.boardgame-card .card-cover-small .cover-image{object-fit:contain}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--background);border-radius:12px;width:100%;max-width:680px;max-height:calc(90vh - env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 20px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:calc(24px + env(safe-area-inset-top,0px)) 24px 24px}@media (max-width: 768px){.modal-overlay .modal-content{padding-top:env(safe-area-inset-top,0px)!important;box-sizing:border-box!important}.modal-overlay .modal-content .modal-header{padding:16px!important}}@media (max-width: 480px){.modal-overlay .modal-content .modal-header{padding:12px!important}}.modal-header h2{font-size:24px;font-weight:600;color:var(--text);margin:0}.modal-close{background:none;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.search-tabs{display:flex;gap:8px;padding:16px 24px}.search-tab{flex:1;padding:12px 16px;background:#2291c5;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.search-tab:hover,.search-tab.active{background:#1a7aaa}.search-section{padding:24px 14px;overflow-y:auto;flex:1}.search-box{display:flex;gap:12px;margin-bottom:24px}.search-input{flex:1;min-width:0;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;outline:none;transition:border-color .2s ease}.search-results{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.search-result-item{display:flex;gap:16px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease}.search-result-item:hover{border-color:var(--primary);background:var(--surface-light);transform:translate(4px)}.result-info{flex:1}.result-info h3{font-size:16px;font-weight:600;color:var(--text);margin:0 0 8px}.result-info p{font-size:13px;color:var(--text-secondary);margin:4px 0}.result-year{font-weight:500}.barcode-section{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px 0}.barcode-instructions{text-align:center;color:var(--text-secondary);font-size:14px;line-height:1.6;max-width:400px}.scan-button{font-size:16px;padding:16px 32px}.upc-input-box{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:32px;padding-top:32px;border-top:1px solid var(--border)}.upc-label{font-size:13px;color:var(--text-secondary);text-align:center}.upc-input-group{display:flex;gap:12px}.upc-input{flex:1;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;outline:none}.upc-input:focus{border-color:var(--primary)}.back-btn{background:none;border:none;color:var(--primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 24px;margin-bottom:16px;display:flex;align-items:center;gap:4px;transition:opacity .2s ease}.back-btn:hover{opacity:.8}.add-form{padding:0 24px 24px;overflow-y:auto;flex:1}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary)}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:20px}.btn-primary{flex:1;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;background:#2291c5;color:#fff;border:none}.btn-primary:hover:not(:disabled){background:#1a7aaa}.btn-secondary{flex:1;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--surface-light);color:var(--text);border:1px solid var(--border)}.error-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.error-content{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:400px;width:90%;text-align:center}.error-content h3{font-size:18px;font-weight:600;color:var(--text);margin-bottom:16px}.error-content p{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.error-content .btn-primary{min-width:100px}.book-loading{width:80px;height:80px;position:relative}.book-pages{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:bookFlip 2s ease-in-out infinite}.page{position:absolute;width:60%;height:100%;background:linear-gradient(to right,#f0f0f0,#e0e0e0,#f0f0f0);border-radius:2px;box-shadow:0 2px 8px #0003}.page-1{left:0;transform-origin:right center;animation:pageFlip1 2s ease-in-out infinite}.page-2{left:20%;transform-origin:right center;animation:pageFlip2 2s ease-in-out infinite;animation-delay:.2s}.page-3{left:40%;transform-origin:right center;animation:pageFlip3 2s ease-in-out infinite;animation-delay:.4s}@keyframes pageFlip1{0%,to{transform:rotateY(0)}50%{transform:rotateY(-180deg)}}@keyframes pageFlip2{0%,to{transform:rotateY(0)}50%{transform:rotateY(-180deg)}}@keyframes pageFlip3{0%,to{transform:rotateY(0)}50%{transform:rotateY(-180deg)}}@keyframes bookFlip{0%,to{transform:perspective(600px) rotateY(0)}50%{transform:perspective(600px) rotateY(20deg)}}.boardgame-details-modal .details-poster-section{padding:20px 0 0}.boardgame-details-modal .details-poster-container{aspect-ratio:3 / 4;background:transparent}.boardgame-details-modal .details-poster{width:100%;height:100%;object-fit:contain}.boardgame-details-modal .details-poster-placeholder{background:linear-gradient(135deg,#374151,#1f2937)}.comic-card.grid-mode{display:flex;flex-direction:column}.comic-card.grid-mode .card-format-banner{position:static;border-radius:8px 8px 0 0}.comic-card.grid-mode .card-cover{border-radius:0 0 8px 8px}.comic-card .card-cover .cover-placeholder{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}@keyframes verify-blink{0%,to{box-shadow:0 0 0 2px #22c55e;border-color:#22c55e}50%{box-shadow:0 0 10px 4px #22c55e80;border-color:#4ade80}}.verify-scan-btn{width:100%;margin-bottom:12px;border:2px solid #22c55e!important;animation:verify-blink 1.8s ease-in-out infinite}.verify-upc-row{display:flex;gap:8px;width:100%;box-sizing:border-box}.verify-upc-row .form-input{flex:1;min-width:0}.verify-upc-row .btn{flex-shrink:0}.upc-section>.btn,.search-section>.btn{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;flex:unset}.comic-details-modal .details-poster-placeholder{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.comic-details-modal .details-format-banner{position:static;border-radius:12px 12px 0 0}.comic-details-modal .details-poster-container{border-radius:0 0 12px 12px}.comic-details-modal .details-poster-section{padding:20px 0 0}.videogame-card .card-cover{aspect-ratio:3 / 4}.videogame-card.grid-mode{display:flex;flex-direction:column}.videogame-card.grid-mode.no-platform-banner{background:transparent}.videogame-card.grid-mode .card-format-banner{position:static;border-radius:8px 8px 0 0}.videogame-card.grid-mode .card-format-banner.is-placeholder{visibility:hidden;background:transparent}.videogame-card.grid-mode .card-cover{border-radius:0 0 8px 8px}.videogame-card .card-cover .cover-placeholder{background:linear-gradient(135deg,#2291c5,#1a7aaa)}.videogame-card .card-cover-small{width:56px;height:56px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-loading-overlay{z-index:3000;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scan-loading-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:var(--surface, #1a1a1a)}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:680px;max-height:90vh;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;flex-shrink:0}.modal-title{font-size:24px;font-weight:700;color:var(--text)}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;line-height:1}.modal-close:hover{background:var(--surface-light);color:var(--text)}.movie-form{padding:0 24px 24px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1;min-height:0}.form-group{display:flex;flex-direction:column;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-label{font-size:14px;font-weight:600;color:var(--text)}.form-input{padding:12px 16px;background:var(--background);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:14px;outline:none;transition:all .2s ease}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #06b6d41a}.form-input:read-only{background:var(--surface-light);cursor:not-allowed;opacity:.7}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.rating-input{display:flex;align-items:center;gap:8px}.star-button{background:transparent;border:none;color:var(--border);font-size:28px;cursor:pointer;padding:0;transition:all .2s ease;line-height:1}.star-button:hover{color:#fbbf24;transform:scale(1.1)}.star-button.active{color:#fbbf24}.clear-rating{background:transparent;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.clear-rating:hover{background:var(--surface-light);color:var(--text)}.form-actions{display:flex;gap:12px;padding-top:16px}.btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary{background:var(--surface-light);color:var(--text);border:1px solid var(--border)}.btn-primary{background:#2291c5;color:#fff;border:none}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.search-section{padding:24px 14px;display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.search-tabs{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap;flex-shrink:0}.tab-btn{flex:1;min-width:100px;padding:14px 16px;background:#2291c5;border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.tab-btn:hover,.tab-btn.active{background:#1a7aaa}.search-box{display:flex;gap:12px;margin-bottom:20px;align-items:stretch;flex-shrink:0}.search-box .btn-primary{flex:0 0 auto!important;width:100px!important;padding:10px 16px;white-space:nowrap}.search-input{flex:1;min-width:0;padding:12px 16px;background:var(--background);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:14px;outline:none}.search-input:focus{border-color:var(--primary)}.search-results{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:8px}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:var(--surface-light);border-radius:4px}.search-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.search-results::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.search-result-item{display:flex;gap:16px;padding:12px;background:var(--background);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease}.search-result-item:hover{border-color:var(--primary);transform:translate(4px)}.result-poster{width:60px;height:90px;object-fit:cover;border-radius:8px;flex-shrink:0}.result-info{flex:1;display:flex;flex-direction:column;justify-content:center}.result-info h4{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.result-info p{font-size:14px;color:var(--text-secondary)}.upc-section{padding:24px;overflow-y:auto;flex:1;min-height:0}.upc-input-box{margin-top:20px;display:flex;flex-direction:column;gap:12px}.back-btn{margin:0 0 16px;width:auto;flex:none}.selected-movie-preview{display:flex;justify-content:center;margin-bottom:16px;padding:0 24px}.preview-poster{width:200px;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000004d}.selected-movie-info{margin:0 24px 20px;padding:16px;background:var(--surface-light);border-radius:8px}.selected-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px}.selected-meta{font-size:14px;color:var(--text-secondary);margin:4px 0}.modal-overlay.transparent{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.btn-cancel{padding:12px 32px;background:#ef4444e6;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#ef4444;transform:scale(1.05)}.tab-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--surface-light)}.tab-btn:disabled:hover{background:var(--surface-light);color:var(--text-secondary)}.error-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.error-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:400px;width:90%;height:fit-content;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}.error-modal h3{font-size:18px;font-weight:600;color:var(--text);margin-bottom:16px}.error-modal p{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.error-modal-btn{flex:none!important;width:auto;min-width:100px;padding:10px 32px}.upc-not-found-banner{display:flex;align-items:flex-start;gap:14px;background:var(--surface-light);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:16px;flex-shrink:0}.upc-not-found-icon{font-size:28px;line-height:1;flex-shrink:0;margin-top:2px}.upc-not-found-title{font-size:15px;font-weight:600;color:var(--text);margin:0 0 2px}.upc-not-found-upc{font-size:12px;color:var(--text-secondary);font-family:monospace;margin:0 0 4px}.upc-not-found-hint{font-size:13px;color:var(--text-secondary);margin:0}.funko-scanning-icon{width:120px;height:120px;object-fit:contain}.videogame-details-modal .details-poster-container{aspect-ratio:3 / 4}.videogame-details-modal .details-format-banner{position:static;border-radius:12px 12px 0 0}.videogame-details-modal .details-poster-container{border-radius:0 0 12px 12px}.videogame-details-modal .details-poster-section{padding:20px 0 0}.videogame-details-modal .details-poster-placeholder{background:linear-gradient(135deg,#2291c5,#1a7aaa)}.videogame-details-modal .detail-item--full{grid-column:1 / -1}.videogame-details-modal .details-summary{margin-top:0;margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.videogame-details-modal .detail-summary-text{margin:0;font-size:.9rem;line-height:1.55;color:var(--text-secondary)}:root{--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-small-mobile: 480px;--details-poster-width-desktop: 260px;--details-poster-width-mobile: 100%;--details-poster-max-width-mobile: min(460px, 100%);--modal-padding-desktop: 40px;--modal-padding-mobile: 42px 10px 24px;--grid-gap-desktop: 40px;--grid-gap-mobile: 20px;--close-button-size-desktop: 52px;--close-button-font-desktop: 36px;--close-button-size-mobile: 44px;--close-button-font-mobile: 32px}.details-close,.settings-close,.modal-close{width:var(--close-button-size-desktop)!important;height:var(--close-button-size-desktop)!important;font-size:var(--close-button-font-desktop)!important}@media (max-width: 768px){.details-content{grid-template-columns:1fr!important;gap:var(--grid-gap-mobile)!important;padding:var(--modal-padding-mobile)!important}.details-poster-section{width:100%!important;max-width:var(--details-poster-max-width-mobile)!important;margin:0 auto!important}.details-poster-overlay .details-title{font-size:18px!important}.details-poster-overlay .details-year{font-size:14px!important}.details-grid-2x2{grid-template-columns:1fr!important}.details-close,.modal-close{width:var(--close-button-size-mobile)!important;height:var(--close-button-size-mobile)!important;font-size:var(--close-button-font-mobile)!important}.modal-overlay{padding:0!important;align-items:flex-start!important}.modal-content{width:100%!important;max-width:100%!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;margin:0!important;display:flex!important;flex-direction:column!important}.modal-header{padding:16px!important;flex-shrink:0!important}.modal-title{font-size:20px!important}.modal-close{font-size:28px!important;width:28px!important;height:28px!important}.movie-form,.manual-form,.upc-section,.barcode-section{padding:16px!important;flex:1!important;overflow-y:auto!important}.search-section{padding:16px 10px!important;flex:1!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.form-row{grid-template-columns:1fr!important;gap:12px!important}.form-group{gap:6px!important}.form-label{font-size:14px!important}.form-input,.search-input{padding:10px 14px!important;font-size:16px!important}.search-tabs{gap:8px!important;margin-bottom:24px!important;flex-shrink:0!important}.tab-btn{flex:1!important;min-width:0!important;padding:14px 8px!important;font-size:14px!important}.modal-content .search-box{width:100%!important;align-items:stretch!important;flex-direction:column!important;gap:10px!important;flex-shrink:0!important}.modal-content .search-box .search-input{width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important;box-sizing:border-box!important}.modal-content .search-box .btn-primary{width:100%!important;max-width:none!important;flex:0 0 auto!important}.search-results{flex:1!important;min-height:0!important}.search-result-item{gap:12px!important;padding:10px!important}.result-poster,.search-result-cover{width:50px!important;height:75px!important}.result-info h4,.search-result-info h3,.result-title{font-size:14px!important}.result-info p,.search-result-info p,.result-meta{font-size:12px!important}.form-actions{gap:10px!important;padding-top:4px!important}.btn{padding:12px 16px!important;font-size:15px!important}.back-btn{margin:0 0 12px!important;width:auto!important}.upc-input-box{margin-top:16px!important;gap:10px!important}.error-modal{padding:20px!important;max-width:90%!important;margin:0 16px!important}.error-modal h3,.error-content h3{font-size:16px!important;margin-bottom:12px!important}.error-modal p,.error-content p{font-size:13px!important;margin-bottom:20px!important}.scanning-content{padding:30px!important;margin:0 16px!important}.scanning-spinner{font-size:50px!important}.scanning-text{font-size:16px!important}.scanner-header{top:20px!important;padding:0 16px!important}.scanner-header h2{font-size:20px!important}.scanner-close-btn{width:40px!important;height:40px!important;font-size:24px!important}.scanner-target-box{width:240px!important;height:240px!important}.scanner-instructions{bottom:60px!important;font-size:14px!important;padding:0 16px!important}.movies-page-wrapper,.books-page-wrapper,.boardgames-page-wrapper,.videogames-page-wrapper,.comics-page-wrapper,.music-page-wrapper,.funkopops-page-wrapper,.beauty-page-wrapper{flex-direction:column!important}.movies-page,.books-page,.boardgames-page,.videogames-page,.comics-page,.music-page,.funkopops-page,.beauty-page{padding:16px!important}.collection-header{flex-direction:column!important;align-items:flex-start!important}.collection-controls-compact{width:100%!important;flex-direction:row!important;justify-content:space-between!important}.collection-controls{width:100%!important;justify-content:space-between!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}.filters-toggle-btn{padding:8px 12px!important;font-size:13px!important}.sort-controls,.filter-controls{width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.filter-controls>div{width:100%!important}.filter-controls select{width:100%!important;max-width:100%!important}.fab{bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;right:calc(24px + env(safe-area-inset-right,0px))!important;width:48px!important;height:48px!important;font-size:24px!important}.movie-card.list-mode,.book-card.list-mode{flex-wrap:wrap!important}.movie-actions-list,.book-actions-list{width:100%!important;justify-content:space-between!important}.delete-button{opacity:1!important}.header-top{padding:8px 12px!important}.header-launcher-icon,.header-middle-banner{height:48px!important}.profile-icon-button{width:48px!important;height:48px!important;font-size:16px!important}.profile-header-initials{font-size:16px!important}.header-tabs{padding:0 16px!important}.header-tab{padding:10px 16px!important;font-size:13px!important}.tab-label{display:none!important}.tab-icon{font-size:18px!important}.layout-body{flex-direction:column!important}.settings-close{top:calc(16px + env(safe-area-inset-top,0px))!important;right:calc(16px + env(safe-area-inset-right,0px))!important;width:var(--close-button-size-mobile)!important;height:var(--close-button-size-mobile)!important;font-size:var(--close-button-font-mobile)!important}.settings-content{padding:calc(72px + env(safe-area-inset-top,0px)) 20px 20px!important}.settings-title{font-size:24px!important;margin-bottom:24px!important}.settings-section-header{padding:16px 20px!important}.section-title{font-size:16px!important}.section-description{font-size:13px!important}.settings-section-content{padding:0 20px 16px!important;gap:12px!important}.category-toggle{padding:12px!important}.category-icon{font-size:20px!important}.category-label{font-size:14px!important}.toggle-slider{width:48px!important;height:26px!important}.toggle-slider:before{height:20px!important;width:20px!important}.toggle-checkbox:checked~.toggle-slider:before{transform:translate(22px)!important}.sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid var(--border)!important;max-height:300px!important}.sidebar-section,.login-page{padding:16px!important}.login-logo{font-size:36px!important}.login-form{padding:32px 24px!important}.form-title{font-size:20px!important}.home{padding:24px 16px!important}.home-title{font-size:36px!important}.home-subtitle{font-size:16px!important}.collections-grid{grid-template-columns:1fr!important}.placeholder-page{min-height:calc(100vh - 60px)!important;padding:24px 16px!important}.placeholder-icon{font-size:64px!important}.placeholder-title{font-size:28px!important}.placeholder-description{font-size:16px!important}}@media (min-width: 769px){.navigation{position:static!important;border-top:none!important;border-bottom:1px solid var(--border)!important;padding:0!important}.nav-container{max-width:1200px!important;justify-content:flex-start!important;gap:8px!important;padding:12px 24px!important}.nav-item{flex-direction:row!important;gap:8px!important;padding:10px 16px!important}.nav-icon{font-size:22px!important}.nav-label{font-size:14px!important}.placeholder-page{min-height:100vh!important}}@media (max-width: 1024px) and (min-width: 769px){.details-content{gap:32px!important;padding:32px!important}}@media (max-width: 480px){.modal-header{padding:12px!important}.modal-title{font-size:18px!important}.movie-form,.manual-form,.upc-section,.barcode-section{padding:12px!important}.search-section{padding:12px 8px!important;flex:1!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.form-group{gap:4px!important}.form-group label,.form-label{font-size:13px!important}.form-input,.search-input{padding:10px 12px!important;font-size:16px!important}.tab-btn{padding:13px 6px!important;font-size:13px!important}.btn{padding:10px 14px!important;font-size:14px!important}.result-poster,.search-result-cover{width:45px!important;height:67px!important}.result-info h4,.search-result-info h3,.result-title{font-size:13px!important}.result-info p,.search-result-info p,.result-meta{font-size:11px!important}.scanning-content{padding:24px!important}.scanning-spinner{font-size:45px!important}.scanning-text{font-size:15px!important}.scanner-target-box{width:200px!important;height:200px!important}.scanner-corner{width:30px!important;height:30px!important}}.funkopops-page>.loading-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.funko-card-cover{aspect-ratio:3 / 4}.card-cover.funko-card-cover{background:#fff}.card-cover.funko-card-cover .cover-image{object-fit:contain}.funko-card .card-cover-small{background:#fff}.funko-card .card-cover-small .cover-image{object-fit:contain}.funko-loading-icon{width:144px;height:144px;object-fit:contain}.cover-icon-img{width:64px;height:64px;object-fit:contain;opacity:.5}.cover-icon-small-img{width:32px;height:32px;object-fit:contain;opacity:.5}.funkopop-details-modal .details-poster-container{aspect-ratio:3 / 4;background:#fff}.funkopop-details-modal .details-poster{object-fit:contain}.funkopop-details-modal .details-poster-placeholder{background:linear-gradient(135deg,#e8412a,#c73520)}.funkopop-details-modal .detail-item--full{grid-column:1 / -1}.funkopop-details-modal .details-summary{margin-top:16px;display:flex;flex-direction:column;gap:6px}.funkopop-details-modal .detail-summary-text{margin:0;font-size:.9rem;line-height:1.55;color:var(--text-secondary)}.funkopop-details-modal .size-tier-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.78rem;font-weight:600;letter-spacing:.02em;background:#e8412a26;color:#e8412a}.movies-page-wrapper,.books-page-wrapper,.boardgames-page-wrapper,.videogames-page-wrapper,.comics-page-wrapper,.music-page-wrapper,.funkopops-page-wrapper,.beauty-page-wrapper{display:flex;flex:1;min-height:0;width:100%;max-width:100%;overflow-x:hidden;background:radial-gradient(circle at top left,#2F203E 0%,transparent 50%),radial-gradient(circle at top right,#104856 0%,transparent 50%),radial-gradient(circle at bottom left,#432018 0%,transparent 50%),radial-gradient(circle at bottom right,#162844 0%,transparent 50%),#1a1a1a}.movies-page,.books-page,.boardgames-page,.videogames-page,.comics-page,.music-page,.funkopops-page,.beauty-page{flex:1;min-height:0;display:flex;flex-direction:column;padding:32px;position:relative;overflow-y:auto;overflow-x:hidden;width:100%;max-width:100%;background:#00000021;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.movies-page>.loading-state,.movies-page>.empty-state,.books-page>.loading-state,.books-page>.empty-state,.boardgames-page>.loading-state,.boardgames-page>.empty-state,.videogames-page>.loading-state,.videogames-page>.empty-state,.comics-page>.loading-state,.comics-page>.empty-state,.music-page>.loading-state,.music-page>.empty-state,.funkopops-page>.loading-state,.funkopops-page>.empty-state,.beauty-page>.loading-state,.beauty-page>.empty-state{flex:1 1 auto;min-height:0}.movies-page>.movie-list,.books-page>.book-list,.boardgames-page>.boardgame-list,.videogames-page>.videogame-list,.comics-page>.comic-list,.music-page>.music-list{width:100%;flex:0 0 auto;min-height:auto}.collection-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;flex-shrink:0}.collection-controls-compact{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.collection-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:12px}.view-controls,.sort-controls,.filter-controls{display:flex;align-items:center;gap:8px}.control-label{font-size:13px;color:var(--text-secondary);font-weight:500}.view-btn{background:var(--surface-light);border:1px solid var(--border);color:var(--text-secondary);padding:0 12px;height:34px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.view-btn:hover{background:var(--border);color:var(--text)}.view-btn.active{background:#2291c5;border-color:#2291c5;color:#fff}.filters-toggle-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 12px;height:34px;background:var(--surface-light);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:16px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.filters-toggle-btn:hover{background:var(--border);border-color:var(--primary)}.filters-toggle-btn.active{background:#2291c5;border-color:#2291c5;color:#fff}.expand-arrow{font-size:10px;margin-left:4px}.sort-select{background:var(--surface-light);border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;outline:none}.col-picker-btn{background:var(--surface-light);border:1px solid var(--border);color:var(--text-secondary);padding:0 12px;height:34px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.col-picker-btn:hover{background:var(--border);color:var(--text)}.search-toggle-btn{background:var(--surface-light);border:1px solid var(--border);color:var(--text-secondary);padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:16px;display:flex;align-items:center;justify-content:center}.search-toggle-btn:hover{background:var(--border);color:var(--text)}.search-toggle-btn.active{background:#2291c5;border-color:#2291c5;color:#fff}.collection-item-count{font-size:13px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.collection-item-count strong{color:var(--text)}.search-bar-main{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px 10px 16px;width:100%;margin-top:10px}.search-and-stats-row{display:flex;align-items:center;width:100%}.search-icon{font-size:16px;opacity:.6;flex-shrink:0}.search-input-main{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font-size:14px}.search-input-main::placeholder{color:var(--text-secondary)}.stat-item{color:var(--text-secondary);white-space:nowrap}.stat-item strong{color:var(--text)}.collection-stats{display:flex;align-items:center;flex-shrink:0;font-size:13px;color:var(--text-secondary);padding-left:8px;margin-left:4px;border-left:1px solid var(--border);white-space:nowrap}.stat-filter{padding:4px 12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:13px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-secondary)}.spinner{font-size:48px;animation:spin 2s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-pulse{font-size:48px;animation:pulse 1.4s ease-in-out infinite;margin-bottom:16px;display:inline-block}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.loading-hint{font-size:13px;color:var(--text-secondary);opacity:.6;margin-top:8px}.scanning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;touch-action:none}.scanning-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;background:#1e1e1ef2;border-radius:16px;box-shadow:0 8px 32px #0006;overflow:hidden}.scanning-spinner{font-size:48px;animation:pulse 1.4s ease-in-out infinite;display:inline-block;line-height:1}.scanning-spinner--float{animation:float 1.8s ease-in-out infinite}.scanning-spinner--spin{animation:spin-die 1s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin-die{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scanning-text,.scanning-content p:not(.scanning-subtext){color:#fff;font-size:18px;font-weight:500;margin:0;text-align:center}.scanning-subtext{color:#ffffff80;font-size:13px;font-weight:400;margin:0;text-align:center}:root{--grid-cols-phone: 2;--grid-cols-tablet: 4;--grid-min-card: 160px;--grid-gap-card: 12px}.collection-grid{display:grid;grid-template-columns:repeat(var(--grid-cols-phone),1fr);gap:var(--grid-gap-card);width:100%}@media (min-width: 600px){.collection-grid{grid-template-columns:repeat(var(--grid-cols-tablet),1fr);gap:16px}}@media (min-width: 1024px){.collection-grid{grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-card),1fr));gap:20px}}.fab.fab--hidden{display:none}.fab{position:fixed;bottom:calc(32px + env(safe-area-inset-bottom,0px));right:calc(32px + env(safe-area-inset-right,0px));width:48px;height:48px;border-radius:50%;background:var(--primary);color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #06b6d466;transition:transform .2s ease,box-shadow .2s ease;z-index:50;display:flex;align-items:center;justify-content:center;animation:fab-pulse 2.4s ease-in-out infinite}@keyframes fab-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #06b6d466}50%{transform:scale(1.07);box-shadow:0 6px 22px #06b6d4a6}}.fab:hover{animation:none;transform:scale(1.1);box-shadow:0 6px 20px #06b6d499}.fab:active{animation:none;transform:scale(.95)}.btn-primary{background:var(--primary);color:#fff;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#1a7aaa}.btn-secondary{background:var(--surface-light);color:var(--text);padding:10px 20px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--border)}.btn-danger{background:#ef4444;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#dc2626}.modal-overlay-centered{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay-centered .confirm-modal,.modal-overlay-centered .error-dialog,.modal-overlay-centered .scanning-content{margin:auto;position:relative;top:auto;left:auto;transform:none}.confirm-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:400px;width:90%}.error-dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:400px;width:90%;text-align:center}.error-dialog h3{font-size:20px;font-weight:600;color:var(--text);margin-bottom:16px}.error-dialog p{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.confirm-modal h3{font-size:20px;font-weight:600;color:var(--text);margin-bottom:16px}.confirm-modal p{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.collection-card{cursor:pointer;transition:transform .2s ease;position:relative;border-radius:8px;overflow:hidden;background:var(--surface)}.collection-card.grid-mode:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0006}.card-cover{position:relative;width:100%;aspect-ratio:2 / 3;overflow:hidden;background:var(--surface-light)}.card-cover .cover-image{width:100%;height:100%;object-fit:cover;display:block}.card-cover .cover-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-light) 0%,var(--surface) 100%)}.card-cover .cover-placeholder.hidden{display:none}.card-cover .cover-icon{font-size:64px;opacity:.35}.card-format-banner{position:absolute;top:0;left:0;right:0;padding:4px 8px;font-size:11px;font-weight:700;color:#fff;text-align:center;letter-spacing:1.2px;text-transform:uppercase;z-index:2}.card-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px 12px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 60%,transparent 100%);color:#fff;z-index:1}.card-overlay .card-title{margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,.8)}.card-overlay .card-subtitle{margin:0;font-size:12px;opacity:.9}.card-delete-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:6px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border:none;font-size:22px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;z-index:3;line-height:1}.collection-card:hover .card-delete-btn{opacity:1}.card-delete-btn:hover{background:#ef4444e6}.collection-card.list-mode{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);transition:all .2s ease}.collection-card.list-mode:hover{border-color:var(--primary);background:var(--surface-light);transform:translate(4px)}.card-cover-small{width:56px;height:80px;flex-shrink:0;border-radius:4px;overflow:hidden;background:var(--surface-light);display:flex;align-items:center;justify-content:center}.card-cover-small .cover-image{width:100%;height:100%;object-fit:cover}.card-cover-small .cover-icon-small{font-size:28px;opacity:.35}.card-info-list{flex:1;min-width:0}.card-info-list .card-title{font-size:15px;font-weight:600;color:var(--text);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-info-list .card-meta{font-size:13px;color:var(--text-secondary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-info-list .card-detail{font-size:12px;color:var(--text-secondary);margin:0}.card-actions-list{display:flex;align-items:center;gap:12px;flex-shrink:0}.card-format-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--surface-light);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.card-delete-btn-list{width:32px;height:32px;border-radius:50%;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);font-size:22px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.card-delete-btn-list:hover{background:#ef4444e6;color:#fff;border-color:#ef4444;transform:scale(1.1)}.beauty-card .card-cover{aspect-ratio:3 / 4}.beauty-card .card-cover-small,.beauty-card .card-cover .cover-placeholder{background:#fff}.collection-list{width:100%}.collection-list.list-view{display:flex;flex-direction:column;gap:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--text-secondary)}.empty-icon{font-size:72px;margin-bottom:20px;opacity:.45}.empty-title{font-size:22px;font-weight:600;color:var(--text);margin:0 0 10px}.empty-description{font-size:15px;color:var(--text-secondary);max-width:380px;margin:0;line-height:1.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.details-modal{background:var(--surface);border:none;border-radius:0;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;z-index:2000}.details-modal--preparing{background:transparent;pointer-events:none}.details-modal--preparing:before{opacity:0}.details-modal--preparing .details-content,.details-modal--preparing .details-delete-footer,.details-modal--preparing .details-close{opacity:0}.details-close{position:fixed;top:24px;right:24px;background:#000c;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;line-height:1;z-index:2001}.details-close:hover{background:#ef4444e6}.details-content{display:grid;grid-template-columns:195px 1fr;gap:40px;padding:40px;width:100%;box-sizing:border-box;max-width:1400px;margin:0 auto}.details-poster-section{position:relative;display:flex;flex-direction:column;min-width:0}.details-format-banner{position:relative;z-index:2;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:700;color:#fff;text-align:center;letter-spacing:1.2px;text-transform:uppercase;border-radius:12px 12px 0 0}.details-poster-container{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:0 0 12px 12px;box-shadow:0 8px 24px #0006}.details-poster-section:not(:has(.details-format-banner)) .details-poster-container{border-radius:12px}.details-poster{width:100%;height:auto;display:block}.details-poster-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:flex;align-items:center;justify-content:center}.poster-icon-large{font-size:80px;opacity:.3}.details-poster-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.75) 50%,transparent 100%);z-index:1}.details-poster-overlay .details-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.8)}.details-poster-overlay .details-year{font-size:16px;color:#ffffffe6;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.details-info-section{display:flex;flex-direction:column;gap:16px;min-width:0}.details-grid-2x2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-item,.detail-item-full{display:flex;flex-direction:column;gap:6px;min-width:0}.detail-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:15px;color:var(--text);line-height:1.5;min-width:0;overflow-wrap:anywhere}.detail-description{font-size:14px;line-height:1.7;color:var(--text-secondary);margin:0;white-space:pre-wrap}.details-summary{background:transparent;border:none;border-radius:0;padding:0}.summary-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.summary-text{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.details-actions{display:flex;gap:12px;padding-top:8px}.details-actions .btn{flex:0 0 auto;min-width:140px}.details-delete-footer{padding:24px 40px 40px}.details-delete-btn{width:100%;padding:14px;background:#ef4444;border:none;color:#fff;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.details-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2100}.details-confirm-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 24px;width:320px;max-width:90%;display:flex;flex-direction:column;gap:12px;text-align:center}.details-confirm-box h3{font-size:18px;font-weight:700;color:var(--text);margin:0}.details-confirm-box p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.details-confirm-actions{display:flex;gap:10px;margin-top:4px}.details-confirm-actions .btn{flex:1}@media (max-width: 768px){.details-close{top:calc(16px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px))}.details-content{grid-template-columns:1fr;gap:20px;padding:42px 12px 24px}.details-poster-section{max-width:420px;width:100%;margin:0 auto}.details-grid-2x2{grid-template-columns:1fr;gap:16px}.details-delete-footer{padding:20px 12px 24px}}.beauty-details-modal .details-poster-container{aspect-ratio:3 / 4}.beauty-details-modal .details-poster{width:100%;height:100%;object-fit:cover}.beauty-details-modal .details-poster-placeholder{background:#fff}.app-root{flex:1;display:flex;flex-direction:column;min-height:0;width:100%}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--primary: #2291C5;--primary-dark: #1a7aaa;--secondary: #8b5cf6;--background: #0a0a0a;--surface: #1a1a1a;--surface-light: #2a2a2a;--text: #f1f5f9;--text-secondary: #94a3b8;--border: #2a2a2a;--success: #10b981;--warning: #f59e0b;--error: #ef4444}html{min-height:100vh;min-height:100dvh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text);overflow-x:hidden;min-height:100vh;min-height:100dvh}body:has(.scanning-overlay){overflow:hidden;touch-action:none}html.scanner-active,body.scanner-active{background:transparent!important;background-color:transparent!important}body.scanner-active #root{background:transparent!important}body.scanner-active #root>*{visibility:hidden!important}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}button,input,textarea,select{font-family:inherit}