@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Work+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--color-primary:#111;--color-surface:#fff;--color-accent:#b08d3d;--color-bg:#efeeea;--color-accent-fill:#f7f1e3;--color-warn-bg:#fbf6ea;--color-warn-border:#e8d9b0;--color-destructive:#8b5a5a;--color-slate:#7a8a99;--color-taupe:#6b5b45;--color-border:#ddd;--color-border-subtle:#eee;--color-text-muted:#999;--artist-color-1:var(--color-accent);--artist-color-2:var(--color-slate);--artist-color-3:var(--color-destructive);--artist-color-4:var(--color-taupe);--font-heading:"Space Grotesk", sans-serif;--font-body:"Work Sans", sans-serif;--radius-card:6px;--radius-control-desktop:4px;--radius-control-mobile:8px;--radius-phone-frame:28px;--radius-pill-desktop:10px;--radius-pill-mobile:12px;--sidebar-width:200px}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-primary);margin:0}h1,h2,h3,.heading{font-family:var(--font-heading);margin:0;font-weight:700}button{font-family:var(--font-body);cursor:pointer}.label-uppercase{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:10px;font-weight:600}.btn{border-radius:var(--radius-control-desktop);border:1px solid #0000;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.85}.btn-primary{background:var(--color-primary);color:#fff}.btn-accent{border-color:var(--color-accent);color:var(--color-accent);background:0 0}.btn-secondary{border-color:var(--color-border);color:var(--color-primary);background:0 0}.btn-destructive{border-color:var(--color-destructive);color:var(--color-destructive);background:0 0}.btn-outline{border-color:var(--color-border);color:var(--color-primary);background:0 0;transition:background .15s,color .15s,border-color .15s}.btn-outline:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;opacity:1}.payment-method-btn{border-radius:var(--radius-control-desktop);color:var(--color-primary);cursor:pointer;background:0 0;border:1px solid #ddd;padding:10px 6px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.payment-method-btn:hover:not(.payment-method-btn--selected){background:var(--color-primary);border-color:var(--color-primary);color:#fff}.payment-method-btn--selected{background:var(--color-primary);border:1.5px solid var(--color-primary);color:#fff}