:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;width:100%}#root{width:100%;min-height:100vh}:root{--primary-color: #d98a7d;--primary-dark: #c47a6d;--secondary-color: #7d7f8b;--dark-bg: #3c3d44;--dark-color: #3c3d44;--success-color: #34a853;--error-color: #ea4335;--text-primary: #202124;--text-secondary: #5f6368;--text-light: #eeeeed;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--border-color: #dadce0;--shadow: 0 2px 10px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .15);--border-radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,sans-serif;background:linear-gradient(to bottom,#7d7f8b 0% 46%,#d98a7d 85% 100%);background-attachment:fixed;min-height:100vh;color:var(--text-primary);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--dark-color);color:#fff;padding:1rem;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-lg)}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1rem}.logo-link{display:flex;align-items:center}.logo{height:50px;width:50px;border-radius:8px;object-fit:cover}.header-title h1{font-size:1.5rem;font-weight:700;margin:0}.header-title .subtitle{font-size:.85rem;opacity:.8}.app-main{flex:1;max-width:1200px;margin:0 auto;padding:1.5rem;width:100%}.filters{background:var(--bg-primary);border-radius:var(--border-radius);padding:1rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.search-box{position:relative}.search-box input{width:100%;padding:.75rem 1rem;border:2px solid #e5e5e5;border-radius:8px;font-size:1rem;transition:border-color .2s}.search-box input:focus{outline:none;border-color:var(--primary-color)}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:2px solid var(--primary-color);border-top:none;border-radius:0 0 8px 8px;box-shadow:var(--shadow-lg);z-index:100;max-height:400px;overflow-y:auto}.suggestion-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border-color)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--bg-secondary)}.suggestion-item.no-results{color:var(--text-secondary);cursor:default;justify-content:center}.suggestion-item.no-results:hover{background:transparent}.suggestion-poster{width:40px;height:60px;object-fit:cover;border-radius:4px;flex-shrink:0}.suggestion-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.suggestion-title{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-genres{font-size:.8rem;color:var(--text-secondary)}.cinema-filters{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e5e5}.cinema-filters .filter-label{font-weight:600;color:var(--text-secondary);font-size:.9rem;margin-right:.5rem}.cinema-checkbox{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:20px;cursor:pointer;transition:all .2s;font-size:.85rem}.cinema-checkbox:hover{background:#e5e5e5}.cinema-checkbox.checked{background:var(--primary-color);color:#fff;border-color:var(--primary-dark)}.cinema-checkbox input[type=checkbox]{display:none}.cinema-checkbox .cinema-name{white-space:nowrap}.clear-filters{background:transparent;border:none;color:var(--primary-color);cursor:pointer;font-size:.85rem;padding:.5rem;text-decoration:underline}.clear-filters:hover{color:var(--primary-dark)}.format-language-filters{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e5e5}.filter-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;padding:.4rem .75rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:20px;cursor:pointer;transition:all .2s;font-size:.85rem;font-weight:500}.filter-chip:hover{background:#e5e5e5;border-color:var(--primary-color)}.filter-chip.active{background:var(--primary-color);color:#fff;border-color:var(--primary-dark)}.filter-chip input[type=checkbox]{display:none}.date-picker{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e5e5;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.date-picker::-webkit-scrollbar{height:4px}.date-picker::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.date-picker::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.date-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;padding:.6rem .75rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;flex-shrink:0}.date-btn:hover{background:#e5e5e5;border-color:var(--primary-color)}.date-btn.selected{background:var(--primary-color);border-color:var(--primary-dark);color:#fff}.date-btn.selected .day-name,.date-btn.selected .today-label{color:#ffffffe6}.date-btn .day-name{font-size:.7rem;text-transform:uppercase;color:var(--text-secondary);font-weight:500;letter-spacing:.5px}.date-btn .day-num{font-size:1.25rem;font-weight:700;line-height:1.2}.date-btn .today-label{font-size:.6rem;color:var(--primary-color);font-weight:600;text-transform:uppercase}.date-btn.selected .today-label{color:#ffffffe6}.date-btn.today:not(.selected){border-color:var(--primary-color)}.modal-date-picker{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.modal-date-picker::-webkit-scrollbar{height:4px}.modal-date-picker::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.modal-date-picker::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.modal-date-picker .date-btn{min-width:55px;padding:.5rem .6rem}.modal-date-picker .day-name{font-size:.7rem}.modal-date-picker .day-num{font-size:1rem}.modal-date-picker .today-label{font-size:.55rem}.sample-data-notice{background:#fff3cd;color:#856404;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;text-align:center;font-size:.9rem}.loading{text-align:center;padding:3rem}.spinner{width:40px;height:40px;border:4px solid #e5e5e5;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.spinner-small{width:20px;height:20px;border:3px solid #e5e5e5;border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.showtimes-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-secondary);font-size:.95rem}.movies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}.movie-card{background:var(--bg-primary);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:transform .2s,box-shadow .2s}.movie-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.movie-poster{position:relative;aspect-ratio:2/3;background:#e5e5e5}.movie-poster img{width:100%;height:100%;object-fit:cover}.no-poster{display:flex;align-items:center;justify-content:center;height:100%;font-size:3rem;background:linear-gradient(135deg,#667eea,#764ba2)}.rating-badge{position:absolute;top:8px;right:8px;background:#000c;color:#fff;padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:600}.movie-info{padding:.75rem}.movie-info h3{font-size:.95rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movie-info .genres{font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.movie-info .duration{font-size:.75rem;color:var(--secondary-color)}.no-results{text-align:center;padding:3rem;color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:2rem;overflow-y:auto}.modal-content{background:var(--bg-primary);border-radius:var(--border-radius);max-width:900px;width:100%;position:relative;overflow:hidden;margin:auto}.close-btn{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border:none;background:#0009;color:#fff;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;line-height:1}.close-btn:hover{background:#000c}.movie-detail{position:relative}.movie-backdrop{height:200px;background-size:cover;background-position:center;position:relative}.movie-backdrop:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,var(--bg-primary),transparent)}.movie-detail-content{padding:1.5rem}.movie-detail-header{display:flex;gap:1.5rem;margin-top:-80px;position:relative;z-index:1}.detail-poster{width:150px;border-radius:8px;box-shadow:var(--shadow-lg);flex-shrink:0}.detail-info{padding-top:60px}.detail-info h2{font-size:1.5rem;margin-bottom:.25rem}.original-title{color:var(--text-secondary);font-style:italic;margin-bottom:.5rem}.meta-info{display:flex;gap:1rem;flex-wrap:wrap;margin:.75rem 0}.meta-item{font-size:.9rem;color:var(--text-secondary)}.meta-item.classification{background:var(--dark-color);color:#fff;padding:2px 8px;border-radius:4px;font-size:.8rem}.genre-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin:.75rem 0}.genre-tag{background:var(--bg-secondary);padding:4px 12px;border-radius:20px;font-size:.85rem;color:var(--text-secondary)}.director{font-size:.9rem;margin-top:.5rem}.synopsis{margin-top:1.5rem}.synopsis h3{font-size:1.1rem;margin-bottom:.5rem}.synopsis p{color:var(--text-secondary);line-height:1.7}.trailer-section{margin-top:1rem}.trailer-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:background .2s}.trailer-btn:hover{background:var(--primary-dark)}.cast-section{margin-top:1.5rem}.cast-section h3{font-size:1.1rem;margin-bottom:1rem}.cast-list{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.cast-item{flex-shrink:0;width:80px;text-align:center}.cast-item img{width:70px;height:70px;border-radius:50%;object-fit:cover;margin-bottom:.5rem}.cast-item .no-photo{width:70px;height:70px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto .5rem}.actor-name{font-size:.8rem;font-weight:600;margin-bottom:.1rem}.character{font-size:.7rem;color:var(--text-secondary)}.showtimes-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e5e5}.showtimes-section h3{font-size:1.1rem;margin-bottom:1rem;text-transform:capitalize}.modal-cinema-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.cinema-filter-chip{display:inline-flex;align-items:center;padding:.4rem .8rem;background:var(--bg-secondary);border:2px solid #e5e5e5;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s}.cinema-filter-chip:hover{border-color:var(--primary-color)}.cinema-filter-chip.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.cinema-filter-chip input[type=checkbox]{display:none}.no-showtimes{color:var(--text-secondary);text-align:center;padding:1rem}.showtimes-by-cinema{display:flex;flex-direction:column;gap:1rem}.cinema-showtimes{background:var(--bg-secondary);border-radius:8px;padding:1rem}.cinema-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.cinema-name{font-weight:600;color:var(--dark-color)}.location-name{font-size:.85rem;color:var(--text-secondary)}.times-list{display:flex;flex-wrap:wrap;gap:.5rem}.time-btn{display:flex;flex-direction:column;align-items:center;background:var(--bg-primary);border:2px solid var(--primary-color);border-radius:8px;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.time-btn:hover{background:var(--primary-color);color:#fff}.time-btn .time{font-weight:700;font-size:1rem;color:var(--dark-color)}.time-btn:hover .time{color:#fff}.time-btn .format-lang,.time-btn .language{font-size:.7rem;color:var(--text-secondary)}.time-btn:hover .format-lang,.time-btn:hover .language{color:#ffffffe6}.times-by-format{display:flex;flex-direction:column;gap:.75rem}.format-group{display:flex;align-items:flex-start;gap:.75rem}.format-label{background:var(--dark-color);color:#fff;padding:.4rem .75rem;border-radius:6px;font-size:.8rem;font-weight:700;min-width:50px;text-align:center;flex-shrink:0}.format-group .times-list{flex:1}.app-footer{background:var(--dark-color);color:#fff;text-align:center;padding:1.5rem;margin-top:auto}.app-footer p{margin:.25rem 0;font-size:.9rem}.footer-links a{color:var(--primary-color);text-decoration:none}.footer-links a:hover{text-decoration:underline}@media(max-width:768px){.movies-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.modal-overlay{padding:0}.modal-content{border-radius:0;min-height:100vh}.movie-detail-header{flex-direction:column;align-items:center;text-align:center;margin-top:-60px}.detail-poster{width:120px}.detail-info{padding-top:0}.meta-info,.genre-tags{justify-content:center}}@media(max-width:480px){.header-title h1{font-size:1.2rem}.header-title .subtitle{display:none}.filter-row{flex-direction:column}.movies-grid{grid-template-columns:repeat(2,1fr)}}