*{box-sizing:border-box}:root{--bg: #ffffff;--surface: #f5f6f8;--text: #101114;--text-secondary: #6b7280;--border: #e5e7eb;--accent: #2563eb;color-scheme:light}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100vh;background:var(--bg)}button{font-family:inherit;cursor:pointer}.app{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg);border-bottom:1px solid var(--border)}.app-main{flex:1;padding-bottom:32px}.page{padding:20px 16px 8px;max-width:560px;margin:0 auto}.section-title{font-size:15px;margin:0 0 12px}.duration-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.duration-option{--accent: #2563eb;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:14px;text-align:left}.duration-option--active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.duration-option__label{font-size:15px;font-weight:600}.duration-option__price{font-weight:700;display:flex;align-items:center;gap:8px}.primary-button{width:100%;background:var(--accent);color:#fff;border:none;border-radius:14px;padding:16px;font-size:16px;font-weight:700}.primary-button:disabled{opacity:.6}.secondary-button{width:100%;background:none;color:var(--text);border:1px solid var(--border);border-radius:14px;padding:14px;font-size:15px;font-weight:600;margin-top:10px}.cart-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.cart-item{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px}.cart-item__title{font-size:14px;font-weight:600}.cart-item__meta{font-size:12px;color:var(--text-secondary)}.cart-item__controls{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:4px 8px}.cart-item__controls button{background:none;border:none;font-size:16px;width:20px;color:var(--text)}.cart-item__price{font-weight:700;font-size:14px;white-space:nowrap}.cart-item__remove{background:none;border:none;color:var(--text-secondary);font-size:14px}.cart-total{display:flex;align-items:center;justify-content:space-between;padding:16px 4px;font-size:16px;border-top:1px solid var(--border);margin-bottom:16px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:14px}.empty-state h1{color:var(--text);margin:0}.success-icon{width:56px;height:56px;border-radius:50%;background:#16a34a;color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center}.checkout-summary{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:16px}.checkout-summary__row{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.field-block{margin-bottom:18px}.field-block__title{font-size:14px;font-weight:700;margin-bottom:8px}.field-block__hint{font-size:12px;color:var(--text-secondary);margin:8px 0}.segmented{display:flex;gap:8px;background:var(--surface);border-radius:14px;padding:4px}.segmented__option{flex:1;background:none;border:none;border-radius:11px;padding:10px 8px;font-size:13px;font-weight:600;color:var(--text-secondary)}.segmented__option--active{background:var(--accent);color:#fff}.text-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;font-size:14px;color:var(--text);margin-bottom:14px;outline:none}.agree-row{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--text-secondary);margin-bottom:18px;line-height:1.4}.agree-row input{margin-top:2px;flex-shrink:0}.cart-mini-list{display:flex;flex-direction:column;gap:8px;margin:10px 0}.cart-mini-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.cart-mini-item .product-badge{--pb-w: 40px;border-radius:8px}.cart-mini-item .product-badge__label,.cart-mini-item .product-badge__duration{display:none}.cart-mini-item .product-badge__icon svg{width:18px;height:18px}.profile-hero{display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;margin-bottom:16px}.profile-hero__avatar{width:56px;height:56px;border-radius:50%;background:#fff3;color:#fff;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.4)}.profile-hero__avatar img{width:100%;height:100%;object-fit:cover}.profile-hero__name{font-size:17px;font-weight:700}.profile-hero__subtitle{font-size:13px;opacity:.85}.profile-actions{display:flex;gap:12px;margin-bottom:16px}.profile-action-card{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)}.profile-action-card__icon{font-size:22px}.region-card-row{width:100%;display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:16px;text-align:left}.region-card-row__flag{font-size:28px}.region-card-row__text{flex:1;display:flex;flex-direction:column;gap:2px}.region-card-row__label{font-size:12px;color:var(--text-secondary)}.region-card-row__value{font-size:15px;font-weight:700}.region-card-row__chevron{font-size:20px;color:var(--text-secondary)}.orders-preview__title{font-size:14px;font-weight:700;margin-bottom:10px}.order-preview-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px;margin-bottom:10px}.order-preview-row .product-badge{--pb-w: 44px;border-radius:8px}.order-preview-row .product-badge__label,.order-preview-row .product-badge__duration{display:none}.order-preview-row__body{flex:1}.order-preview-row__title{font-size:13px;font-weight:700}.order-preview-row__meta{font-size:11px;color:var(--text-secondary)}.orders-preview__more{background:none;border:none;color:var(--accent);font-size:13px;font-weight:700;padding:6px 0}.status-badge{font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;white-space:nowrap}.status-badge--pending{background:#fef3c7;color:#b45309}.status-badge--paid{background:#dcfce7;color:#15803d}.status-badge--cancelled{background:#fee2e2;color:#b91c1c}.order-list{display:flex;flex-direction:column;gap:14px}.order-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px}.order-card__top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.order-card__id{font-size:14px;font-weight:700}.order-card__date{font-size:12px;color:var(--text-secondary)}.order-card__items{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.order-card__total{display:flex;justify-content:space-between;font-size:13px;padding-top:10px;border-top:1px solid var(--border)}.region-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.region-header h1{font-size:24px;margin:0 0 8px}.region-header p{color:var(--text-secondary);margin:0}.region-list{display:flex;flex-direction:column;gap:16px}.region-card{position:relative;border:none;border-radius:20px;padding:22px;min-height:120px;display:flex;align-items:flex-end;justify-content:space-between;text-align:left;color:#fff;box-shadow:0 8px 20px #0000001f;overflow:hidden}.region-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#00000059)}.region-card__text{position:relative;z-index:1}.region-card__name{font-size:20px;font-weight:800;margin-bottom:4px}.region-card__subtitle{font-size:13px;opacity:.9}.region-card__chevron{position:relative;z-index:1;font-size:24px;font-weight:300;align-self:center}.region-card--disabled{opacity:.55}.region-card__soon{position:relative;z-index:1;align-self:center;font-size:11px;font-weight:700;background:#fff3;padding:5px 10px;border-radius:999px;white-space:nowrap}.category-card{justify-content:center}.category-card__text{width:100%;text-align:center}.category-card__soon{position:absolute;top:14px;right:14px}.back-link{background:none;border:none;color:var(--text);font-size:15px;font-weight:600;padding:0}.page-title{font-size:24px;margin:4px 0 16px}.search-row{display:flex;gap:8px;margin-bottom:18px}.search-input{flex:1;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px 14px}.search-input input{flex:1;border:none;background:none;font-size:14px;outline:none;color:var(--text)}.region-chip{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px 14px;font-size:13px;font-weight:600;white-space:nowrap}.chip-row{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto}.chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.chip--active{background:var(--accent);border-color:var(--accent);color:#fff}.product-list{display:flex;flex-direction:column;gap:12px}.product-row{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px;cursor:pointer}.product-row__body{flex:1}.product-row__name{font-size:15px;font-weight:600;margin-bottom:4px}.product-row__meta{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.product-row__price{font-size:17px;font-weight:800}.heart-button{background:none;border:none;font-size:20px;color:var(--text-secondary);padding:4px;flex-shrink:0}.heart-button--active{color:#ef4444}.product-badge{--pb-w: 78px;width:var(--pb-w);height:var(--pb-w);flex-shrink:0;border-radius:12px;border:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;text-align:center}.product-badge--lg{--pb-w: 110px}.product-badge__label{font-size:9px;font-weight:800;letter-spacing:.5px}.product-badge--lg .product-badge__label{font-size:11px}.product-badge__rule{width:60%;height:1px;opacity:.5;margin:1px 0}.product-badge__duration{font-size:8px;font-weight:600;opacity:.8}.product-badge--lg .product-badge__duration{font-size:10px}.product-badge__icon{margin-top:2px}.tab-bar{position:sticky;bottom:0;display:flex;background:var(--bg);border-top:1px solid var(--border);padding:8px 4px calc(env(safe-area-inset-bottom,0px) + 6px)}.tab-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text-secondary);font-size:11px;font-weight:600;padding:4px 0}.tab-bar__item--active{color:var(--accent)}.tab-bar__icon{position:relative;font-size:20px}.tab-bar__badge{position:absolute;top:-4px;right:-10px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px}.detail-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.detail-title{font-size:22px;margin:0 0 6px}.detail-price{font-size:26px;font-weight:800;margin-bottom:18px}.detail-features{background:var(--surface);border-radius:14px;padding:14px;margin-bottom:24px}.detail-features__title{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.detail-features ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;font-size:13px}.other-durations{display:flex;gap:12px;overflow-x:auto;margin-bottom:24px;padding-bottom:4px}.other-duration-card{flex-shrink:0;width:130px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.other-duration-card__name{font-size:12px;font-weight:600}.other-duration-card__meta{font-size:11px;color:var(--text-secondary)}.other-duration-card__price{font-size:14px;font-weight:800}.primary-button--sticky{position:sticky;bottom:12px}.primary-button--alt{background:#16a34a}.game-search{position:relative}.game-search__dropdown{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;max-height:320px;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 28px #0000001f;padding:6px}.game-search__option{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;border-radius:10px;padding:8px;text-align:left;font-size:14px;color:var(--text)}.game-search__option:hover{background:var(--surface)}.game-search__option img{width:34px;height:40px;object-fit:cover;border-radius:4px;flex-shrink:0;background:var(--surface)}.game-search__hint{padding:10px 8px;font-size:13px;color:var(--text-secondary)}.info-note{margin-top:14px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;font-size:13px;line-height:1.45;color:var(--text-secondary)}