:root{--color-background:#f5f3f0;--color-surface:#fff;--color-surface-alt:#faf9f7;--color-text:#1a1a1a;--color-text-muted:#666;--color-text-light:#999;--color-text-on-dark:#fff;--color-primary:#1a1a1a;--color-primary-text:#fff;--color-accent:#ff6b35;--color-border:#f0f0f0;--color-border-strong:#e0e0e0;--color-divider:#f5f5f5;--color-success:#4caf50;--color-success-bg:#e8f5e9;--color-success-text:#2e7d32;--color-danger:#ef5350;--color-danger-bg:#fdecea;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-xxl:24px;--space-xxxl:32px;--radius-sm:12px;--radius-md:16px;--radius-lg:18px;--radius-xl:20px;--radius-xxl:24px;--radius-pill:28px;--shadow-card:0 2px 8px #0000000d;--shadow-floating:0 4px 8px #0003;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.page{max-width:480px;min-height:100dvh;padding:var(--space-xxxl) var(--space-xl) var(--space-xl);flex-direction:column;margin:0 auto;display:flex}.page-main{flex:1}.hero{text-align:center;margin-bottom:var(--space-xxl);flex-direction:column;align-items:center;display:flex}.hero-name{margin-top:var(--space-md);font-size:24px;font-weight:700}.hero-handle{color:var(--color-text-light);margin-top:2px;font-size:15px}.avatar{object-fit:cover;background:var(--color-border-strong);border-radius:999px;width:96px;height:96px}.avatar-fallback{background:var(--color-primary);width:96px;height:96px;color:var(--color-primary-text);border-radius:999px;justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex}.product-list{gap:var(--space-md);flex-direction:column;display:flex}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.product-image{object-fit:cover;background:var(--color-surface-alt);width:100%;height:160px;display:block}.product-image-placeholder{background:var(--color-surface-alt);width:100%;height:160px;color:var(--color-text-light);justify-content:center;align-items:center;font-size:32px;display:flex}.product-body{padding:var(--space-lg)}.product-title{font-size:16px;font-weight:700}.product-price{color:var(--color-text-muted);margin-top:2px;font-size:15px}.product-cta{width:100%;margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-primary-text);justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.screen-top{margin-bottom:var(--space-lg);align-items:center;display:flex}.back-button{background:var(--color-surface);border:1px solid var(--color-border);width:40px;height:40px;box-shadow:var(--shadow-card);border-radius:999px;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.product-hero-image{object-fit:cover;background:var(--color-surface-alt);border-radius:var(--radius-xl);border:1px solid var(--color-border);width:100%;height:200px;display:block}.product-hero-placeholder{color:var(--color-text-light);justify-content:center;align-items:center;font-size:40px;display:flex}.product-hero-title{margin-top:var(--space-lg);font-size:22px;font-weight:700}.product-hero-price{color:var(--color-text-muted);margin-top:2px;font-size:17px;font-weight:600}.screen-note{color:var(--color-text-muted);margin-top:var(--space-sm);font-size:14px}.cta-heading{margin-top:var(--space-xl);font-size:16px;font-weight:700}.checkout-form{gap:var(--space-md);margin-top:var(--space-lg);flex-direction:column;display:flex}.field-input,.field-textarea{width:100%;padding:14px var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);outline:none;font-family:inherit;font-size:15px}.field-input:focus,.field-textarea:focus{border-color:var(--color-primary)}.field-input.field-invalid,.field-textarea.field-invalid{border-color:var(--color-danger)}.field-textarea{resize:vertical;min-height:110px}.field-error{color:var(--color-danger);margin-top:var(--space-xs);font-size:13px}.total-row{margin-top:var(--space-sm);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.total-label{font-size:15px;font-weight:600}.total-amount{font-size:17px;font-weight:700}.purchase-button{width:100%;margin-top:var(--space-sm);padding:16px var(--space-lg);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-primary-text);justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.purchase-button:disabled{opacity:.6;cursor:default}.form-notice{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--color-surface-alt);border:1px solid var(--color-border-strong);color:var(--color-text-muted);text-align:center;font-size:14px}.form-notice.form-notice-error{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.link-field{width:100%;margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-muted);word-break:break-all;font-size:14px;display:block}.link-actions{gap:var(--space-md);margin-top:var(--space-lg);flex-direction:column;display:flex}.link-button-secondary{width:100%;padding:14px var(--space-lg);border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text);justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.copy-feedback{color:var(--color-success-text);text-align:center;margin-top:var(--space-sm);font-size:13px}.return-home{text-align:center;margin-top:var(--space-xxl);color:var(--color-text-muted);text-underline-offset:2px;font-size:14px;text-decoration:underline;display:block}.state{text-align:center;padding:var(--space-xxxl) var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.state-title{font-size:16px;font-weight:700}.state-description{color:var(--color-text-muted);margin-top:var(--space-xs);font-size:14px}.state-page{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.state-page-title{font-size:24px;font-weight:700}.state-page-description{color:var(--color-text-muted);margin-top:var(--space-sm);font-size:15px}.store-footer{margin-top:var(--space-xxxl);padding-top:var(--space-lg);align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.store-footer-brand{color:var(--color-text-light);font-size:13px}.store-footer-brand strong{color:var(--color-text-muted);font-weight:600}.store-footer-link{color:var(--color-text-light);text-underline-offset:2px;font-size:13px;text-decoration:underline}.result-page{text-align:center;padding:var(--space-xxl) 0;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:60vh;display:flex}.result-icon{width:72px;height:72px;margin-bottom:var(--space-lg);border-radius:999px;justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex}.result-icon-success{background:var(--color-success-bg);color:var(--color-success-text)}.result-icon-danger{background:var(--color-danger-bg);color:var(--color-danger)}.result-icon-muted{background:var(--color-surface-alt);color:var(--color-text-muted);border:1px solid var(--color-border-strong)}.result-title{font-size:28px;font-weight:700}.result-subtitle{color:var(--color-success-text);margin-top:var(--space-xs);font-size:16px;font-weight:600}.result-description{color:var(--color-text-muted);margin-top:var(--space-md);margin-bottom:var(--space-xxl);max-width:320px;font-size:15px;line-height:1.5}.order-card{width:100%;padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:var(--space-xl);text-align:left}.order-card-title{font-size:16px;font-weight:700}.order-card-amount{color:var(--color-text-muted);margin-top:2px;font-size:15px}@keyframes spin{to{transform:rotate(360deg)}}.result-spinner{border:3px solid var(--color-border-strong);border-top-color:var(--color-primary);width:48px;height:48px;margin-bottom:var(--space-lg);border-radius:999px;animation:.8s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.skeleton{background:var(--color-border-strong);animation:1.4s ease-in-out infinite pulse}.skeleton-avatar{border-radius:999px;width:96px;height:96px}.skeleton-line{width:160px;height:20px;margin-top:var(--space-md);border-radius:8px}.skeleton-line-sm{width:100px;height:14px;margin-top:var(--space-sm);border-radius:8px}.skeleton-card{border-radius:var(--radius-lg);height:240px}