:root{--color-bg-primary:#000;--color-bg-secondary:#0d0d0d;--color-bg-surface:#18191b;--color-bg-card:#202124;--color-bg-button-dark:#27282b;--color-brand-orange:#f5871e;--color-brand-orange-light:#ff7d1a;--color-brand-orange-gradient:linear-gradient(180deg, #f8a102 0%, #f68100 100%);--color-card-orange:#f5871e;--color-card-orange-gradient:linear-gradient(180deg, #f8a102 0%, #f68100 100%);--color-status-active-bg:#82d0a4;--color-status-active-text:#053b1b;--color-status-active-label:#28a745;--color-status-danger:#dc3545;--color-text-primary:#fff;--color-text-secondary:#9da3a6;--color-text-muted:#646a70;--color-text-dark:#121212;--color-text-highlight-orange:#ff6000;--color-border-subtle:#2d3034;--color-border-dark:#1a1b1d;--color-nav-bg:#000;--color-nav-border:#323234;--color-nav-inactive:#fff;--color-nav-active:#fe871f;--font-family-base:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:9999px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--color-bg-primary);width:100%;height:100%;color:var(--color-text-primary);font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;overflow:hidden}#root{background-color:var(--color-bg-primary);flex-direction:column;width:100vw;max-width:500px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.page-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;padding-top:54px;padding-bottom:80px;display:flex;overflow:hidden auto}.page-container::-webkit-scrollbar{display:none}.app-top-navbar{-webkit-backdrop-filter:blur(8px);z-index:500;background-color:#000000f2;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;width:100%;max-width:500px;height:54px;margin:0 auto;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.top-navbar-subpage-content{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.top-navbar-back-button{color:var(--color-brand-orange);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;left:0}.top-navbar-back-button:active{opacity:.7}.top-navbar-title{color:var(--color-text-primary);letter-spacing:.2px;font-size:16px;font-weight:700}.cinema-city-logo{letter-spacing:.5px;color:var(--color-brand-orange);text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:6px;font-weight:900;line-height:.95;display:flex}.cinema-city-logo .logo-line1,.cinema-city-logo .logo-line2{font-size:15px}.unlimited-header-banner{justify-content:center;align-items:center;width:100%;padding:58px 0;display:flex;position:relative}.unlimited-header-title{letter-spacing:1px;color:var(--color-brand-orange);text-shadow:0 2px 8px #ff600033;margin:0;font-size:34px;font-weight:900;position:relative}.empty-page-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.empty-page-title{color:var(--color-text-primary);margin-bottom:8px;font-size:20px;font-weight:700}.empty-page-text{color:var(--color-text-secondary);font-size:14px}.mailbox-page{background-color:var(--color-bg-primary)}.mailbox-content{text-align:center;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.mailbox-message{color:var(--color-text-primary);font-size:15px;line-height:1.5}.unlimited-content{flex-direction:column;gap:20px;padding:0 16px 30px;display:flex}.card-section{flex-direction:column;gap:8px;display:flex}.clickable-card-section{cursor:pointer;transition:transform .15s}.clickable-card-section:active{transform:scale(.985)}.section-label{letter-spacing:.8px;color:var(--color-text-secondary);text-transform:uppercase;margin-left:2px;font-size:11px;font-weight:600}.unlimited-card{background:var(--color-card-orange-gradient);color:var(--color-text-dark);border-radius:16px;flex-direction:column;justify-content:space-between;align-items:start;width:100%;height:200px;padding:16px 18px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #ff780040;container-type:size}.card-watermark{color:#ffffff21;pointer-events:none;text-align:right;z-index:1;text-fit:grow;width:100%;font-weight:900;line-height:.85;position:absolute;top:0;left:10px}.card-watermark small{font-size:2px}.card-top-row{z-index:2;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;display:flex;position:relative}.card-unlimited-title{letter-spacing:.5px;color:#111;font-size:22px;font-weight:700}.card-status-badge{background-color:var(--color-status-active-bg);color:var(--color-status-active-text);border-radius:var(--radius-pill);padding:4px 12px;font-size:11px;font-weight:700}.card-owner-name{color:#1a1a1a;z-index:2;margin-bottom:2px;font-size:14px;font-weight:700;position:relative}.card-number-row{z-index:2;justify-content:left;align-items:center;column-gap:10px;margin-bottom:10px;display:flex;position:relative}.card-number{letter-spacing:1px;color:#111;font-size:26px;font-weight:900}.card-qr-box{background-color:#0000;justify-content:center;align-items:center;display:flex}.card-plan-type{color:#fff;z-index:2;margin-bottom:2px;font-size:13px;font-weight:700;position:relative}.card-validity{color:#fff;opacity:.9;z-index:2;font-size:11px;font-weight:500;position:relative}.card-subtext{text-align:center;color:var(--color-text-secondary);margin-block:20px;font-size:12px}.info-group{flex-direction:column;gap:8px;display:flex}.group-header{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.group-title{letter-spacing:.6px;color:var(--color-text-secondary);font-size:11px;font-weight:600}.group-action-btn{color:var(--color-brand-orange);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12px;font-weight:700}.group-card{background-color:var(--color-bg-surface);border-radius:var(--radius-md);overflow:hidden}.info-row{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--color-text-primary);font-weight:500}.info-value{color:var(--color-text-secondary);text-align:right;font-weight:400}.status-active-text{color:var(--color-status-active-label);font-weight:600}.preferences-banner{background-color:var(--color-bg-surface);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;margin-bottom:10px;padding:20px 16px;display:flex;position:relative;overflow:hidden}.banner-icons{color:#9da3a6;gap:8px;margin-bottom:12px;display:flex}.banner-title{color:var(--color-text-primary);margin-bottom:8px;font-size:14px;font-weight:700;line-height:1.35}.banner-desc{color:var(--color-text-secondary);margin-bottom:16px;font-size:11px;line-height:1.4}.btn-orange-primary{background:var(--color-card-orange-gradient);color:#111;border-radius:var(--radius-md);letter-spacing:.5px;cursor:pointer;border:none;width:100%;padding:12px 0;font-size:13px;font-weight:800}.interactive-row{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:14px;font-size:13px;display:flex}.interactive-row:last-child{border-bottom:none}.interactive-row-stacked{align-items:flex-start;gap:12px}.stacked-text{flex:1}.interactive-title{color:var(--color-text-primary);margin-bottom:4px;font-weight:500}.interactive-subtext{color:var(--color-text-primary);font-size:10px;line-height:1.35}em{color:var(--color-text-secondary);font-style:normal}.interactive-label{color:var(--color-text-primary);align-items:center;gap:4px;font-weight:500;display:flex}.heart-icon{font-size:13px}.interactive-right{align-items:center;gap:6px;display:flex}.interactive-value{color:var(--color-text-secondary);font-size:13px}.chevron-icon{color:var(--color-text-muted)}.btn-dark-secondary{background-color:var(--color-bg-button-dark);width:100%;color:var(--color-brand-orange);border-radius:var(--radius-md);letter-spacing:.5px;cursor:pointer;text-align:center;border:none;margin-top:6px;padding:13px 0;font-size:12px;font-weight:700}.btn-danger-link{background-color:var(--color-bg-button-dark);color:#ff4d4d;border-radius:var(--radius-md);letter-spacing:.5px;cursor:pointer;text-align:center;border:none;width:100%;margin-top:6px;padding:13px 0;font-size:12px;font-weight:700}.user-switcher-section{border-radius:var(--radius-md);background-color:#121416;border:1px dashed #3a3f47;flex-direction:column;gap:8px;margin-top:14px;padding:14px;display:flex}.user-select-label{color:var(--color-brand-orange);font-size:12px;font-weight:600}.user-select-dropdown{color:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background-color:#202124;outline:none;padding:8px 10px;font-size:13px}.bottom-nav-bar{z-index:1000;background-color:var(--color-nav-bg);border-top:1px solid var(--color-nav-border);width:100%;height:44px;padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-item{color:var(--color-nav-inactive);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 0;display:flex}.nav-item.active{color:var(--color-nav-active)}.nav-icon{display:block}.nav-icon-mask{background-color:currentColor;width:24px;height:24px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.nav-label{font-size:10px;font-weight:300}.qr-scan-view{background-color:var(--color-bg-primary);z-index:800;flex-direction:column;width:100vw;max-width:500px;height:100dvh;margin:0 auto;animation:.22s cubic-bezier(.16,1,.3,1) slideInUp;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes slideInUp{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.qr-scrollable-content{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;padding-top:54px;padding-bottom:40px;display:flex;position:relative;overflow:hidden auto}.qr-top-background{pointer-events:none;z-index:0;opacity:.7;background-image:linear-gradient(179deg,#0000,#000),url(/backgrounds/qr-background.svg);background-position:top;background-repeat:no-repeat;background-size:cover;height:240px;position:absolute;top:0;left:0;right:0}.qr-card-body{z-index:1;text-align:center;flex-direction:column;align-items:center;padding:20px 20px 40px;display:flex;position:relative}.qr-instruction-title{color:var(--color-text-primary);letter-spacing:.2px;margin-bottom:22px;font-size:18px;font-weight:700}.qr-code-wrapper{width:93%;margin-bottom:24px}.qr-code-white-card{background-color:#fff;border-radius:14px;justify-content:center;align-items:center;width:100%;padding:4%;display:inline-flex;box-shadow:0 10px 30px #000000b3}.qr-user-details{flex-direction:column;align-items:start;margin-bottom:12px;display:flex}.qr-card-number{letter-spacing:.8px;color:var(--color-text-primary);margin-bottom:4px;font-size:26px;font-weight:900}.qr-unlimited-label{color:var(--color-text-primary);margin-bottom:4px;font-size:15px;font-weight:700}.qr-user-fullname{color:var(--color-text-primary);margin-bottom:8px;font-size:14px;font-weight:500}.qr-live-clock{color:var(--color-brand-orange);letter-spacing:1px;font-variant-numeric:tabular-nums;margin-bottom:24px;margin-left:20%;font-size:19px;font-weight:500}.qr-avatar-container{background-color:#1a1a1a;justify-content:center;align-items:center;width:39%;display:flex;overflow:hidden;box-shadow:0 8px 24px #0009}.qr-avatar-img{object-fit:cover;width:100%;height:100%;display:block}