.commerce-page{max-width:54rem;margin:0 auto;padding:0 1rem 2rem}.commerce-header{display:flex;min-height:4.5rem;align-items:center;gap:.75rem}.commerce-header h1{flex:1;margin:0;font-size:1.125rem;font-weight:800;line-height:1.3}.commerce-back,.commerce-refresh{display:grid;width:2.5rem;height:2.5rem;flex:0 0 2.5rem;place-items:center;border:0;border-radius:50%;background:var(--card,#1d1a1a);color:inherit}.commerce-back:hover,.commerce-refresh:hover{background:var(--secondary,#2d2929)}.commerce-mode{margin:0 0 1rem;border:1px solid var(--border,#ffffff1a);border-radius:.75rem;padding:.875rem 1rem;background:var(--card,#1d1a1a);color:var(--muted-foreground,#aaa);font-size:.75rem;line-height:1.65}.commerce-mode--test{border-color:color-mix(in oklch,var(--accent,#f5bc56) 35%,transparent);background:color-mix(in oklch,var(--accent,#f5bc56) 8%,var(--card,#1d1a1a));color:var(--accent,#f5bc56)}.commerce-summary{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.commerce-summary>div{display:flex;min-width:0;flex-direction:column;gap:.75rem;border-radius:1rem;padding:1.25rem;background:var(--card,#1d1a1a)}.commerce-summary>div>span{display:flex;align-items:center;gap:.625rem;color:var(--muted-foreground,#aaa);font-size:.8125rem;font-weight:650}.commerce-summary>div>span>i{color:var(--accent,#f5bc56)}.commerce-summary>div>strong{font-size:2rem;font-weight:850;line-height:1.1;font-variant-numeric:tabular-nums}.commerce-summary>div>.commerce-vip-status{font-size:1.5rem}.commerce-summary>div>small{color:var(--muted-foreground,#aaa);font-size:.6875rem;line-height:1.6}.commerce-section{margin-top:1.75rem}.commerce-section>h2{margin:0 0 .875rem;font-size:1rem;font-weight:750}.commerce-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:.75rem}.commerce-plan{display:flex;min-width:0;flex-direction:column;align-items:flex-start;border:1px solid var(--border,#ffffff14);border-radius:1rem;padding:1rem;background:var(--card,#1d1a1a)}.commerce-plan--vip{border-color:color-mix(in oklch,var(--accent,#f5bc56) 30%,transparent);background:linear-gradient(140deg,color-mix(in oklch,var(--accent,#f5bc56) 10%,var(--card,#1d1a1a)),var(--card,#1d1a1a))}.commerce-plan__icon{display:grid;width:2.75rem;height:2.75rem;place-items:center;margin-bottom:.875rem;border-radius:.75rem;background:var(--secondary,#2d2929);color:var(--accent,#f5bc56)}.commerce-plan h3{margin:0;font-size:.9375rem;font-weight:800;line-height:1.5}.commerce-plan>p{flex:1;margin:.375rem 0 0;color:var(--muted-foreground,#aaa);font-size:.75rem;line-height:1.6}.commerce-plan__price{display:block;margin:1.125rem 0;font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}.commerce-plan>.account-primary-button{width:100%;font-size:.8125rem}.commerce-empty,.commerce-loading{margin:0;border-radius:.75rem;padding:1rem;background:var(--card,#1d1a1a);color:var(--muted-foreground,#aaa);font-size:.8125rem;line-height:1.7}.commerce-loading{margin-top:1rem}.commerce-sign-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem;border:1px solid var(--border,#ffffff1a);border-radius:1rem;padding:1rem;background:var(--card,#1d1a1a)}.commerce-sign-in p{margin:0;color:var(--muted-foreground,#aaa);font-size:.8125rem;line-height:1.65}.commerce-sign-in .account-primary-button{flex-shrink:0;font-size:.8125rem}.commerce-error{margin:0 0 1rem;border:1px solid color-mix(in oklch,var(--primary,#ef3455) 35%,transparent);border-radius:.75rem;padding:1rem;background:color-mix(in oklch,var(--primary,#ef3455) 8%,var(--card,#1d1a1a));font-size:.8125rem;line-height:1.6}.commerce-error>p{margin:0}.commerce-error>button{margin-top:.5rem;border:0;padding:0;background:none;color:var(--primary,#ef3455);font:inherit;font-weight:750;text-decoration:underline;text-underline-offset:3px}.commerce-table-wrap{overflow:auto;border:1px solid var(--border,#ffffff14);border-radius:1rem;background:var(--card,#1d1a1a)}.commerce-table{width:100%;border-collapse:collapse;font-size:.8125rem;text-align:left}.commerce-table th{padding:.875rem 1rem;color:var(--muted-foreground,#aaa);font-size:.6875rem;font-weight:600}.commerce-table td{border-top:1px solid var(--border,#ffffff14);padding:1rem;vertical-align:middle;font-variant-numeric:tabular-nums}.commerce-table td:first-child{width:60%;min-width:9rem}.commerce-table td:first-child>strong{display:block;font-size:.8125rem;font-weight:650;overflow-wrap:anywhere}.commerce-table td:first-child>small{display:block;margin-top:.375rem;color:var(--muted-foreground,#aaa);font-size:.6875rem;line-height:1.5}.commerce-table td:not(:first-child),.commerce-table th:not(:first-child){white-space:nowrap;text-align:right}.commerce-credit{color:#74d7ab!important}.commerce-orders{overflow:hidden;border:1px solid var(--border,#ffffff14);border-radius:1rem;background:var(--card,#1d1a1a)}.commerce-order-row{display:flex;align-items:center;gap:.75rem;padding:1rem;transition:background .15s ease}.commerce-order-row+.commerce-order-row{border-top:1px solid var(--border,#ffffff14)}.commerce-order-row:hover{background:var(--secondary,#2d2929)}.commerce-order-row>span:first-child{flex:1;min-width:0}.commerce-order-row>span:nth-child(2){flex-shrink:0;text-align:right}.commerce-order-row strong{display:block;font-size:.8125rem;font-weight:650;line-height:1.5;overflow-wrap:anywhere}.commerce-order-row small{display:block;margin-top:.375rem;color:var(--muted-foreground,#aaa);font-size:.6875rem}.commerce-order-row>i{flex:0 0 auto;color:var(--muted-foreground,#aaa)}.commerce-checkout{max-width:34rem;margin:1rem auto 0;border:1px solid var(--border,#ffffff14);border-radius:1.25rem;padding:1.5rem;background:var(--card,#1d1a1a);text-align:center}.commerce-checkout__symbol{display:grid;width:4.5rem;height:4.5rem;place-items:center;margin:.25rem auto 1rem;border-radius:50%;background:var(--secondary,#2d2929);color:var(--accent,#f5bc56)}.commerce-checkout__symbol--paid{background:#74d7ab15;color:#74d7ab}.commerce-checkout>h2{margin:0;font-size:1.375rem;font-weight:800}.commerce-status{margin:.5rem 0 1.5rem;color:var(--muted-foreground,#aaa);font-size:.8125rem;line-height:1.6}.commerce-order-detail{margin:0 0 1.25rem;text-align:left}.commerce-order-detail>div{display:flex;justify-content:space-between;gap:1rem;padding:.875rem 0;border-top:1px solid var(--border,#ffffff14);font-size:.8125rem;line-height:1.6}.commerce-order-detail dt{flex-shrink:0;color:var(--muted-foreground,#aaa)}.commerce-order-detail dd{max-width:75%;margin:0;font-weight:650;text-align:right;overflow-wrap:anywhere}.commerce-order-detail dd.commerce-order-total{font-size:1.25rem;font-weight:800}.commerce-order-detail dd.commerce-order-id{font-size:.6875rem;font-family:ui-monospace,monospace}.commerce-checkout__note,.commerce-confirmation{margin:0 0 1.25rem;color:var(--muted-foreground,#aaa);font-size:.8125rem;line-height:1.75}.commerce-checkout>.account-primary-button{width:100%}.commerce-back-link{display:block;width:fit-content;margin:1rem auto 0;color:var(--muted-foreground,#aaa);font-size:.8125rem}.commerce-back-link:hover{text-decoration:underline}.commerce-secondary-button{display:inline-flex;width:100%;min-height:2.75rem;align-items:center;justify-content:center;margin-top:.75rem;border:1px solid var(--border,#ffffff20);border-radius:999px;padding:.625rem 1rem;background:var(--secondary,#2d2929);color:inherit;font:inherit;font-size:.8125rem;font-weight:650}.commerce-page button:disabled{cursor:wait;opacity:.5}.commerce-page :focus-visible{outline:2px solid var(--primary,#ef3455);outline-offset:3px}@media(min-width:64rem){.commerce-header{padding:1.25rem 0;min-height:5rem}.commerce-header h1{font-size:1.5rem}.commerce-summary>div{padding:1.5rem}.commerce-plan{padding:1.25rem}}@media(max-width:28rem){.commerce-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-plan{padding:.875rem}.commerce-plan__price{font-size:1.25rem}.commerce-plan>.account-primary-button{padding:.625rem .5rem;font-size:.75rem}.commerce-summary>div{gap:.625rem;padding:1rem}.commerce-summary>div>span{font-size:.75rem;gap:.375rem}.commerce-summary>div>.commerce-vip-status{font-size:1.25rem}.commerce-sign-in{align-items:flex-start;flex-direction:column}.commerce-sign-in>.account-primary-button{width:100%}.commerce-table th,.commerce-table td{padding:.875rem .75rem}.commerce-checkout{padding:1.25rem 1rem}.commerce-order-row{padding:1rem .875rem;gap:.5rem}}@media(prefers-reduced-motion:reduce){.commerce-page *{transition:none!important}}

.commerce-pricing-note{color:var(--muted-foreground,#aaa);font-size:.78rem;line-height:1.7;margin:.75rem 0}.commerce-plan__price>small{display:block;margin-top:.35rem;font-size:.68rem;color:var(--muted-foreground,#aaa);font-weight:500}.commerce-plan>.commerce-renewal-terms{flex:0;margin:0 0 .9rem;font-size:.76rem;line-height:1.8;color:var(--foreground,#eee)}.commerce-consent{display:flex;align-items:flex-start;gap:.55rem;margin:0 0 1rem;font-size:.72rem;line-height:1.7;color:var(--muted-foreground,#aaa);cursor:pointer}.commerce-consent input{flex:0 0 1rem;width:1rem;height:1rem;margin:.15rem 0 0;accent-color:var(--primary,#ef3455)}.commerce-manage-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;color:var(--accent,#f5bc56);font-size:.85rem}.commerce-section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.commerce-section-heading h2{margin:0;font-size:1rem}.commerce-section-heading a,.commerce-legal-links a,.commerce-renewal-terms a{color:var(--accent,#f5bc56);text-decoration:underline;text-underline-offset:3px}.commerce-section-heading a{font-size:.8rem}.commerce-subscription-list{display:grid;gap:1rem}.commerce-subscription{padding:1.25rem;border:1px solid var(--border,#ffffff20);border-radius:1rem;background:var(--card,#1d1a1a)}.commerce-subscription-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem}.commerce-subscription-heading h3{font-size:1rem;margin:0}.commerce-subscription-heading>span{font-size:.75rem;color:var(--accent,#f5bc56)}.commerce-subscription>p,.commerce-action-confirm>p{font-size:.8rem;line-height:1.8;color:var(--muted-foreground,#aaa)}.commerce-subscription>small{display:block;font-size:.7rem;line-height:1.8;color:var(--muted-foreground,#aaa);margin-top:1rem}.commerce-subscription-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.65rem}.commerce-subscription-actions>.commerce-secondary-button{margin:0}.commerce-action-confirm{margin-top:1rem;padding:1rem;border-radius:.75rem;border:1px solid var(--accent,#f5bc56)}.commerce-action-confirm>.account-primary-button{width:100%}.commerce-checkout>.commerce-renewal-terms,.commerce-legal-links{font-size:.78rem;line-height:1.8;text-align:left;margin:0 0 1rem;color:var(--muted-foreground,#aaa)}.commerce-page button:disabled{cursor:not-allowed}.commerce-action-confirm .commerce-secondary-button{margin-top:.7rem}@media(max-width:28rem){.commerce-plan:has(.commerce-consent){grid-column:1/-1}.commerce-subscription{padding:1rem}.commerce-section-heading{align-items:flex-start}.commerce-subscription-actions{grid-template-columns:1fr}}