:root{--bg-base:#050505;--bg-surface:#0d0d0d;--bg-elevated:#111;--bg-card:#1a1a1a;--bg-input:#0d0d0d;--border:#ffffff14;--border-hover:#8b5cf673;--border-active:#8b5cf6b3;--accent-light:#a78bfa;--accent-dark:#7c3aed;--accent-glow:#8b5cf640;--accent-gradient:linear-gradient(135deg,#7c3aed,#8b5cf6 55%,#ec4899);--like:#3a9e64;--like-glow:#3a9e644d;--dislike:#b85a44;--dislike-glow:#b85a4447;--text:#e8eaec;--text-secondary:#e8eaec99;--text-muted:#e8eaec57;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--sidebar-w:240px;--shadow-sm:0 2px 12px #0006;--shadow-md:0 8px 30px #00000080;--shadow-lg:0 20px 60px #000000a6;--shadow-glow:0 0 30px var(--accent-glow);--transition:0.2s ease}[data-theme=light]{--bg-base:#dfe5ee;--bg-surface:#e7ebf2;--bg-elevated:#edf1f6;--bg-card:#f3f5f8;--bg-input:#d8dee8;--border:#1f293724;--border-active:#7c3aed99;--accent:#7c3aed;--accent-light:#9b6ff2;--accent-dark:#5b21b6;--accent-glow:#7c3aed1a;--accent-gradient:linear-gradient(135deg,#7c3aed,#8b5cf6 55%,#ec4899);--like:#1e7a4a;--like-glow:#1e7a4a21;--dislike:#9a3020;--dislike-glow:#9a302021;--text:#1a1c22;--text-secondary:#1a1c22ad;--text-muted:#1a1c227a;--success:#1e7a4a;--error:#9a3020;--warning:#7a5a10;--shadow-sm:0 1px 6px #1419280f;--shadow-md:0 3px 14px #14192814;--shadow-lg:0 8px 32px #1419281a;--shadow-glow:0 0 28px #7c3aed1a}[data-theme=light] body{background-color:#050505;background-color:var(--bg-base);background-image:radial-gradient(ellipse 120% 70% at 0 0,#7c3aed0a 0,#0000 55%),radial-gradient(ellipse 90% 60% at 100% 100%,#ec489908 0,#0000 50%)}[data-theme=light] .movie-library-card,[data-theme=light] .premiere-card,[data-theme=light] .recommendation-card,[data-theme=light] .room-card{box-shadow:0 1px 2px #1419280a,0 8px 24px #1419280d}[data-theme=light] .movie-library-poster,[data-theme=light] .premiere-poster,[data-theme=light] .recommendation-poster{background:#d9dde3}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:#050505;background-color:var(--bg-base);background-image:radial-gradient(ellipse 160% 100% at -10% -15%,#8b5cf60d 0,#0000 55%),radial-gradient(ellipse 80% 60% at 110% 110%,#ec489908 0,#0000 50%);color:#e8eaec;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:#a78bfa;color:var(--accent-light);text-decoration:none}a:hover{color:#e8eaec;color:var(--text)}img{display:block;max-width:100%}button,input,select,textarea{font-family:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#6e8ab040;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6e8ab075}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #a78bfa;outline:2px solid var(--accent-light);outline-offset:2px}button:not(:disabled){transition:transform .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}button:not(:disabled):active{transform:scale(.98)}.ks-skeleton{animation:ks-skeleton-shimmer 1.4s linear infinite;background:linear-gradient(90deg,#ffffff0a,#ffffff1a 50%,#ffffff0a);background-size:200% 100%;border-radius:6px}@keyframes ks-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ks-fade-in{animation:ks-fade-in .25s ease-out}@keyframes ks-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}::selection{background:#8b5cf659;color:#fff}[data-theme=light] .ks-skeleton{background:linear-gradient(90deg,#1419280a,#14192817 50%,#1419280a);background-size:200% 100%}[data-theme=light] ::selection{background:#7c3aed38;color:#0d0d0d}body:before{animation:ks-aurora 40s ease-in-out infinite alternate;background:radial-gradient(ellipse 60% 50% at 15% 30%,#7c3aed14 0,#0000 55%),radial-gradient(ellipse 50% 50% at 85% 75%,#ec48990f 0,#0000 55%);content:"";filter:blur(2px);inset:-10vh -10vw;pointer-events:none;position:fixed;z-index:-1}[data-theme=light] body:before{display:none}@keyframes ks-aurora{0%{transform:translate(0) scale(1)}50%{transform:translate(2vw,-2vh) scale(1.05)}to{transform:translate(-2vw,2vh) scale(.95)}}@media (prefers-reduced-motion:reduce){.ks-fade-in,.ks-skeleton,body:before{animation:none!important}}@media (max-width:640px){input,select,textarea{font-size:16px!important}body,html{max-width:100vw;overflow-x:hidden}canvas,img,svg,video{height:auto;max-width:100%}h1,h2,h3,li,p,td,th{overflow-wrap:anywhere}}button,input,select,textarea{color:inherit;font-family:inherit}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{-webkit-appearance:none;appearance:none;background:#ffffff0d;border:1px solid #ffffff24;border-radius:10px;color:#e9edf5;font-size:15px;line-height:1.35;max-width:100%;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:#06b6d4;border-color:var(--p2,#06b6d4);box-shadow:0 0 0 3px #06b6d426;outline:none}input::placeholder,textarea::placeholder{color:#e9edf566}select{background-image:linear-gradient(45deg,#0000 50%,#e9edf58c 0),linear-gradient(135deg,#e9edf58c 50%,#0000 0);background-position:calc(100% - 17px),calc(100% - 12px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:32px}select option{background:#12151d;color:#e9edf5}button{-webkit-appearance:none;appearance:none}button:not([class*=theme]):not([class*=dot]):not([class*=circle]):not([class*=swatch]){background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;padding:10px 16px}button:disabled{cursor:default;opacity:.5}input[type=date],input[type=time]{-webkit-text-fill-color:#e9edf5;min-height:42px}input[type=checkbox],input[type=radio]{accent-color:#7c3aed;accent-color:var(--p1,#7c3aed);height:18px;width:18px}@media (max-width:640px){.btn,.primary-button,.secondary-button,button:not([class*=theme]):not([class*=dot]):not([class*=circle]):not([class*=swatch]){font-size:14px;min-height:44px;padding:10px 14px}[class*=-dot],[class*=avatar],[class*=circle],[class*=theme-dot],[style*="border-radius: 50%"],[style*="border-radius:50%"]{flex-shrink:0}h1{font-size:clamp(20px,5.5vw,26px)}h2{font-size:clamp(17px,4.6vw,21px)}h3{font-size:clamp(15px,4.2vw,18px)}.actions,.btn-row,.form-actions,.topbar-actions{flex-wrap:wrap;gap:8px}}@media (max-width:400px){.btn,button:not([class*=theme]):not([class*=dot]):not([class*=circle]):not([class*=swatch]){font-size:13.5px;padding:9px 12px}}[class*=-content],[class*=-info],[class*=-main],[class*=-name],[class*=-text],[class*=-title]{min-width:0}[class*=avatar],[class*=badge],[class*=glyph],[class*=icon],[class*=logo],img[width],svg{flex-shrink:0}@media (min-width:641px) and (max-width:1024px){[class*=grid]:not([class*=grid-2]){gap:14px}[class*=-window],[class*=modal]{max-width:min(680px,92vw)}}.cinema-intro{align-items:center;background:#000;display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.ci-canvas{height:100%;width:100%}.ci-canvas,.ci-grain{inset:0;position:absolute}.ci-grain{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");mix-blend-mode:screen;opacity:.06;pointer-events:none;z-index:2}.ci-flicker{background:#fff;inset:0;opacity:0;pointer-events:none;position:absolute;z-index:3}.ci-logo{align-items:center;display:flex;flex-direction:column;gap:20px;position:relative;text-align:center;z-index:4}.ci-separator{background:linear-gradient(90deg,#0000,#d2af5073 25%,#ffdc64d9 50%,#d2af5073 75%,#0000);height:1px;opacity:0;transform:scaleX(0);transform-origin:center;width:clamp(220px,38vw,480px)}.ci-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(170deg,#ffe88a,#f5c842 30%,#d4952a 60%,#ffe099 85%,#c8841e);display:flex;filter:drop-shadow(0 0 32px rgba(200,155,30,.55)) drop-shadow(0 0 64px rgba(180,130,20,.25));font-size:clamp(3.2rem,9vw,7rem);font-weight:900;gap:0;letter-spacing:.18em;line-height:1;margin:0;text-transform:uppercase}.ci-letter{display:inline-block;filter:blur(12px);opacity:0}.ci-tagline{color:#dcb9648c;font-size:clamp(.7rem,1.8vw,1rem);font-weight:400;letter-spacing:.35em;margin:0;opacity:0;text-transform:uppercase}@media (max-width:640px){.ci-title{font-size:clamp(22px,8vw,40px);letter-spacing:1px}.ci-tagline{font-size:12px;padding:0 18px;text-align:center}.ci-separator{width:60%}}@media (prefers-reduced-motion:reduce){.ci-flicker,.ci-grain,.cinema-intro *{animation:none!important;transition:none!important}}.movie-details-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:32px 20px 48px;position:fixed;z-index:3000}.movie-details-content{animation:detailsSlideUp .3s ease-out;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:860px;padding:36px 40px;position:relative;width:100%}@keyframes detailsSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.movie-details-tabs{display:flex;gap:6px;margin-bottom:28px}.movie-tab{background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:9px 18px;transition:all var(--transition)}.movie-tab:hover{border-color:var(--border-hover);color:var(--text)}.movie-tab--active{background:var(--bg-card);border-color:var(--border-active);color:var(--text)}.comic-poster-section{display:flex;justify-content:center;margin-bottom:20px}.comic-poster-img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:72vh;max-width:100%;object-fit:contain}.movie-details-header{display:flex;gap:32px;margin-bottom:28px}.movie-details-poster{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-shrink:0;height:330px;object-fit:cover;width:220px}.movie-details-info{display:flex;flex:1 1;flex-direction:column;gap:12px}.movie-details-info h2{color:var(--text);font-size:1.6rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0}.movie-title-en{color:var(--text-muted);font-size:1rem;font-style:italic;margin:0}.movie-meta{display:flex;flex-wrap:wrap;gap:8px}.movie-meta span{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8rem;padding:5px 11px}.movie-ratings{display:flex;flex-wrap:wrap;gap:10px}.rating{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:7px;padding:7px 13px}.rating-label{color:var(--text-muted);font-size:.8rem}.rating-value{color:var(--text);font-size:1rem;font-weight:800}.movie-genres{display:flex;flex-wrap:wrap;gap:6px}.genre-tag{background:var(--bg-card);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:.78rem;padding:5px 11px}.movie-description-section{border-top:1px solid var(--border);margin-bottom:24px;padding-top:20px}.movie-description-section h3{color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.6px;margin:0 0 10px;text-transform:uppercase}.movie-description-section p{color:var(--text-secondary);font-size:.9rem;line-height:1.65;margin:0}.movie-trailer{margin-bottom:24px}.trailer-link{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:11px 20px;text-decoration:none;transition:all var(--transition)}.trailer-link:hover{background:var(--bg-surface);border-color:var(--border-hover)}.edit-input,.edit-textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text);font-size:.9rem;margin-bottom:10px;padding:10px 13px;transition:border-color var(--transition);width:100%}.edit-input::placeholder,.edit-textarea::placeholder{color:var(--text-muted)}.edit-input:focus,.edit-textarea:focus{border-color:var(--border-active);outline:none}.edit-textarea{font-family:inherit;min-height:100px;resize:vertical}.edit-row{display:flex;gap:10px;margin-bottom:10px}.edit-input-small{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);flex:1 1;font-size:.9rem;padding:10px 13px;transition:border-color var(--transition)}.edit-input-small::placeholder{color:var(--text-muted)}.edit-input-small:focus{border-color:var(--border-active);outline:none}.movie-details-actions{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px;padding-top:20px}.error-message{background:#c0504026;border:1px solid #c050404d;font-size:.875rem;margin-bottom:16px;padding:11px 14px;text-align:center}@media (max-width:768px){.movie-details-content{padding:28px 20px}.movie-details-header{align-items:center;flex-direction:column;gap:20px;text-align:center}.movie-details-poster{height:270px;width:180px}.movie-details-info h2{font-size:1.3rem}.movie-genres,.movie-meta,.movie-ratings{justify-content:center}}@media (max-width:640px){.movie-details-content{border-radius:16px 16px 0 0;display:block;max-height:92vh;overflow-y:auto}.movie-details-overlay{align-items:flex-end}.movie-details-poster{display:block;margin:0 auto 14px;max-width:240px;width:100%}.movie-details-info{padding:0 14px 14px}.movie-description-section{font-size:14px;line-height:1.6}.movie-details-actions{flex-direction:column;gap:8px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.movie-details-actions button{min-height:46px;width:100%}.close-button{min-height:44px;min-width:44px}}.auth-form-container{display:flex;flex-direction:column;max-width:380px;width:100%}.auth-invite-banner{align-items:center;background:linear-gradient(135deg,#6e8ab026,#5a76a314);border:1px solid #6e8ab059;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:13px;gap:10px;line-height:1.4;margin-bottom:18px;padding:12px 14px}.auth-invite-icon{flex-shrink:0;font-size:18px}.auth-invite-banner strong{color:var(--text);font-family:monospace;font-size:14px;letter-spacing:1px}.auth-tabs{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:2px;margin-bottom:22px;padding:4px}.auth-tab{background:#0000;border:none;border-radius:7px;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:13px;font-weight:500;margin:0;padding:9px 6px;transition:all var(--transition);white-space:nowrap}.auth-tab:hover:not(.active){background:var(--bg-elevated);color:var(--text-secondary)}.auth-tab.active{background:var(--accent-gradient);box-shadow:0 2px 12px var(--accent-glow);color:#fff;font-weight:600}.auth-error{background:#b91c1c14;border:1px solid #b91c1c38;border-radius:var(--radius-sm);color:var(--error);font-size:13px;font-weight:500;margin-bottom:16px;padding:10px 14px}.auth-form{animation:auth-form-in .18s ease;gap:12px}@keyframes auth-form-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-field-label{align-items:center;color:var(--text-muted);display:flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.5px;text-transform:uppercase}.auth-optional{color:var(--text-muted);font-size:10px;font-weight:400;letter-spacing:0;opacity:.7;text-transform:none}.auth-field input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text);font-size:15px;margin:0;max-width:100%;outline:none;padding:12px 14px;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.auth-field input::placeholder{color:var(--text-muted)}.auth-field input:focus{border-color:var(--border-active);box-shadow:0 0 0 3px #6e8ab01f}.auth-field input:disabled{cursor:not-allowed;opacity:.5}.auth-password-wrap{align-items:center;display:flex;position:relative}.auth-password-wrap input{padding-right:44px}.auth-eye-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;position:absolute;right:12px;transition:color var(--transition)}.auth-eye-btn:hover{color:var(--text-secondary)}.auth-password-strength{align-items:center;display:flex;gap:8px;margin-top:4px}.auth-strength-bar{border-radius:2px;height:3px;min-width:4px;transition:width .3s ease,background-color .3s ease}.auth-strength-bar.weak{background:#ef4444}.auth-strength-bar.medium{background:#f59e0b}.auth-strength-bar.strong{background:#22c55e}.auth-strength-label{color:var(--text-muted);font-size:10px;font-weight:600;white-space:nowrap}.auth-submit{background:var(--accent-gradient);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 16px var(--accent-glow);color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.2px;margin-top:8px;padding:13px;transition:all var(--transition);width:100%}.auth-submit:hover:not(:disabled){box-shadow:0 8px 24px var(--accent-glow);filter:brightness(1.1);transform:translateY(-2px)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{box-shadow:none!important;cursor:not-allowed;filter:none!important;opacity:.42;transform:none!important}.auth-submit-inner{align-items:center;display:flex;gap:8px;justify-content:center}.auth-spinner{animation:auth-spin .65s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;flex-shrink:0;height:14px;width:14px}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-hint{color:var(--text-muted);font-size:13px;margin-top:14px;text-align:center}.link-button{background:none;border:none;color:var(--accent-light);cursor:pointer;font-size:13px;font-weight:600;margin:0 0 0 4px;padding:0;text-decoration:underline;transition:color var(--transition)}.link-button:hover{color:var(--text)}.auth-quick-info{background:#6e8ab012;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px;line-height:1.5;margin-top:12px;padding:12px 14px}@media (max-width:480px){.auth-field input,.auth-submit{font-size:16px;min-height:46px}}.auth-consent{font-size:.85rem;line-height:1.5;margin:12px 0 16px;width:100%}.auth-consent-label{cursor:pointer;display:block;min-height:18px;padding-left:26px;position:relative}.auth-consent-label input[type=checkbox]{cursor:pointer;left:0;margin:0;position:absolute;top:3px}.auth-consent-label span{color:#9ca3af;color:var(--text-secondary,#9ca3af);display:block;overflow-wrap:anywhere;word-break:normal}.auth-consent-label .link-button{white-space:normal}.auth-privacy-text{background:#ffffff0a;background:var(--bg-secondary,#ffffff0a);border:1px solid #ffffff14;border:1px solid var(--border-color,#ffffff14);border-radius:10px;font-size:.78rem;line-height:1.55;margin-top:10px;max-height:220px;overflow-y:auto;padding:12px 14px}.auth-privacy-text p{margin:0 0 8px}.auth-privacy-text p:last-child{margin-bottom:0}.genre-questionnaire{align-items:center;background:var(--bg-base);display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:10000}.questionnaire-content{animation:slideUp .4s ease-out;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:800px;padding:40px;width:100%}.questionnaire-header{margin-bottom:36px;text-align:center}.questionnaire-header h1{color:var(--text);font-size:2.2rem;font-weight:700;margin:0 0 10px}.questionnaire-header p{color:var(--text-secondary);font-size:1rem;margin:0 0 24px}.progress-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;height:6px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:var(--accent-gradient);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:var(--text-muted);font-size:.88rem;font-weight:500}.genres-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:28px}.genre-card{align-items:center;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:10px;min-height:110px;padding:18px;position:relative;transition:all var(--transition)}.genre-questionnaire .genre-card .genre-card-label{color:var(--text);display:block!important;font-size:.95rem;font-weight:600;min-height:1.4em;opacity:1!important;order:-1;text-align:center;visibility:visible!important}.genre-card:hover{background:var(--bg-elevated);border-color:var(--border-hover);box-shadow:var(--shadow-sm),0 0 0 1px var(--border-hover);transform:translateY(-3px)}.genre-card.selected{background:var(--accent-gradient);border-color:#0000;box-shadow:var(--shadow-md),var(--shadow-glow)}.genre-icon{align-items:center;color:var(--text);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.genre-icon svg{display:block;height:40px;width:40px}.genre-card.selected .genre-icon,.genre-questionnaire .genre-card.selected .genre-card-label{color:#fff}.check-mark{align-items:center;background:#ffffff40;border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:22px;justify-content:center;position:absolute;right:8px;top:8px;width:22px}.questionnaire-footer{display:flex;gap:14px;justify-content:space-between;margin-top:28px}.next-button,.skip-button{border:none;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:14px 28px;transition:all var(--transition)}.skip-button{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary)}.skip-button:hover{background:var(--bg-elevated);border-color:var(--border-hover);color:var(--text)}.next-button{background:var(--accent-gradient);box-shadow:var(--shadow-sm),var(--shadow-glow);color:#fff}.next-button:hover:not(:disabled){box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-2px)}.next-button:disabled{cursor:not-allowed;opacity:.45}.selected-count{color:var(--accent-light);font-size:.92rem;font-weight:600;margin-top:16px;text-align:center}@media (max-width:768px){.questionnaire-content{padding:22px}.questionnaire-header h1{font-size:1.8rem}.genres-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.genre-card{min-height:96px;padding:14px}.genre-icon,.genre-icon svg{height:34px;width:34px}}@media (max-width:640px){.genres-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.genre-card{min-height:92px;padding:14px 10px}.genre-icon{font-size:24px}.genre-card-label{font-size:12.5px}.questionnaire-content{padding:14px}.questionnaire-header{padding:14px 14px 8px}.questionnaire-footer{flex-direction:column;gap:8px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.next-button,.skip-button{min-height:46px;width:100%}}@media (max-width:400px){.genres-grid{grid-template-columns:1fr}.genre-card{flex-direction:row;gap:12px;justify-content:flex-start;min-height:60px;text-align:left}}.recommendation-page{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.recommendation-content{animation:slideUp .4s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;box-shadow:0 20px 60px #00000080;max-width:1000px;padding:40px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close-button{background:#fff3;border:none;color:#fff;font-size:32px;height:40px;right:20px;top:20px;transition:all .3s ease;width:40px}.close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.recommendation-header{margin-bottom:30px;text-align:center}.recommendation-header h2{color:#fff;font-size:32px;margin:0 0 10px}.recommendation-header>p{color:#ffffffe6;font-size:16px;margin:0 0 20px}.selected-genres{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:15px}.genre-badge{background:#fff3;border-radius:20px;color:#fff;font-size:14px;font-weight:500;padding:6px 12px}.recommendations-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:30px}.recommendation-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #0000;border-radius:16px;cursor:pointer;padding:15px;transition:all .3s ease}.recommendation-card:hover{border-color:#ffffff80;box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.recommendation-card.selected{background:#ffffff40;border-color:#fff;box-shadow:0 8px 24px #0006}.recommendation-poster{border-radius:12px;height:250px;margin-bottom:12px;object-fit:cover;width:100%}.recommendation-info{color:#fff;text-align:center}.recommendation-info h3{font-size:16px;font-weight:600;margin:0 0 8px}.movie-year{color:#fffc;font-size:12px;margin:4px 0!important}.movie-rating{color:#ffffffe6;font-size:12px;margin-top:8px}.streaming-links-section{border-top:2px solid #fff3;margin-top:30px;padding-top:30px;text-align:center}.streaming-links-section h3{color:#fff;margin-bottom:20px}.streaming-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.streaming-link{align-items:center;background:#fff3;border-radius:12px;color:#fff;display:flex;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.streaming-link:hover{background:#ffffff4d;transform:translateY(-2px)}.recommendation-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.recommendation-actions .primary-button,.recommendation-actions .secondary-button{font-size:16px;padding:12px 24px}.link-icon{font-size:20px}.loading,.no-recommendations{color:#fff;padding:40px;text-align:center}.no-recommendations p{font-size:16px;margin-bottom:20px}@media (max-width:768px){.recommendation-content{padding:30px 20px}.recommendations-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.recommendation-poster{height:200px}}@media (max-width:640px){.recommendation-content{display:block;padding:14px}.recommendation-header{align-items:flex-start;flex-direction:column;gap:8px}.recommendation-info{font-size:13.5px}.recommendation-actions{flex-direction:column;gap:8px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.recommendation-actions .primary-button,.recommendation-actions button{min-height:46px;width:100%}.close-button{min-height:44px;min-width:44px}}.profile-page{align-items:flex-start;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:32px 20px 40px;position:fixed;z-index:2000}.profile-content{animation:profileSlideUp .3s ease-out;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:680px;padding:36px 40px;position:relative;width:100%}@keyframes profileSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-button{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;line-height:1;position:absolute;right:18px;top:18px;transition:all var(--transition);width:36px}.close-button:hover{border-color:var(--border-hover);color:var(--text)}.profile-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:20px;margin-bottom:32px;padding-bottom:24px}.profile-avatar{align-items:center;background:var(--accent-gradient);border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;display:flex;flex-shrink:0;font-size:28px;font-weight:800;height:72px;justify-content:center;width:72px}.profile-header-info{flex:1 1;min-width:0}.profile-header h2{color:var(--text);font-size:1.35rem;font-weight:700;letter-spacing:-.3px;margin:0 0 4px}.profile-email{color:var(--text-secondary);font-size:.875rem;margin:0}.profile-streak{align-items:center;background:#fb923c24;border:1px solid #fb923c59;border-radius:14px;color:#fb923c;display:inline-flex;font-size:.82rem;font-weight:700;gap:5px;margin-top:8px;padding:4px 10px}.profile-streak svg{height:13px;width:13px}.profile-section{margin-bottom:28px}.profile-section h3{color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.6px;margin:0 0 14px;text-transform:uppercase}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;text-align:center;transition:border-color var(--transition)}.stat-card:hover{border-color:var(--border-hover)}.stat-value{color:var(--text);font-size:1.6rem;font-weight:800;margin-bottom:4px}.stat-label{color:var(--text-secondary);font-size:.75rem}.stats-error,.stats-loading{color:var(--text-secondary);font-size:.9rem;padding:20px 0;text-align:center}.stats-error{color:var(--error)}.profile-genres-grid{display:flex;flex-wrap:wrap;gap:8px}.profile-genre-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:8px;padding:8px 14px;transition:border-color var(--transition)}.profile-genre-card:hover{border-color:var(--border-hover)}.profile-genre-icon{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.profile-genre-icon svg{display:block;height:22px;width:22px}.profile-genre-card--selected .profile-genre-icon{color:#fff}.profile-genre-name{color:var(--text);font-size:.85rem;font-weight:500}.no-genres{color:var(--text-secondary);padding:24px 0;text-align:center}.no-genres p{margin:6px 0}.hint{color:var(--text-muted);font-size:.8rem}.profile-watchlist-count{align-items:center;background:var(--accent-gradient);border-radius:10px;color:#fff;display:inline-flex;font-size:.78rem;font-weight:700;justify-content:center;margin-left:8px;padding:1px 8px;vertical-align:middle}.profile-watchlist{display:flex;flex-direction:column;gap:10px;margin-top:8px}.profile-watchlist-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:12px;padding:10px 12px;transition:border-color var(--transition)}.profile-watchlist-item:hover{border-color:var(--border-hover)}.profile-watchlist-item img{background:var(--bg-elevated);border-radius:6px;flex-shrink:0;height:62px;object-fit:cover;width:44px}.profile-watchlist-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.profile-watchlist-title{color:var(--text);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-watchlist-meta{color:var(--text-secondary);font-size:.78rem}.profile-watchlist-rating{color:#f59e0b;font-size:.78rem;font-weight:600}.profile-watchlist-remove{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:background var(--transition),color var(--transition);width:30px}.profile-watchlist-remove:hover{background:#ef44441f;color:var(--dislike)}.profile-watchlist-remove svg{height:16px;width:16px}.profile-actions{display:flex;justify-content:center;margin-top:24px}.sub-active{align-items:center;background:var(--bg-card);border:1px solid #ffd70040;border-radius:var(--radius-md);display:flex;gap:14px;padding:16px 20px}.sub-badge{background:linear-gradient(135deg,gold,#ff8c00);border-radius:999px;color:#1a1a1a;flex-shrink:0;font-size:.8rem;font-weight:800;letter-spacing:.5px;padding:5px 12px}.sub-info{color:var(--text-secondary);font-size:.875rem}.sub-inactive{display:flex;flex-direction:column;gap:12px}.sub-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.sub-activate-btn{align-self:flex-start;background:linear-gradient(135deg,gold,#ff8c00);border:none;border-radius:var(--radius-md);color:#1a1a1a;cursor:pointer;font-size:.9rem;font-weight:700;padding:13px 20px;transition:opacity var(--transition)}.sub-activate-btn:hover:not(:disabled){opacity:.88}.sub-activate-btn:disabled{cursor:not-allowed;opacity:.5}.news-list{gap:10px}.news-card,.news-list{display:flex;flex-direction:column}.news-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);gap:8px;padding:16px 18px;transition:border-color var(--transition)}.news-card:hover{border-color:var(--border-hover)}.news-card-link{color:inherit;display:block;text-decoration:none}.news-card-link:hover{color:inherit}.news-card-header{align-items:center;display:flex;gap:8px}.news-icon{font-size:1rem}.news-tag{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:.72rem;font-weight:700;padding:3px 9px}.news-date{color:var(--text-muted);font-size:.75rem;margin-left:auto}.news-title{color:var(--text);font-size:.95rem;font-weight:700;margin:0}.news-summary{color:var(--text-secondary);font-size:.85rem;line-height:1.55;margin:0}.news-locked{align-items:flex-start;display:flex;flex-direction:column;gap:12px;padding:4px 0}.news-lock-icon{font-size:1.5rem}.news-locked p{color:var(--text-secondary);font-size:.875rem;margin:0}.news-previews{display:flex;flex-direction:column;gap:8px;width:100%}.news-preview-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;filter:blur(2px);gap:10px;opacity:.45;padding:10px 14px;-webkit-user-select:none;user-select:none}.news-preview-title{color:var(--text-secondary);font-size:.85rem;font-weight:600}@media (max-width:768px){.profile-content{padding:28px 20px}.profile-header{gap:14px}.profile-avatar{font-size:22px;height:56px;width:56px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.3rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}}.sidebar{background:var(--bg-surface);background-image:linear-gradient(180deg,#8b5cf60f,#0000 40%);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;height:100dvh;left:0;overflow-x:hidden;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;top:0;transition:transform .3s ease;width:var(--sidebar-w);z-index:200}.sidebar-logo{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:flex;flex-shrink:0;gap:10px;padding:22px 20px 18px;transition:opacity .15s ease}.sidebar-logo:hover{opacity:.85}.sidebar-logo-icon{align-items:center;color:var(--accent-light);display:flex;height:26px;justify-content:center;width:26px}.sidebar-logo-icon svg{display:block;height:24px;width:24px}.sidebar-logo-text{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800;letter-spacing:-.5px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:12px 10px}.sidebar-group{margin-bottom:4px}.sidebar-group-title{color:var(--text-muted);display:block;font-size:10px;font-weight:700;letter-spacing:.9px;padding:10px 14px 5px;text-transform:uppercase}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-left:2px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:9px 12px;position:relative;text-align:left;transition:all var(--transition);width:100%}.sidebar-nav-item:hover{background:#ffffff0d;color:var(--text);transform:translateX(2px)}.sidebar-nav-item:hover .sidebar-nav-icon{color:var(--accent-light);transform:scale(1.08)}.sidebar-nav-item.active{background:#8b5cf624;border-left-color:var(--accent);color:var(--accent-light);font-weight:600;padding-left:10px}.sidebar-nav-item.active:after{background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent-glow);content:"";height:6px;position:absolute;right:12px;width:6px}.sidebar-nav-item--admin{color:#fbbf24}.sidebar-nav-item--admin:hover{background:#f59e0b1a;color:#fbbf24}.sidebar-nav-item--admin.active{background:#f59e0b24;border-left-color:#f59e0b;color:#fbbf24}.sidebar-nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:transform .18s ease,color .18s ease;width:20px}.sidebar-nav-icon svg{display:block;flex-shrink:0;height:18px;width:18px}.sidebar-nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav-indicator{background:var(--accent);border-radius:50%;flex-shrink:0;height:4px;width:4px}.sidebar-footer{border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:12px 10px max(16px,env(safe-area-inset-bottom,16px))}.sidebar-user{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-align:left;transition:all var(--transition);width:100%}.sidebar-user:hover{background:var(--bg-card);border-color:var(--border-hover)}.sidebar-user-avatar{align-items:center;background:var(--accent-gradient);border-radius:50%;box-shadow:0 2px 10px var(--accent-glow);color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:36px;justify-content:center;width:36px}.sidebar-user-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.sidebar-user-name{color:var(--text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:var(--text-muted);font-size:11px}.sidebar-theme-toggle{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:2px;padding:9px 12px;text-align:left;transition:all var(--transition);width:100%}.sidebar-theme-toggle:hover{background:var(--bg-card);border-color:var(--border-hover);color:var(--text)}.sidebar-logout{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:9px 12px;text-align:left;transition:all var(--transition);width:100%}.sidebar-logout:hover{background:#ef44441a;color:#ef4444}.mobile-topbar{align-items:flex-end;background:var(--bg-surface);border-bottom:1px solid var(--border);display:none;height:calc(56px + env(safe-area-inset-top, 0px));justify-content:space-between;left:0;padding:env(safe-area-inset-top,0) 16px 8px;position:fixed;right:0;top:0;z-index:199}.mobile-menu-btn{background:#0000;border:none;border-radius:var(--radius-xs);color:var(--text);cursor:pointer;font-size:20px;padding:8px;transition:background var(--transition)}.mobile-menu-btn:hover{background:var(--bg-elevated)}.mobile-topbar-logo{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:800}.mobile-topbar-right{align-items:center;display:flex;gap:8px}.mobile-theme-btn{background:#0000;border:none;border-radius:var(--radius-xs);cursor:pointer;font-size:18px;line-height:1;padding:6px;transition:background var(--transition)}.mobile-theme-btn:hover{background:var(--bg-elevated)}.mobile-topbar-avatar{align-items:center;background:var(--accent-gradient);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:34px;justify-content:center;width:34px}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:none;inset:0;position:fixed;z-index:199}.mobile-bottom-nav{align-items:flex-start;background:var(--bg-surface);border-top:1px solid var(--border);bottom:0;display:none;gap:4px;height:calc(64px + env(safe-area-inset-bottom, 0px));justify-content:stretch;left:0;padding:4px 4px env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:198}.mobile-nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:10px;font-weight:500;gap:3px;justify-content:center;padding:6px 4px;transition:color var(--transition)}.mobile-nav-item .sidebar-nav-icon,.mobile-nav-item .sidebar-nav-icon svg{height:22px;width:22px}.mobile-nav-item.active{color:var(--accent-light)}.mobile-nav-item:hover{color:var(--text)}@media (max-width:900px){.sidebar{box-shadow:none;transform:translateX(-100%)}.sidebar--open{box-shadow:var(--shadow-lg);transform:translateX(0)}.sidebar-overlay{display:block}.mobile-bottom-nav,.mobile-topbar{display:flex}.app-main{padding-top:calc(56px + env(safe-area-inset-top, 0px))}}.sidebar-lock-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.sidebar-lock-modal{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:16px;display:flex;flex-direction:column;gap:12px;max-width:360px;padding:32px;text-align:center;width:100%}.sidebar-lock-icon{font-size:48px}.sidebar-lock-modal h3{font-size:1.25rem;font-weight:700;margin:0}.sidebar-lock-modal p{color:#888;color:var(--text-secondary,#888);font-size:.9rem;line-height:1.5;margin:0}.sidebar-lock-btn{background:linear-gradient(135deg,#6c63ff,#e040fb);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:opacity .2s}.sidebar-lock-btn:hover{opacity:.88}.sidebar-lock-close{background:#0000;border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:10px;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:.9rem;padding:10px 24px}.App{color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif}.App,.app-layout{background:var(--bg-base);min-height:100vh}.app-layout{display:flex}.app-main{flex:1 1;flex-direction:column;margin-left:var(--sidebar-w);overflow-x:hidden}.app-main,.auth-container{display:flex;min-height:100vh}.auth-left{align-items:center;background:#000;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:60px 48px;position:relative}.auth-brand{color:#fff;text-align:center;z-index:1}.auth-brand-svg{display:block;filter:drop-shadow(0 6px 24px rgba(0,0,0,.35));height:84px;margin-bottom:24px;width:120px}.auth-brand h1{color:#fff;font-size:2.8rem;font-weight:800;letter-spacing:-1px;margin-bottom:12px}.auth-brand p{color:#fff;font-size:1.1rem;line-height:1.6;max-width:320px;opacity:.85}.auth-features{display:flex;flex-direction:column;gap:16px;margin-top:40px}.auth-feature{align-items:center;color:#ffffffe0;display:flex;font-size:.95rem;gap:14px}.auth-feature-icon{background:#ffffff26;border-radius:10px;font-size:18px;height:40px;width:40px}.auth-feature-icon,.auth-right{align-items:center;display:flex;flex-shrink:0;justify-content:center}.auth-right{background:var(--bg-surface);max-width:100%;padding:40px;width:480px}@media (max-width:900px){.auth-container{flex-direction:column}.auth-left{flex:none;padding:40px 24px}.auth-brand h1{font-size:2rem}.auth-features{display:none}.auth-right{max-width:100%;padding:32px 20px;width:100%}}.auth-form{display:flex;flex-direction:column;gap:14px;width:100%}.page-content{max-width:1100px;padding:32px 36px}.App h1,.app-main h1{font-size:1.9rem;font-weight:700;letter-spacing:-.5px}.App h1,.App h2,.app-main h1,.app-main h2{color:var(--text);margin-bottom:8px;text-shadow:none}.App h2,.app-main h2{font-size:1.4rem;font-weight:600}.App h3,.app-main h3{color:var(--text);font-size:1.1rem;font-weight:600;text-shadow:none}.App p,.app-main p{color:var(--text-secondary);font-size:.95rem}button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;line-height:1.4;margin:0;padding:10px 20px;transition:all var(--transition)}.primary-button{background:var(--accent-gradient);border:none;box-shadow:0 4px 14px var(--accent-glow);color:#fff}.primary-button:hover:not(:disabled){box-shadow:0 6px 20px var(--accent-glow);filter:brightness(1.1);transform:translateY(-2px)}.primary-button:active:not(:disabled){transform:translateY(0)}.secondary-button{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text)}.secondary-button:hover:not(:disabled){background:var(--bg-card);border-color:var(--border-hover);transform:translateY(-1px)}.admin-button{background:#f59e0b1f!important;border:1px solid #f59e0b4d!important;color:#f59e0b!important}.admin-button:hover:not(:disabled){background:#f59e0b33!important;border-color:#f59e0b80!important}.football-button{background:#10b9811f!important;border:1px solid #10b9814d!important;color:#10b981!important}.football-button:hover:not(:disabled){background:#10b98133!important;border-color:#10b98180!important}button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.4;transform:none!important}.primary-button.large{font-size:16px;padding:14px 28px;width:100%}input,select,textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:15px;outline:none;padding:12px 14px;transition:border-color var(--transition),box-shadow var(--transition);width:100%}input::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--border-active);box-shadow:0 0 0 3px #6e8ab01f}input:disabled{cursor:not-allowed;opacity:.5}.input-field{width:100%}.error-message{background:#ef44441a;border:1px solid #ef444440;border-radius:var(--radius-sm);color:var(--error);font-size:14px;font-weight:500;margin-top:12px;padding:10px 16px}.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:16px;justify-content:center;min-height:400px}.room-selection-container{display:flex;flex-direction:column;gap:0;max-width:1000px;padding:32px 36px;width:100%}.header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px;width:100%}.header h1{font-size:1.75rem;margin:0}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.welcome-message{color:var(--text-secondary);font-size:14px;margin-top:6px}.user-preferences{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:12px;padding:12px 16px}.preferences-label{color:var(--text-muted);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.preferences-tags{display:flex;flex-wrap:wrap;gap:6px}.preference-tag{background:#6e8ab024;border:1px solid #6e8ab047;border-radius:20px;color:var(--accent-light);font-size:12px;font-weight:500;padding:4px 10px}.room-actions-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:28px;width:100%}.create-room-card,.join-room-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.create-room-card:hover,.join-room-card:hover{background:var(--bg-card);border-color:var(--border-hover);box-shadow:0 8px 32px #00000059,0 0 0 1px var(--border-hover);transform:translateY(-3px)}.create-room-card h2,.join-room-card h2{color:var(--text);font-size:1.2rem;margin-bottom:8px}.create-room-card p,.join-room-card p{color:var(--text-secondary);font-size:13px;margin-bottom:18px}.join-room-form{display:flex;flex-direction:column;gap:12px}.code-input{font-family:Courier New,monospace!important;font-size:22px!important;font-weight:700!important;letter-spacing:10px!important;text-align:center}.available-rooms-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:28px;margin-top:12px;padding:24px;width:100%}.available-rooms-section h2{font-size:1.1rem;margin-bottom:16px;text-align:left}.rooms-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%}.room-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:16px;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.room-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.room-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.room-code-badge{background:#6e8ab026;border:1px solid #6e8ab04d;border-radius:var(--radius-sm);color:var(--accent-light);font-family:Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:3px;padding:6px 12px}.room-status{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:11px;padding:4px 8px}.room-card-footer{margin-top:12px}.join-room-button{background:#6e8ab01f;border:1px solid #6e8ab04d;border-radius:var(--radius-sm);color:var(--accent-light);cursor:pointer;font-size:13px;font-weight:600;padding:10px;transition:all var(--transition);width:100%}.join-room-button:hover:not(:disabled){background:#6e8ab038;border-color:var(--accent)}.join-room-button:disabled{cursor:not-allowed;opacity:.4}.apps-hub-section{margin-bottom:28px;width:100%}.apps-hub-title{color:var(--text-muted)!important;font-size:1rem!important;font-weight:600!important;letter-spacing:.6px;margin-bottom:14px!important;text-shadow:none!important;text-transform:uppercase}.apps-hub-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.apps-hub-card{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:14px;padding:14px 16px;text-align:left;transition:all var(--transition);width:100%}.apps-hub-card:hover{background:var(--bg-card);border-color:var(--border-hover);box-shadow:var(--shadow-sm),0 0 0 1px var(--border-hover);transform:translateY(-2px)}.apps-hub-card-icon{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.apps-hub-card-body{flex:1 1;min-width:0}.apps-hub-card-body strong{color:var(--text);display:block;font-size:14px;font-weight:600;margin-bottom:2px}.apps-hub-card-body p{color:var(--text-muted)!important;font-size:12px!important;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apps-hub-arrow{color:var(--text-muted);flex-shrink:0;font-size:16px}.swipe-container{display:flex;flex-direction:column;min-height:100vh;padding:24px 32px}.swipe-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.matches-badge{background:#f59e0b26;border:1px solid #f59e0b59;border-radius:20px;color:#f59e0b;font-size:14px;font-weight:600;margin-bottom:8px;padding:6px 14px}.cardContainer{align-items:center;background:#0000;display:flex;flex:1 1;height:min(840px,calc(100dvh - 200px));justify-content:center;margin:12px auto;max-width:min(560px,calc(100vw - 320px));max-width:min(560px,calc(100vw - var(--sidebar-w, 240px) - 80px));overflow:visible;position:relative}.card{background:var(--bg-elevated);border:1px solid #ffffff1f;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0d;cursor:grab;display:flex;flex-direction:column;height:min(800px,calc(100dvh - 230px));left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transition:box-shadow .3s ease;width:min(520px,calc(100vw - 340px));width:min(520px,calc(100vw - var(--sidebar-w, 240px) - 100px));will-change:transform}.card:hover{box-shadow:0 30px 70px #000000a6,0 0 0 1px var(--border-hover)}.card--active{animation:cardEnter .28s cubic-bezier(.34,1.4,.64,1) both;z-index:3}@keyframes cardEnter{0%{opacity:.6;transform:translate(-50%,-50%) scale(.93)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.card--behind-1{filter:brightness(.7);pointer-events:none;transform:translate(-50%,-47%) scale(.96);z-index:2}.card--behind-2{filter:brightness(.5);pointer-events:none;transform:translate(-50%,-44%) scale(.92);z-index:1}.card:active{cursor:grabbing}.card img{background:var(--bg-elevated);display:block;height:100%;inset:0;object-fit:cover;object-position:center top;position:absolute;width:100%}.card--comic img{object-position:center center}.card--comic .card-info{display:none}.card-info{background:linear-gradient(0deg,#000000eb 0,#000000c7 35%,#00000073 70%,#0000);bottom:0;color:#fff;display:flex;flex-direction:column;gap:8px;left:0;padding:18px 20px 20px;pointer-events:none;position:absolute;right:0}.card-info h3{color:#fff;font-size:24px;font-weight:700;line-height:1.2;margin:0;text-shadow:0 2px 8px #000000b3}.movie-details{display:flex;flex-wrap:wrap;gap:6px}.movie-details span{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff38;border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:4px 10px}.movie-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#ffffffeb;display:-webkit-box;font-size:13px;line-height:1.55;overflow:hidden;text-shadow:0 1px 4px #0009}.swipe-indicator{border:3px solid;border-radius:var(--radius-sm);font-size:18px;font-weight:900;letter-spacing:2px;opacity:0;padding:7px 16px;pointer-events:none;position:absolute;text-transform:uppercase;top:28px;z-index:10}.like-indicator{background:#10b9811f;border-color:var(--like);color:var(--like);left:16px;transform:rotate(-15deg)}.dislike-indicator{background:#ef44441f;border-color:var(--dislike);color:var(--dislike);right:16px;transform:rotate(15deg)}.swipe-actions{flex-shrink:0;gap:56px;margin:0;padding:12px 0 8px}.swipe-actions,.swipe-circle{align-items:center;display:flex;justify-content:center}.swipe-circle{background:#0000;border:2.5px solid;border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;font-size:24px;font-weight:700;height:68px;line-height:1;transition:transform .15s ease,box-shadow .18s ease,background .18s ease;width:68px}.swipe-circle:active:not(:disabled){transform:scale(.86)}.swipe-circle:disabled{opacity:.4;pointer-events:none}.like-circle{background:#10b98114;border-color:var(--like);color:var(--like)}.like-circle:hover:not(:disabled){background:#10b98133;box-shadow:0 0 22px var(--like-glow),var(--shadow-md);transform:scale(1.1)}.dislike-circle{background:#ef444414;border-color:var(--dislike);color:var(--dislike)}.dislike-circle:hover:not(:disabled){background:#ef444433;box-shadow:0 0 22px var(--dislike-glow),var(--shadow-md);transform:scale(1.1)}.undo-circle{background:#0000;border-color:var(--text-muted);color:var(--text-muted);font-size:20px;height:52px;width:52px}.undo-circle:hover:not(:disabled){background:#6e8ab01f;border-color:var(--accent-light);box-shadow:0 0 16px var(--accent-glow),var(--shadow-sm);color:var(--accent-light);transform:scale(1.08)}.watchlist-circle{background:#0000;border-color:#a78bfa;color:#a78bfa;font-size:20px;height:52px;width:52px}.watchlist-circle svg{height:22px;width:22px}.watchlist-circle:hover:not(:disabled){background:#a78bfa26;box-shadow:0 0 18px #a78bfa66,var(--shadow-sm);transform:scale(1.08)}.watchlist-circle--active{background:#a78bfa2e;border-color:#7c3aed;box-shadow:0 0 16px #7c3aed59;color:#7c3aed}.swipe-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.streak-badge{align-items:center;background:#fb923c26;border:1px solid #fb923c66;border-radius:20px;color:#fb923c;display:flex;font-size:14px;font-weight:700;gap:5px;padding:5px 12px}.streak-badge svg{height:14px;width:14px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-content{animation:modalAppear .3s ease;background:var(--bg-elevated);border:1px solid #ffffff1f;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--shadow-glow),0 0 0 1px #ffffff0a;max-width:480px;padding:32px;position:relative;width:100%}@keyframes modalAppear{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-close{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;margin:0;padding:0;position:absolute;right:14px;top:14px;transition:all var(--transition);width:32px}.modal-close:hover{background:var(--bg-card);border-color:var(--border-hover);color:var(--text)}.modal-content h2{color:var(--text);margin-bottom:20px;text-shadow:none}.match-movie{margin:20px 0;text-align:center}.match-movie img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);height:270px;margin:0 auto 14px;object-fit:cover;width:180px}.match-movie h3{color:var(--text);margin-bottom:8px;text-shadow:none}.match-movie p{color:var(--text-secondary);font-size:14px}.room-waiting-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.waiting-content{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0a;color:var(--text);max-width:780px;padding:36px;width:100%}.waiting-content h1{color:var(--text);font-weight:700;margin-bottom:6px}.waiting-message{color:var(--text-secondary);font-size:18px;font-weight:500;margin-bottom:24px}.invite-section{background:#6e8ab014;border:1px solid var(--border-active);border-radius:var(--radius-md);margin:18px 0;padding:18px 20px}.invite-section,.invite-section *{color:var(--text)}.invite-hint{color:var(--text-secondary);font-size:14px;font-weight:500;line-height:1.5;margin:0 0 12px}.invite-code-block{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.invite-code-label{color:var(--text-secondary);font-size:14px;font-weight:700}.invite-code-value{color:var(--accent-light);font-family:monospace;font-size:22px;font-weight:800;letter-spacing:.15em}.copy-code-btn{margin:0}.invite-public-block{background:#10b98114;border:1px solid #10b9814d;border-radius:var(--radius-sm);margin:14px 0;padding:14px}.invite-public-hint{color:#34d399;font-size:13px;font-weight:500;line-height:1.5;margin:0 0 10px}.invite-url-preview{color:#6ee7b7;display:block;font-size:11px;margin-top:8px;word-break:break-all}.invite-ip-block{margin:14px 0}.invite-ip-explanation{color:var(--text-secondary);font-size:13px;font-weight:500;line-height:1.5;margin:0 0 10px}.invite-ip-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.invite-ip-label{color:var(--text-secondary);flex:1 1 100%;font-size:13px;font-weight:700}.invite-ip-input{flex:1 1 140px;max-width:200px;min-width:120px}.invite-howto{background:#6e8ab01a;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1.5;margin-top:12px;padding:12px 14px}.invite-howto strong{color:var(--text)}.invite-howto ul{margin:6px 0 0;padding-left:18px}.invite-howto li{margin:4px 0}.invite-howto code{background:#6e8ab02e;border-radius:4px;color:var(--accent-light);font-size:11px;padding:1px 5px}.invite-howto a{color:var(--accent-light);font-weight:700;text-decoration:underline}.members-list{margin:24px 0}.members-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.members-list-header h2{color:var(--text);font-size:18px;font-weight:700;margin:0}.new-member-alert{animation:newMemberPulse .5s ease;background:#10b98126;border:1px solid #10b98166;border-radius:var(--radius-sm);color:#34d399;font-size:14px;font-weight:700;margin-bottom:10px;padding:10px 14px}@keyframes newMemberPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.members-empty-hint{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:var(--radius-sm);color:#fbbf24;font-size:13px;font-weight:500;margin:0 0 10px;padding:10px 14px}.members-updated-at{color:var(--text-muted);font-size:12px;margin:0 0 10px}.refresh-members-btn{margin:0}.members-list h2{color:var(--text);font-size:18px;font-weight:700;margin-bottom:16px}.members-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:24px}.member-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);display:flex;flex-direction:column;padding:18px;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.member-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.member-avatar{align-items:center;background:var(--accent-gradient);border-radius:50%;box-shadow:0 4px 14px var(--accent-glow);color:#fff;display:flex;font-size:20px;font-weight:700;height:52px;justify-content:center;margin-bottom:10px;width:52px}.member-info h3{color:var(--text);font-size:15px;margin:0;text-align:center;text-shadow:none}.host-badge{background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:12px;color:#fbbf24;display:inline-block;font-size:11px;margin-top:6px;padding:3px 10px}.start-room-section{background:#6e8ab014;border:1px solid var(--border-active);border-radius:var(--radius-md);color:var(--text);margin:32px 0;padding:24px}.start-hint{color:var(--text-secondary);font-size:16px;margin-bottom:16px}.start-button{font-size:18px;margin-top:8px;padding:14px 40px}.start-button:disabled{cursor:not-allowed;opacity:.4}.waiting-for-host{background:#6e8ab014;border:1px solid var(--border-active);border-radius:var(--radius-md);color:var(--accent-light);font-size:16px;font-weight:600;margin:24px 0;padding:18px}.no-more-movies{align-items:center;color:var(--text);display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:900px;min-height:400px;padding:32px 20px;width:100%}.no-more-movies-header{margin-bottom:24px;text-align:center}.no-more-movies h2{color:var(--text);font-size:1.7rem;margin-bottom:8px}.no-more-movies-sub{color:var(--text-secondary);font-size:.95rem;margin:0}.no-more-movies-sub code,.no-movies-empty code{background:var(--bg-elevated);border-radius:var(--radius-xs);color:var(--accent-light);font-size:.9em;padding:2px 8px}.no-more-movies-content,.no-more-movies-empty{align-items:center;display:flex;flex-direction:column;width:100%}.matches-section-title{color:var(--text);font-size:1.2rem;margin-bottom:6px}.matches-section-hint{color:var(--text-secondary);font-size:.9rem;margin-bottom:20px}.matches-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));justify-items:center;margin-bottom:24px;width:100%}.match-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);max-width:190px;overflow:hidden;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);width:100%}.match-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-4px)}.match-card-poster{aspect-ratio:2/3;display:block;object-fit:cover;width:100%}.match-card-info{padding:12px;text-align:center}.match-card-info h4{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text);display:-webkit-box;font-size:.9rem;line-height:1.3;margin:0 0 4px;overflow:hidden}.match-card-year{color:var(--text-muted);display:block;font-size:.8rem;margin-bottom:10px}.match-watch-button{font-size:.85rem;margin:0;padding:8px 12px;width:100%}.no-more-back{margin-top:10px}.no-more-movies-empty p{color:var(--text-secondary);margin-bottom:14px}.premieres-mobile-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:28px;margin-top:24px;padding:20px;width:100%}.premieres-mobile-section h2{color:var(--text);font-size:1.1rem;margin-bottom:16px;text-align:left}.premieres-mobile-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.premiere-mobile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:12px;transition:all var(--transition)}.premiere-mobile-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.premiere-mobile-poster{border-radius:var(--radius-sm);height:190px;margin-bottom:10px;object-fit:cover;width:100%}.premiere-mobile-info{color:var(--text)}.premiere-mobile-title{color:var(--text);font-size:13px;font-weight:600;margin:0 0 5px}.premiere-mobile-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:11px;line-height:1.4;margin:0 0 5px;overflow:hidden}.premiere-mobile-date{color:var(--text-muted);font-size:10px}.app-footer{background:var(--bg-surface);border-top:1px solid var(--border);margin-top:48px;padding:32px 20px 20px;width:100%}.footer-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto 24px;max-width:900px}.footer-section{text-align:left}.footer-section h3{color:var(--text);font-size:1rem;margin-bottom:12px;text-shadow:none}.footer-section p{color:var(--text-muted);font-size:13px;margin:8px 0}.footer-section a{color:var(--accent-light);text-decoration:none;transition:color var(--transition)}.footer-section a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);margin:0 auto;max-width:900px;padding-top:16px;text-align:center}.footer-bottom p{color:var(--text-muted);font-size:13px;margin:0}.football-back-button{left:calc(var(--sidebar-w) + 16px);position:fixed;top:20px;z-index:100}.football-back-button .primary-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);font-size:14px;padding:10px 20px}.football-back-button .primary-button:hover{background:var(--bg-card);border-color:var(--border-hover)}@media (max-width:900px){.app-main{margin-left:0;padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px))}.football-back-button{left:16px}.room-selection-container{padding:20px 16px}.apps-hub-grid,.footer-content,.room-actions-section,.rooms-grid{grid-template-columns:1fr}.swipe-container{height:calc(100dvh - 56px - env(safe-area-inset-top, 0px));min-height:0;min-height:auto;overflow:hidden;padding:14px 12px 0}.cardContainer{flex:1 1;height:auto;margin:8px auto 0;max-width:100%;min-height:0}.card{height:min(620px,calc(100dvh - 190px));width:min(400px,calc(100vw - 28px))}.card-info{padding:14px 14px 16px}.card-info h3{font-size:19px}.swipe-actions{gap:36px;padding:10px 0 max(14px,env(safe-area-inset-bottom,14px))}.swipe-circle{font-size:21px;height:60px;width:60px}.header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.waiting-content{padding:24px 18px}.matches-grid{grid-template-columns:repeat(2,1fr)}.modal-content{max-width:95%;padding:24px 18px}}@media (max-width:480px){.room-selection-container{padding:16px 12px}.swipe-container{padding:10px 10px 0}.card{height:min(560px,calc(100dvh - 185px));width:min(360px,calc(100vw - 20px))}.card-info{padding:12px 12px 14px}.card-info h3{font-size:17px}.swipe-circle{font-size:20px;height:56px;width:56px}.swipe-actions{gap:28px}.create-room-card,.join-room-card{padding:20px 16px}.available-rooms-section{padding:16px 12px}.premieres-mobile-grid{grid-template-columns:repeat(2,1fr)}.matches-grid{grid-template-columns:1fr}}.room-selection-container.with-left-sidebar{padding-left:20px}.room-selection-container.with-right-sidebar{padding-right:20px}:root{--bg-base:#080a10;--bg-surface:#11141eb8;--bg-elevated:#161a26c7;--bg-card:hsla(0,0%,100%,.075);--bg-input:#ffffff14;--border:#ffffff21;--border-hover:#c4b5fd8c;--border-active:#a78bfabf;--accent:#8b5cf6;--accent-light:#c4b5fd;--accent-dark:#6d28d9;--accent-glow:#8b5cf647;--accent-gradient:linear-gradient(135deg,#7c3aed,#8b5cf6 42%,#06b6d4);--text:#f6f7fb;--text-secondary:#f6f7fbad;--text-muted:#f6f7fb6b;--cinema-warm:#f0d9b5;--cinema-gold:#d6b170;--glass-blur:22px;--spring:cubic-bezier(0.2,0.9,0.18,1);--shadow-sm:0 6px 22px #00000038;--shadow-md:0 16px 48px #0000004d;--shadow-lg:0 30px 90px #0000006b;--shadow-glow:0 0 40px #8b5cf633;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--transition:0.22s var(--spring)}[data-theme=light]{--bg-base:#dfe6f0;--bg-surface:#f5f7fbc2;--bg-elevated:#ffffffad;--bg-card:#ffffff8f;--bg-input:#ffffff9e;--border:#1f293721;--border-hover:#7c3aed61;--border-active:#7c3aed9e;--text:#141923;--text-secondary:#141923ad;--text-muted:#1419237a;--accent-glow:#7c3aed24;--shadow-sm:0 6px 22px #1e293b14;--shadow-md:0 18px 44px #1e293b1f;--shadow-lg:0 32px 86px #1e293b29}body{background:radial-gradient(circle at 12% 8%,#8b5cf629,#0000 30vw),radial-gradient(circle at 88% 12%,#06b6d41f,#0000 34vw),linear-gradient(180deg,#080a10,#080a10 45%,#050609);background:radial-gradient(circle at 12% 8%,#8b5cf629,#0000 30vw),radial-gradient(circle at 88% 12%,#06b6d41f,#0000 34vw),linear-gradient(180deg,#080a10 0,var(--bg-base) 45%,#050609 100%)}[data-theme=light] body{background:radial-gradient(circle at 14% 8%,#7c3aed1f,#0000 32vw),radial-gradient(circle at 88% 10%,#06b6d41a,#0000 34vw),linear-gradient(180deg,#ecf2fa,#080a10 48%,#d9e1ec);background:radial-gradient(circle at 14% 8%,#7c3aed1f,#0000 32vw),radial-gradient(circle at 88% 10%,#06b6d41a,#0000 34vw),linear-gradient(180deg,#ecf2fa 0,var(--bg-base) 48%,#d9e1ec 100%)}.App,.app-layout,.app-main{background:#0000}.app-main{position:relative}.app-main:before{background-image:linear-gradient(hsla(0,0%,100%,.035) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.028) 1px,#0000 0);background-size:72px 72px;content:"";inset:0 0 0 var(--sidebar-w);-webkit-mask-image:linear-gradient(180deg,#00000057,#0000 70%);mask-image:linear-gradient(180deg,#00000057,#0000 70%);pointer-events:none;position:fixed}.apps-hub-card,.auth-submit,.football-view-btn,.join-room-button,.movie-tab,.primary-button,.secondary-button,.sidebar-nav-item,button{transition:transform .22s cubic-bezier(.2,.9,.18,1),border-color .22s cubic-bezier(.2,.9,.18,1),background .22s cubic-bezier(.2,.9,.18,1),box-shadow .22s cubic-bezier(.2,.9,.18,1),color .22s cubic-bezier(.2,.9,.18,1);transition:transform var(--transition),border-color var(--transition),background var(--transition),box-shadow var(--transition),color var(--transition)}.apps-hub-card:hover,.movie-library-card:hover,.recommendation-card:hover,.room-card:hover,button:hover:not(:disabled){transform:translateY(-2px)}.auth-submit,.primary-button{background:linear-gradient(135deg,#7c3aed,#8b5cf6 42%,#06b6d4);background:var(--accent-gradient);border:1px solid #ffffff29;box-shadow:0 16px 38px #8b5cf647;box-shadow:0 16px 38px var(--accent-glow)}.admin-panel,.apps-hub-card,.available-rooms-section,.create-room-card,.football-page,.hockey-page,.join-room-card,.modal-content,.movie-details-content,.movie-library-content,.recommendation-content,.room-card,.secondary-button{backdrop-filter:blur(22px) saturate(1.18);backdrop-filter:blur(var(--glass-blur)) saturate(1.18);-webkit-backdrop-filter:blur(22px) saturate(1.18);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.18)}.sidebar{backdrop-filter:blur(26px) saturate(1.25);-webkit-backdrop-filter:blur(26px) saturate(1.25);background:linear-gradient(180deg,#8b5cf629,#0000 34%),#090b12b8;box-shadow:16px 0 70px #00000038}[data-theme=light] .sidebar{background:linear-gradient(180deg,#7c3aed1f,#0000 38%),#f5f7fbc7}.sidebar-logo{min-height:88px}.sidebar-logo-text{font-size:1.28rem}.sidebar-nav-item{border-radius:18px;padding:11px 14px}.sidebar-nav-item.active{background:linear-gradient(135deg,#8b5cf647,#06b6d41f);box-shadow:inset 0 0 0 1px #c4b5fd33,0 12px 32px #8b5cf629}.sidebar-theme-toggle,.sidebar-user{background:hsla(0,0%,100%,.075);background:var(--bg-card);border-radius:20px;box-shadow:inset 0 1px 0 #ffffff14}.auth-container{background:radial-gradient(circle at 18% 14%,#8b5cf638,#0000 26vw),radial-gradient(circle at 78% 20%,#06b6d429,#0000 30vw),#080a10;background:radial-gradient(circle at 18% 14%,#8b5cf638,#0000 26vw),radial-gradient(circle at 78% 20%,#06b6d429,#0000 30vw),var(--bg-base)}.auth-left{background:#05060a;isolation:isolate}.auth-left:after,.auth-left:before{content:"";inset:10%;pointer-events:none;position:absolute;z-index:0}.auth-left:before{animation:ks-orbit-float 8s ease-in-out infinite alternate;background:radial-gradient(circle at 22% 36%,#f8fafce0 0 5px,#0000 6px),radial-gradient(circle at 42% 18%,#8b5cf6f2 0 9px,#0000 10px),radial-gradient(circle at 62% 52%,#06b6d4eb 0 11px,#0000 12px),radial-gradient(circle at 36% 72%,#ec4899db 0 8px,#0000 9px),radial-gradient(circle at 72% 76%,#22c55ee0 0 7px,#0000 8px);opacity:.72}.auth-left:after{background:linear-gradient(28deg,#0000 19%,#8b5cf661 20%,#0000 21%),linear-gradient(142deg,#0000 31%,#06b6d452 32%,#0000 33%),linear-gradient(88deg,#0000 42%,#ec489940 43%,#0000 44%);filter:blur(.2px);opacity:.58}@keyframes ks-orbit-float{0%{transform:translate3d(-6px,8px,0) scale(1)}to{transform:translate3d(10px,-8px,0) scale(1.04)}}.auth-brand{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1c,#ffffff08);border:1px solid #ffffff29;border-radius:34px;box-shadow:0 34px 90px #00000057;padding:34px;position:relative;z-index:2!important}.auth-brand h1{font-size:clamp(2.8rem,6vw,5.8rem);line-height:.92}.auth-brand p{color:#ffffffb8;margin:0 auto;max-width:470px}.auth-right{backdrop-filter:blur(28px) saturate(1.2);-webkit-backdrop-filter:blur(28px) saturate(1.2);background:#ffffff0d}[data-theme=light] .auth-right{background:#ffffff75}.auth-form-container{background:#161a26c7;background:var(--bg-elevated);border:1px solid #ffffff21;border:1px solid var(--border);border-radius:30px;box-shadow:0 30px 90px #0000006b;box-shadow:var(--shadow-lg);max-width:430px;padding:24px}.auth-tabs{background:hsla(0,0%,100%,.075);background:var(--bg-card);border-radius:18px}.auth-tab{border-radius:14px}.auth-field input,input,select,textarea{background:#ffffff14;background:var(--bg-input);border-radius:16px}.football-page,.hockey-page,.room-selection-container,.swipe-container{position:relative;z-index:1}.header{background:linear-gradient(135deg,#ffffff14,hsla(0,0%,100%,.025));border:1px solid #ffffff21;border:1px solid var(--border);border-radius:28px;box-shadow:0 6px 22px #00000038;box-shadow:var(--shadow-sm);padding:24px}.header h1,.swipe-header h2{font-size:clamp(1.9rem,3vw,3.2rem);font-weight:900}.welcome-message{font-size:1rem}.apps-hub-card,.available-rooms-section,.create-room-card,.join-room-card,.room-card{background:linear-gradient(135deg,#ffffff17,hsla(0,0%,100%,.035)),#161a26c7;background:linear-gradient(135deg,#ffffff17,hsla(0,0%,100%,.035)),var(--bg-elevated);border-radius:28px;box-shadow:inset 0 1px 0 #ffffff14,0 6px 22px #00000038;box-shadow:inset 0 1px 0 #ffffff14,var(--shadow-sm)}.apps-hub-card-icon{border-radius:18px;box-shadow:inset 0 1px 0 #ffffff2e}.apps-hub-card:hover,.create-room-card:hover,.join-room-card:hover,.room-card:hover{box-shadow:inset 0 1px 0 #ffffff1c,0 16px 48px #0000004d,0 0 0 1px #c4b5fd8c;box-shadow:inset 0 1px 0 #ffffff1c,var(--shadow-md),0 0 0 1px var(--border-hover)}.cardContainer{perspective:1400px}.card{border:1px solid #fff3;border-radius:34px;box-shadow:0 34px 100px #0000008c,0 0 0 1px #ffffff0f;transform-style:preserve-3d}.card:hover{box-shadow:0 42px 120px #0000009e,0 0 0 1px #c4b5fd8c,0 0 60px #8b5cf62e;box-shadow:0 42px 120px #0000009e,0 0 0 1px var(--border-hover),0 0 60px #8b5cf62e}.card--active{animation:cardEnter .48s cubic-bezier(.2,.9,.18,1) both;animation:cardEnter .48s var(--spring) both}.card--behind-1{filter:saturate(.9) brightness(.74);transform:translate(-50%,-47%) rotateX(6deg) scale(.96)}.card--behind-2{filter:saturate(.8) brightness(.54);transform:translate(-50%,-44%) rotateX(8deg) scale(.92)}.card-info{background:linear-gradient(0deg,#07080cf5,#07080cb3 48%,#0000),linear-gradient(135deg,#8b5cf657,#0000 52%);padding:120px 24px 24px}.card-info h3{font-size:28px;font-weight:900}.genre-tag,.movie-details span,.movie-meta span,.preference-tag,.room-code-badge{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border-radius:999px}.swipe-circle{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:hsla(0,0%,100%,.075)}.dislike-circle:hover:not(:disabled),.like-circle:hover:not(:disabled),.undo-circle:hover:not(:disabled),.watchlist-circle:hover:not(:disabled){transform:translateY(-3px) scale(1.08)}.modal-overlay,.movie-details-overlay,.movie-library-page,.recommendation-page{backdrop-filter:blur(24px) saturate(1.12);-webkit-backdrop-filter:blur(24px) saturate(1.12);background:radial-gradient(circle at 20% 10%,#d6b17029,#0000 32vw),radial-gradient(circle at 86% 18%,#8b5cf624,#0000 34vw),#030407c7}.modal-content,.movie-details-content,.movie-library-content,.recommendation-content{background:linear-gradient(135deg,#f0d9b51f,hsla(0,0%,100%,.035) 36%,#8b5cf614),#110f0dd6;border:1px solid #f0d9b533;border-radius:34px;box-shadow:0 34px 100px #0000007a,inset 0 1px 0 #ffffff14}[data-theme=light] .modal-content,[data-theme=light] .movie-details-content,[data-theme=light] .movie-library-content,[data-theme=light] .recommendation-content{background:linear-gradient(135deg,#fff8eac7,#ffffffa8),#ffffffb8;border-color:#5c402224}.library-header h2,.movie-details-info h2,.recommendation-header h2{font-size:clamp(1.8rem,3vw,3rem);font-weight:950}.movie-library-card,.recommendation-card{background:linear-gradient(180deg,#ffffff14,#ffffff08),hsla(0,0%,100%,.075);background:linear-gradient(180deg,#ffffff14,#ffffff08),var(--bg-card);border-radius:22px;box-shadow:0 6px 22px #00000038;box-shadow:var(--shadow-sm)}.movie-library-card:hover,.recommendation-card:hover{box-shadow:0 16px 48px #0000004d,0 0 0 1px #f0d9b542;box-shadow:var(--shadow-md),0 0 0 1px #f0d9b542}.comic-poster-img,.movie-details-poster,.movie-library-poster,.recommendation-poster{border-radius:18px;box-shadow:0 18px 50px #0000005c}.search-input{border-radius:18px}.cinema-intro:before{animation:ks-orbit-float 7s ease-in-out infinite alternate;background:radial-gradient(circle at 22% 36%,#8b5cf6d9 0 5px,#0000 6px),radial-gradient(circle at 42% 20%,#06b6d4c7 0 8px,#0000 9px),radial-gradient(circle at 66% 54%,#ec4899b8 0 7px,#0000 8px),radial-gradient(circle at 76% 75%,#22c55eb8 0 5px,#0000 6px),linear-gradient(32deg,#0000 35%,#8b5cf638 36%,#0000 37%),linear-gradient(134deg,#0000 45%,#06b6d433 46%,#0000 47%);content:"";inset:12%;opacity:.45;pointer-events:none;position:absolute;z-index:3}.ci-title{background:linear-gradient(170deg,#fff8d9,#f0d9b5 32%,#8b5cf6 68%,#06b6d4);-webkit-background-clip:text;background-clip:text;letter-spacing:.11em}.admin-card,.admin-json-editor,.admin-main,.admin-shell{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media (max-width:900px){.auth-form-container{max-width:100%}.auth-brand{padding:24px}.header{padding:20px}.available-rooms-section,.create-room-card,.join-room-card{border-radius:22px}}