*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}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:#1a1a2e;color:#fff}#root{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.footer{background-color:#16213e;border-top:1px solid #e94560;padding:20px;margin-top:40px}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:15px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.footer-link{color:#888;text-decoration:none;font-size:14px;transition:color .3s}.footer-link:hover{color:#e94560}.container{max-width:1200px;margin:0 auto;padding:20px}.button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s}.button-primary{background-color:#e94560;color:#fff}.button-primary:hover{background-color:#d13d52}.button-secondary{background-color:#16213e;color:#fff;border:1px solid #e94560}.button-secondary:hover{background-color:#1a1a2e}.button:disabled,.input:disabled{opacity:.5;cursor:not-allowed}.input{padding:10px;border:1px solid #4a4a6a;border-radius:5px;background-color:#1a1a2e;color:#fff;font-size:16px}.input:focus{outline:none;border-color:#e94560}.card{background-color:#16213e;border-radius:10px;padding:20px;margin-bottom:20px}.group-card{cursor:pointer;border:2px solid transparent;margin-bottom:0;transition:border-color .2s,transform .2s}.group-card:hover{border-color:#e94560;transform:translateY(-2px)}.group-card.current{border-color:#e94560}.navbar{background-color:#16213e;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e94560}.navbar-brand{font-size:24px;font-weight:700;color:#e94560}.navbar-links{display:flex;gap:20px}.navbar-link{color:#fff;text-decoration:none;transition:color .3s;display:inline-flex;align-items:center;gap:6px}.navbar-link:hover{color:#e94560}.chart-card{background-color:#1a1a2e;border-radius:8px;padding:20px;min-width:280px;flex:1 1 340px}.chart-card-wide{flex:1 1 100%}.stat-card{flex:1 1 160px;min-width:140px;text-align:center;padding:15px}.chip{display:inline-block;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:700;margin-right:5px}.chip-group{background-color:#4caf50;color:#fff}.chip-similar{background-color:#2196f3;color:#fff}.chip-preference{background-color:#ff9800;color:#fff}.chip-trending{background-color:#e94560;color:#fff}.chip-popular{background-color:#9c27b0;color:#fff}.chip-top_rated{background-color:#ff5722;color:#fff}.loading{text-align:center;padding:20px;color:#888}.error{background-color:#f44336;color:#fff;padding:10px;border-radius:5px;margin-bottom:20px}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.movie-card{background-color:#16213e;border-radius:10px;overflow:hidden;transition:transform .3s,opacity .5s;width:100%;height:100%;display:flex;flex-direction:column}.movie-card.fading{opacity:0;transform:scale(.9)}.movie-card:hover{transform:translateY(-5px)}.movie-poster{width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover}.movie-info{padding:15px}.movie-title{font-size:16px;font-weight:700;margin-bottom:5px;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-year{font-size:14px;color:#888;margin-bottom:5px}.movie-meta{font-size:12px;color:#888;margin-bottom:5px}.movie-cast{font-size:11px;color:#777;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-rating{font-size:12px;color:#e94560;margin-bottom:5px}.movie-overview{display:none}.reaction-buttons{display:flex;gap:5px;margin-top:10px;position:relative}.reaction-button{flex:1;padding:8px;border:none;border-radius:5px;cursor:pointer;font-size:12px;transition:background-color .3s}.reaction-interested{background-color:#4caf50;color:#fff}.reaction-if-others-want{background-color:#2196f3;color:#fff}.reaction-not-interested{background-color:#f44336;color:#fff}.reaction-button:hover{opacity:.8}.reaction-button.active{border:2px solid white}.reaction-buttons .reaction-button{font-size:20px;padding:5px 8px}.login-card{max-width:420px;padding:36px}.form-group{margin-bottom:15px}.form-group input{width:100%;padding:12px 14px;border:1px solid #4a4a6a;border-radius:8px;background-color:#1a1a2e;color:#fff;font-size:15px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#e94560}.form-group input::placeholder{color:#666}.groups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:20px}.invitation-actions{display:flex;gap:10px}.modal-overlay .card{max-width:400px;width:100%}.top-pick-score{position:relative;width:170px;align-self:stretch;margin:-10px 0;display:flex}.top-pick-score-text{margin:0!important}.top-pick-my-reaction{font-size:11px;color:#888;margin-top:4px}.top-pick-my-chip{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.top-pick-my-chip-interested{background-color:#28a74540;color:#4caf50}.top-pick-my-chip-if_others_want{background-color:#2196f340;color:#64b5f6}.top-pick-my-chip-not_interested{background-color:#f4433640;color:#ef5350}@media (max-width: 767px){.container{padding:16px}.button{width:100%;padding:14px 20px;font-size:18px}.input{font-size:16px}.navbar{padding:12px 16px;position:relative}.navbar-mobile-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:transparent;border:1px solid #e94560;border-radius:5px;cursor:pointer;color:#e94560;font-size:24px;line-height:1}.navbar-mobile-menu{position:absolute;top:100%;left:0;right:0;background-color:#16213e;border-bottom:1px solid #e94560;z-index:1000;padding:10px 0}.navbar-mobile-link{display:flex;align-items:center;gap:10px;padding:16px 20px;color:#fff;text-decoration:none;font-size:16px;border-bottom:1px solid #2a2a4a;-webkit-tap-highlight-color:transparent}.navbar-mobile-link:hover,.navbar-mobile-link:focus{color:#e94560}.navbar-links{display:none}.login-card{width:100%;max-width:none;padding:32px 24px}.groups-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.groups-grid{grid-template-columns:1fr;gap:16px}.group-card .button{width:100%;margin-top:15px}.invitation-actions{flex-direction:column;gap:10px}.invitation-actions .button{width:100%;flex:none}.modal-overlay .card{width:100%;max-width:none;margin:0 16px;padding:24px}.modal-overlay form .button{width:100%;flex:none}.modal-overlay form>div:last-child{flex-direction:column}.group-header{flex-direction:column;align-items:flex-start;gap:12px}.group-header-actions{width:100%}.group-header-actions .button{width:auto;flex:1}.group-tabs{gap:5px}.group-tabs button{flex:1;padding:10px 8px;font-size:14px}.group-stats-grid{gap:10px}.group-stats-grid>div{min-width:calc(50% - 5px);flex-basis:calc(50% - 5px);flex-grow:1}.top-picks-filters{flex-direction:column;align-items:stretch;gap:8px}.top-picks-filters select,.top-picks-filters label{width:100%!important;margin-left:0!important}.top-picks-filters .button{width:auto}.top-pick-item{gap:10px!important;padding:8px 0 8px 12px!important}.top-pick-info{padding-right:8px;min-width:0}.top-pick-score{width:100px!important;margin:-8px 0!important}.top-pick-score-bg{clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%)!important}.top-pick-score-text{width:100px!important;padding-left:12px!important;margin:-8px 0!important}.top-pick-score-text>div:first-child{font-size:20px!important}.member-row{flex-direction:column;align-items:flex-start;gap:15px}.member-stats{width:100%;gap:12px}.member-actions{width:100%;align-items:stretch!important}.member-actions .input,.member-actions .button{width:100%}.invitation-row{flex-direction:column;align-items:flex-start;gap:15px}.invitation-row .button{width:100%}}@media (min-width: 768px){.navbar-mobile-toggle,.navbar-mobile-menu{display:none!important}}@media (max-width: 480px){.login-card{padding:24px 16px}.container{padding:12px}}.preferences-card{max-width:720px;margin:0 auto}.preferences-section{margin-bottom:24px}.preferences-section:last-of-type{margin-bottom:32px}.preferences-label{display:block;margin-bottom:12px;font-weight:700;font-size:16px}.preferences-sublabel{display:block;margin-bottom:6px;font-size:14px;color:#aaa}.preferences-genres{display:flex;flex-wrap:wrap;gap:10px}.preferences-genre-chip{padding:8px 16px;border:1px solid #4a4a6a;border-radius:20px;background:#1a1a2e;color:#fff;cursor:pointer;font-size:14px;transition:background-color .2s,border-color .2s}.preferences-genre-chip.selected{background-color:#e94560;border-color:#e94560}.preferences-year-range{display:flex;gap:20px;align-items:flex-end}.preferences-year-field{flex:1}.preferences-year-field .input{width:100%}.preferences-year-separator{padding-bottom:10px;color:#888}.preferences-actions{display:flex;gap:10px}.movie-row-header{display:flex;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:15px}.movie-row-title{color:#e94560;margin:0;font-size:24px;flex:0 1 auto}.movie-row-refresh{flex-shrink:0;width:38px;height:38px;border:1px solid #e94560;border-radius:50%;background-color:#16213e;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background-color .2s}.movie-row-refresh:hover:not(:disabled){background-color:#e94560;transform:rotate(180deg)}.movie-row-refresh:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background-color:#16213e;border-radius:10px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;padding:20px;position:relative}.modal-close{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;line-height:1}.modal-info{display:flex;gap:20px;margin-bottom:20px}.modal-poster{width:200px;border-radius:10px;object-fit:cover;flex-shrink:0}.modal-poster-mobile{display:none}.modal-details{flex:1}.modal-title{margin-bottom:10px;color:#e94560}.modal-meta{color:#888;margin-bottom:10px}.modal-chip-similar{color:#2196f3;margin-bottom:10px}.modal-chip-preference{color:#ff9800;margin-bottom:10px}.modal-detail-row{margin-bottom:10px}.modal-overview{line-height:1.6;margin-bottom:20px}.modal-trailer{margin-bottom:20px}.modal-trailer-title{margin-bottom:10px}.modal-video-wrapper{position:relative;padding-bottom:56.25%;height:0}.modal-video{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px}.modal-footer{display:flex;justify-content:flex-end;gap:10px}@media (max-width: 767px){.movie-row-mobile-wrap{position:relative}.movie-row-mobile-scroll{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;touch-action:pan-x pan-y}.movie-row-mobile-scroll::-webkit-scrollbar{display:none}.movie-row-mobile-card{flex:0 0 100%;min-width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;justify-content:center;padding:0 16px}.movie-row-mobile-card .movie-card{width:100%;max-width:420px}.movie-row-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(22,33,62,.85);color:#fff;border:none;border-radius:4px;width:28px;height:28px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;font-size:14px}.movie-row-arrow:disabled{opacity:.3;cursor:not-allowed}.movie-row-arrow-left{left:4px}.movie-row-arrow-right{right:4px}.movie-row-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}.movie-row-dot{width:8px;height:8px;border-radius:50%;background:#4a4a6a;transition:background-color .3s}.movie-row-dot.active{background:#e94560}.movie-poster{height:auto;aspect-ratio:2 / 3;max-height:38vh;object-fit:contain;background-color:#0f0f1e}.movie-info{padding:20px}.movie-title{font-size:22px;margin-bottom:8px}.movie-year,.movie-meta,.movie-rating{font-size:16px;margin-bottom:8px}.movie-overview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;color:#ccc;line-height:1.55;margin:12px 0}.reaction-buttons{gap:10px;margin-top:15px}.reaction-buttons .reaction-button{font-size:24px;padding:14px}.movie-row-title{font-size:20px}.movie-row-refresh{width:34px;height:34px;font-size:16px}.chart-card{flex:1 1 100%;min-width:0;padding:15px}.modal-overlay{padding:0;align-items:stretch}.modal-content{width:100%;max-width:none;max-height:none;min-height:100vh;border-radius:0;padding:24px 16px;overflow-y:auto}.modal-close{top:12px;right:12px;font-size:28px}.modal-info{flex-direction:column;gap:16px}.modal-poster{display:none}.modal-poster-mobile{display:block;margin:24px auto;max-width:85%;max-height:35vh;width:auto;height:auto;object-fit:contain;border-radius:10px}.modal-title{font-size:22px}.modal-footer{justify-content:center;margin-top:20px}.preferences-card{padding:24px}.preferences-genre-chip{padding:12px 18px;font-size:16px}.preferences-year-range{flex-direction:column;gap:12px;align-items:stretch}.preferences-year-separator{text-align:center;padding:4px 0}.preferences-actions{flex-direction:column;gap:12px}}