*{margin:0;padding:0;box-sizing:border-box}.mobile-app-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background-color:#1a1a2e;color:#fff;max-width:390px;margin:0 auto;overflow-x:hidden;box-shadow:0 0 30px rgba(0,0,0,.5)}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#0f1419}.top-bar .left{font-size:24px;color:#f5c518;cursor:pointer}.top-bar .title{font-size:16px;font-weight:600}.top-bar .right{display:flex;gap:16px}.top-bar .icon{font-size:20px;color:#f5c518;cursor:pointer}.status-bar{display:flex;justify-content:space-between;padding:8px 16px;background-color:#0f1419;font-size:16px;font-weight:600}.status-icons{display:flex;gap:6px;align-items:center}.movie-image{width:100%;height:300px;background:linear-gradient(135deg,#a3e635,#86efac 20%,#4ade80 35%,#1a1a2e 0);position:relative;overflow:hidden}.movie-image:before{content:"";position:absolute;width:150px;height:200px;background:linear-gradient(180deg,#8b7355,#6b5844 40%,#4a3f2f);left:20px;top:60px;border-radius:8px;box-shadow:2px 4px 8px rgba(0,0,0,.3)}.movie-image:after{content:"";bottom:20px;left:20px;right:20px;height:40px;background-color:rgba(0,0,0,.7);border-radius:4px}.movie-image:after,.movie-info-overlay{position:absolute;display:flex;align-items:center}.movie-info-overlay{bottom:28px;left:28px;gap:12px;font-size:14px;z-index:2}.imdb-rating{background-color:#f5c518;color:#000;padding:3px 8px;border-radius:3px;font-weight:700;display:flex;align-items:center;gap:4px;font-size:13px}.imdb-logo{font-weight:900;letter-spacing:-.5px}.content{padding:20px 16px}.movie-title{font-size:28px;font-weight:700;margin-bottom:12px}.synopsis{font-size:15px;line-height:1.5;color:#d0d0d0;margin-bottom:24px}.action-buttons{display:flex;justify-content:space-around;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #2a2a3e}.action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;color:#888;cursor:pointer}.action-btn.watchlist{color:#f5c518}.action-btn .icon{font-size:24px;width:48px;height:48px;border-radius:50%;background-color:#2a2a3e;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.action-btn.watchlist .icon{background-color:transparent;font-size:32px}.action-btn:active .icon{background-color:#3a3a4e}.action-btn .label{font-size:13px;font-weight:500}.watch-section{margin-bottom:24px}.watch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.watch-header h2{font-size:18px;font-weight:700}.location-bar{background-color:#2a2a3e;border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s}.location-bar:hover{background-color:#3a3a4e}.location-info{display:flex;align-items:center;gap:8px}.location-text{font-size:15px;font-weight:500}.change-btn{background:none;border:1px solid #4a4a5a;color:#f5c518;padding:6px 12px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .2s}.nearby-count{font-size:14px;color:#888;margin-bottom:16px}.filter-pills{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{background-color:#2a2a3e;border:none;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;white-space:nowrap;cursor:pointer;transition:background-color .2s}.filter-pill.active{background-color:#3a3a4e}.date-selector{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.date-selector::-webkit-scrollbar{display:none}.date-btn{background-color:#2a2a3e;border:1px solid #3a3a4e;color:#fff;padding:12px 16px;border-radius:8px;font-size:13px;white-space:nowrap;cursor:pointer;transition:all .2s;min-width:90px;text-align:center}.date-btn.active{background-color:#f5c518;color:#000;border-color:#f5c518;font-weight:600}.date-day{font-weight:600;margin-bottom:2px}.date-date{font-size:12px;opacity:.8}.cinema-showtimes-header{font-size:18px;font-weight:700;margin-bottom:16px}.theater-filter-wrapper{position:relative;margin-bottom:20px}.theater-filter-label{position:absolute;left:0;top:0;bottom:0;width:42px;background-color:#3a4550;border-radius:12px;display:flex;align-items:center;justify-content:center;z-index:1}.theater-filter-label span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:700;letter-spacing:2px;color:hsla(0,0%,100%,.7)}.theater-filter{display:flex;gap:12px;overflow-x:auto;padding-left:54px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) transparent}.theater-filter::-webkit-scrollbar{height:4px}.theater-filter::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:2px}.theater-filter::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:2px}.theater-filter-btn{min-width:80px;display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;cursor:pointer;opacity:.6;transition:opacity .2s}.theater-filter-btn.active{opacity:1}.theater-icon{width:70px;height:70px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.theater-icon.odeon{background-color:#0a0a0a;border:2px solid #2a2a2a}.theater-icon.cineworld{background-color:#fff;color:#e60000}.theater-icon.vue{background-color:#000;color:#ff9500;font-size:28px}.theater-icon.showcase{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;font-size:36px}.theater-name{font-size:13px;color:#d0d0d0}.theater-cards{display:flex;flex-direction:column;gap:16px}.theater-card{background-color:#2a2a3e;border-radius:12px;padding:16px;transition:background-color .2s}.theater-card:hover{background-color:#3a3a4e}.theater-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.theater-card-info{flex:1}.theater-card-name{font-size:16px;font-weight:600;margin-bottom:4px}.theater-card-details{font-size:13px;color:#888;display:flex;gap:12px;align-items:center}.theater-card-badge{display:inline-flex;align-items:center;gap:4px}.availability-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.availability-dot.available{background-color:#22c55e}.availability-dot.filling{background-color:#eab308}.availability-dot.limited{background-color:#ef4444}.theater-logo{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.showtimes-container{margin-top:12px}.showtime-label{font-size:13px;color:#888;margin-bottom:8px}.showtimes{display:flex;flex-wrap:wrap;gap:8px}.showtime-btn{background-color:#1a1a2e;border:1px solid #3a3a4e;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;position:relative}.showtime-btn:hover{background-color:#2a2a3e;border-color:#f5c518}.showtime-btn.limited{border-color:#ef4444}.showtime-btn.filling{border-color:#eab308}.buy-tickets-btn{width:100%;background-color:#f5c518;color:#000;border:none;padding:12px;border-radius:8px;font-size:15px;font-weight:600;margin-top:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s}.buy-tickets-btn:hover{background-color:#e6b617}.location-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:1000;display:none;align-items:flex-end;max-width:390px;margin:0 auto}.location-modal.active{display:flex}.modal-content{background-color:#1a1a2e;border-radius:20px 20px 0 0;width:100%;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{padding:20px 16px 16px;border-bottom:1px solid #2a2a3e;position:sticky;top:0;background-color:#1a1a2e;z-index:10}.modal-title{font-size:20px;font-weight:700;margin-bottom:16px}.location-search-input{width:100%;background-color:#2a2a3e;border:1px solid #3a3a4e;border-radius:8px;padding:12px 16px 12px 44px;color:#fff;font-size:15px}.location-search-input::-moz-placeholder{color:#888}.location-search-input::placeholder{color:#888}.search-icon{position:absolute;left:32px;top:88px;font-size:18px;color:#888}.modal-body{padding:16px}.location-option{padding:16px;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:12px}.location-option:hover{background-color:#2a2a3e}.location-option-icon{font-size:20px;width:40px;text-align:center}.location-option-text{flex:1}.location-option-title{font-size:15px;font-weight:500;margin-bottom:2px}.location-option-subtitle,.section-title{font-size:13px;color:#888}.section-title{font-weight:600;margin-bottom:12px;margin-top:20px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:390px;margin:0 auto;background-color:#0f1419;display:flex;justify-content:space-around;padding:8px 0 20px;border-top:1px solid #2a2a3e}.bottom-nav:after{content:"";position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:120px;height:4px;background-color:hsla(0,0%,100%,.3);border-radius:2px}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:#888;text-decoration:none;font-size:11px}.nav-item.active{color:#f5c518}.nav-item .nav-icon{font-size:20px}.content-wrapper{padding-bottom:90px}.videos-section{margin-top:32px;padding-top:24px;border-top:1px solid #2a2a3e}.videos-header{font-size:12px;color:#666;font-weight:600;letter-spacing:1px;margin-bottom:12px}.video-thumbnail{width:100%;height:120px;background:linear-gradient(135deg,#2a2a3a,#3a3a4a 50%,#4a4a5a);border-radius:8px;position:relative}.video-thumbnail,.video-thumbnail:after{display:flex;align-items:center;justify-content:center}.video-thumbnail:after{content:"▶";font-size:32px;color:hsla(0,0%,100%,.9);background-color:rgba(0,0,0,.6);width:60px;height:60px;border-radius:50%;padding-left:4px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}