@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:light dark;--font-display: -apple-system, "SF Pro Display", "Inter", "PingFang SC", "Helvetica Neue", sans-serif;--font-body: -apple-system, "SF Pro Text", "Inter", "PingFang SC", "Helvetica Neue", sans-serif;--page-bg: #F2F2F7;--panel-bg: rgba(255, 255, 255, .82);--panel-border: rgba(60, 60, 67, .12);--text-primary: rgba(0, 0, 0, .88);--text-secondary: rgba(60, 60, 67, .6);--accent: #007AFF;--accent-strong: #0062CC;--accent-soft: rgba(0, 122, 255, .1);--accent-glow: rgba(0, 122, 255, .18);--mint: #30D158;--danger: #FF3B30;--warn: #FF9F0A;--card-bg: #FFFFFF;--surface: rgba(118, 118, 128, .08);--modal-content-bg: #FFFFFF;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .06);--shadow: 0 2px 8px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1), 0 16px 40px rgba(0, 0, 0, .1);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px}:root[data-theme=dark]{--page-bg: #000000;--panel-bg: rgba(28, 28, 30, .92);--panel-border: rgba(255, 255, 255, .1);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(235, 235, 245, .6);--accent: #0A84FF;--accent-strong: #409CFF;--accent-soft: rgba(10, 132, 255, .15);--accent-glow: rgba(10, 132, 255, .22);--mint: #30D158;--danger: #FF453A;--warn: #FF9F0A;--card-bg: #1C1C1E;--surface: rgba(118, 118, 128, .16);--modal-content-bg: #1C1C1E;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .32), 0 4px 14px rgba(0, 0, 0, .24);--shadow: 0 2px 10px rgba(0, 0, 0, .36), 0 8px 28px rgba(0, 0, 0, .28);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .4), 0 16px 48px rgba(0, 0, 0, .36)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);font-size:17px;line-height:1.47059;background:var(--page-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,a{transition:opacity .18s ease,transform .12s ease,background .18s ease}button{font:inherit;cursor:pointer;border:none}button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}img{display:block;max-width:100%}.page-shell{min-height:100vh;padding:var(--space-lg) var(--space-md) 48px;background:var(--page-bg)}.page-width{width:min(1180px,100%);margin:0 auto;display:grid;gap:var(--space-lg)}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--shadow);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:var(--radius-lg)}.header{padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-between;gap:var(--space-md);align-items:center}.brand{display:flex;gap:var(--space-sm);align-items:center}.brand-mark{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:15px;background:var(--accent);color:#fff;box-shadow:inset 0 1px #fff3,var(--shadow-sm)}.brand h1,.hero h2,.summary-header h3,.drawer h2,.modal-body h2{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:-.022em}.brand p,.hero p,.footer p,.cart-item p,.product-copy p{margin:0;color:var(--text-secondary);font-size:15px}.header-actions{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end}.user-card{display:grid;gap:2px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--surface)}.user-card span,.section-kicker,.summary-line small,.summary-footnote span,.footer-bottom span{color:var(--text-secondary);font-size:13px}.secondary-button,.ghost-button,.cart-controls button{min-height:36px;padding:8px var(--space-md);border:1px solid var(--panel-border);border-radius:var(--radius-pill);background:var(--surface);color:var(--accent);font-size:15px;font-weight:600}.primary-button,.cart-button{min-height:44px;padding:12px var(--space-lg);border:none;border-radius:var(--radius-pill);background:var(--accent);color:#fff;font-size:17px;font-weight:600;letter-spacing:-.02em}.cart-button{display:inline-flex;align-items:center;gap:var(--space-xs)}.cart-button span{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;font-size:13px;font-weight:700;background:rgba(255,255,255,.22)}.primary-button:hover,.primary-button:focus-visible,.cart-button:hover,.cart-button:focus-visible{opacity:.86;transform:scale(.985)}.secondary-button:hover,.secondary-button:focus-visible,.ghost-button:hover,.ghost-button:focus-visible,.cart-controls button:hover,.cart-controls button:focus-visible{background:var(--accent-soft);border-color:var(--accent)}.main-layout{display:grid;gap:var(--space-lg)}.hero{padding:var(--space-xl) var(--space-lg);display:grid;grid-template-columns:1fr;gap:var(--space-lg);align-items:center}.today-sale{width:100%;display:grid;gap:var(--space-sm)}.sale-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}.sale-item{border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);display:grid;gap:6px;background:var(--card-bg);border:1px solid var(--panel-border);box-shadow:var(--shadow-sm)}.sale-item span{color:var(--accent);font-size:22px;font-weight:700;letter-spacing:-.03em}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md)}.status-banner{padding:var(--space-sm) var(--space-lg);font-weight:600;font-size:15px;background:rgba(48,209,88,.1);color:var(--mint);border-radius:var(--radius-md)}.page-switch{padding:var(--space-sm);display:flex;gap:var(--space-xs);flex-wrap:wrap}.switch-button-active{border-color:var(--accent)!important;background:var(--accent-soft)!important;color:var(--accent-strong)}.product-card{display:grid;background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--panel-border);transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.product-card-disabled{opacity:.75}:root[data-theme=dark] .product-card{border-color:#ffffff14}:root[data-theme=dark] .product-card:hover{border-color:#ffffff24;box-shadow:var(--shadow-lg)}.product-visual{border:none;padding:0;background:transparent;cursor:pointer}.product-visual img,.modal-image{width:100%;aspect-ratio:1 / .9;object-fit:cover}.product-body{padding:var(--space-md);display:grid;gap:var(--space-md)}.product-copy{display:grid;gap:6px}.product-copy h3{margin:0;font-size:17px;font-weight:600;letter-spacing:-.02em}.product-pricing,.product-meta,.product-actions,.detail-stats,.summary-header,.summary-footnote,.drawer-header,.footer-columns,.footer-bottom,.cart-controls{display:flex;justify-content:space-between;gap:var(--space-sm);align-items:center}.product-pricing{align-items:baseline;flex-wrap:wrap}.product-pricing strong,.summary-header strong{font-size:20px;font-weight:700;color:var(--accent);letter-spacing:-.025em}.product-pricing s{color:var(--text-secondary);font-size:14px}.discount-badge{padding:3px 8px;border-radius:var(--radius-sm);background:rgba(255,59,48,.1);color:var(--danger);font-size:13px;font-weight:600}.product-meta{font-size:13px;color:var(--text-secondary);flex-wrap:wrap}.drawer-backdrop,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.48);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:grid;place-items:center;padding:var(--space-md);z-index:20}.drawer{width:min(540px,100%);max-height:calc(100vh - 36px);overflow:auto;background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-lg);display:grid;gap:var(--space-md)}.drawer:before{content:"";display:block;width:36px;height:5px;border-radius:var(--radius-pill);background:var(--panel-border);margin:0 auto -8px}.drawer-items,.summary-lines{display:grid;gap:var(--space-sm)}.cart-item,.summary-line,.empty-state{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.cart-item h3{margin:0 0 4px;font-size:15px;font-weight:600}.cart-controls{justify-content:flex-end;flex-wrap:wrap}.delete-button{background:transparent;border:none;color:var(--danger);font-size:15px;font-weight:500;padding:6px var(--space-xs)}.delete-button:hover{opacity:.7}.summary-card{display:grid;gap:var(--space-md)}.summary-line{display:flex;justify-content:space-between;gap:var(--space-sm)}.summary-line span,.summary-amount strong{display:block}.summary-amount{text-align:right}.checkout-button{width:100%}.checkout-message{margin:0;font-size:13px;color:var(--danger)}.modal-card{width:min(880px,100%);background:var(--card-bg);border-radius:var(--radius-xl);overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;box-shadow:var(--shadow-lg);border:1px solid var(--panel-border)}.modal-body{padding:var(--space-xl) var(--space-lg);display:grid;gap:var(--space-md);background:var(--modal-content-bg);align-content:start}.detail-stats{flex-wrap:wrap;color:var(--text-secondary);font-size:13px}.modal-actions{display:flex;gap:var(--space-sm)}.footer{padding:var(--space-lg);display:grid;gap:var(--space-md)}.footer-divider{height:1px;background:var(--panel-border)}.footer-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-xs)}.footer-list a{color:var(--accent);text-decoration:none;font-size:15px}.footer-list a:hover,.footer-list a:focus-visible{opacity:.72}.auth-modal{width:min(480px,100%);padding:var(--space-xl) var(--space-lg);display:grid;gap:var(--space-sm)}.rebuy-modal{width:min(560px,100%);padding:var(--space-lg);display:grid;gap:var(--space-sm)}.rebuy-header{display:flex;justify-content:space-between;gap:var(--space-sm);align-items:center}.rebuy-header h3{margin:0}.rebuy-item-list{display:grid;gap:var(--space-xs)}.rebuy-item{display:grid;grid-template-columns:auto 1fr;gap:var(--space-xs);align-items:start;border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:var(--surface);padding:var(--space-xs) var(--space-sm)}.rebuy-item p,.rebuy-item strong{margin:0}.rebuy-item-disabled{opacity:.55}.rebuy-item-disabled input{cursor:not-allowed}.rebuy-summary{display:grid;gap:6px;border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:var(--surface);padding:var(--space-sm)}.rebuy-summary p{margin:0}.balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.profile-description{margin:8px 0 0;color:var(--text-secondary)}.profile-form{display:grid;gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-sm)}.balance-textarea{min-height:96px;padding:var(--space-xs) var(--space-sm);resize:vertical}.notice-modal{width:min(460px,100%);padding:var(--space-lg);display:grid;gap:var(--space-sm)}.notice-modal h3,.notice-modal p{margin:0}.notice-modal-success{border-color:#30d15859}.notice-modal-error{border-color:#ff3b3059}.notice-modal-info{border-color:#007aff59}.auth-label{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.auth-input{height:44px;padding:0 var(--space-sm);border:1px solid var(--panel-border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-family:var(--font-body);font-size:17px;transition:border-color .16s ease,box-shadow .16s ease}.auth-input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px #ff3b301a}.auth-help{font-size:13px;line-height:1.4;color:var(--text-secondary)}.auth-help-error{color:var(--danger);font-weight:500}.auth-help-shake{display:inline-block;animation:auth-shake .38s ease}@keyframes auth-shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.history-panel{padding:var(--space-lg);display:grid;gap:var(--space-md)}.history-header h3{margin:0;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.022em}.history-list{display:grid;gap:var(--space-sm)}.recent-purchase-card{border-radius:var(--radius-md);border:1px solid rgba(48,209,88,.3);background:rgba(48,209,88,.09);padding:var(--space-sm) var(--space-md);display:grid;gap:var(--space-xs)}.recent-purchase-card h4{margin:0;font-size:18px}.recent-purchase-items{display:flex;flex-wrap:wrap;gap:8px}.recent-purchase-items span{border-radius:var(--radius-pill);background:var(--surface);padding:4px 10px;font-size:13px}.history-item{border-radius:var(--radius-md);background:var(--surface);padding:var(--space-sm) var(--space-md);display:grid;gap:6px}.history-toggle{border:none;background:transparent;padding:0;text-align:left;color:inherit;cursor:pointer;display:grid;gap:6px}.history-toggle-tip{margin:0;color:var(--accent);font-size:13px}.history-detail-list{display:grid;gap:var(--space-xs);border-top:1px solid var(--panel-border);padding-top:var(--space-sm)}.history-detail-item{border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--card-bg);padding:var(--space-xs) var(--space-sm);display:grid;gap:4px}.history-detail-item p,.history-detail-item strong{margin:0}.history-action-row{display:flex;gap:var(--space-xs);flex-wrap:wrap}.history-item-latest{border:1px solid rgba(48,209,88,.35)}.history-item p{margin:0;font-size:15px;color:var(--text-secondary)}.fee-refunded-note{color:#0b66d0!important;font-weight:600}.history-row{display:flex;justify-content:space-between;gap:var(--space-xs);align-items:center}.status-badge{padding:3px 8px;border-radius:var(--radius-sm);font-size:13px;font-weight:600}.status-badge-paid{background:rgba(48,209,88,.12);color:#1f9e4a}.status-badge-unpaid{background:rgba(255,59,48,.12);color:var(--danger)}.status-badge-cancelled{background:rgba(142,142,147,.16);color:#6f6f74}.status-badge-pending{background:rgba(255,159,10,.14);color:#d97706}.status-badge-refunded{background:rgba(0,122,255,.14);color:#0b66d0}.status-badge-other{background:rgba(175,82,222,.16);color:#7c3aed}.section-kicker{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}@media (max-width: 920px){.header,.hero,.footer-columns,.footer-bottom,.drawer-header,.summary-line,.summary-header,.summary-footnote,.cart-item,.product-meta,.product-actions{flex-direction:column;align-items:flex-start}.sale-list{grid-template-columns:1fr}.modal-card{display:block}}@media (max-width: 640px){.page-shell{padding:var(--space-md) var(--space-sm) 40px}.header,.hero,.footer,.drawer,.modal-body{padding:var(--space-md)}.product-actions,.modal-actions{flex-direction:column}.product-actions button,.modal-actions button,.secondary-button,.primary-button,.cart-button{width:100%;justify-content:center}.drawer{width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:85vh;align-self:end}.drawer-backdrop{align-items:flex-end;padding:0}.balance-grid,.profile-form{grid-template-columns:1fr}}@media (max-width: 420px){:root{--space-lg: 16px;--space-md: 12px;--space-sm: 10px;--space-xs: 8px}.page-shell{padding:var(--space-sm) 6px 24px}.product-copy h3,.history-header h3,.summary-header h3,.rebuy-header h3{font-size:16px}.status-badge,.discount-badge{font-size:12px}.history-action-row .primary-button,.history-action-row .secondary-button,.history-action-row .ghost-button{width:100%;justify-content:center}}