.commerce-page{max-width:1250px;margin:auto;padding:38px 30px;color:#eee9f5}.commerce-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.commerce-heading h1{font:600 clamp(30px,4vw,44px) Manrope;margin:12px 0}.commerce-heading p,.commerce-note,.offer-card p{color:#aaa2b8;line-height:1.7}.commerce-heading h2{font-size:23px}.commerce-heading small{color:#a699b6;font-size:15px;margin-left:10px}.commerce-callout{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid #383040;background:linear-gradient(110deg,#241d30,#15131c);border-radius:18px;margin-bottom:24px}.commerce-callout p{font-size:13px;color:#b5abbf;margin:8px 0 0}.commerce-status{font-size:11px;letter-spacing:.06em;color:#d8c4f8;background:#b68bd71a;border:1px solid #ad83d13b;padding:7px 10px;border-radius:7px;white-space:nowrap}.commerce-callout>.commerce-status{margin-left:auto}.commerce-empty{text-align:center;border:1px dashed #3d3448;border-radius:20px;padding:70px 24px;color:#b5a6c6}.commerce-empty h2{color:#eee9f5}.commerce-empty p{max-width:440px;margin:15px auto 28px;line-height:1.8}.offer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.offer-card{background:#18141f;border:1px solid #322939;border-radius:18px;overflow:hidden}.offer-art{height:120px;display:flex;align-items:center;justify-content:center;gap:18px;color:#d5b5fb;background:radial-gradient(ellipse at 20% 20%,#71528488,transparent 70%),linear-gradient(140deg,#282134,#15121b)}.offer-art span{font-size:10px;letter-spacing:.2em}.offer-card-body{padding:24px}.offer-card h3{font-size:20px;margin:22px 0 8px}.offer-card p{font-size:13px;min-height:40px}.offer-price{font-size:28px;display:block;margin:25px 0}.offer-price small{display:block;font-size:11px;color:#a99cb7;margin-top:5px;font-weight:400}.offer-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.commerce-overlay{position:fixed;inset:0;background:#000b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;z-index:100}.commerce-dialog{position:relative;max-width:680px;width:100%;max-height:90dvh;overflow:auto;background:#19141f;border:1px solid #50405f;padding:32px;border-radius:22px;box-shadow:0 30px 100px #0009}.commerce-close{position:absolute;right:20px;top:15px;background:none;border:0;font-size:30px;color:#c7b7d7;cursor:pointer}.commerce-dialog h2{font-size:27px;margin:13px 0 25px}.commerce-dialog form>label,.commerce-form-row label{display:grid;gap:9px;font-size:13px;color:#cfc4dc;margin:18px 0}.commerce-dialog input:not([type=checkbox]),.commerce-dialog textarea,.commerce-dialog select{width:100%;border:1px solid #45374e;border-radius:9px;background:#100e16;color:#fff;padding:12px;font:inherit}.commerce-dialog textarea{min-height:75px;resize:vertical}.commerce-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.commerce-note{font-size:12px}.commerce-selection{display:grid;gap:16px;margin:22px 0;font-size:13px}.album-picks{display:flex;gap:8px;flex-wrap:wrap}.album-picks button{padding:9px 12px;background:#25202d;border:1px solid #51415d;color:#dacee6;border-radius:8px;cursor:pointer}.album-picks button[aria-pressed=true]{background:#574168;border-color:#bb95dd}.recording-picks{max-height:220px;overflow:auto;border:1px solid #392e42;border-radius:12px}.recording-picks label{display:flex;gap:12px;padding:13px;border-bottom:1px solid #302737;align-items:center}.recording-picks small{display:block;color:#a595b4;margin-top:5px}.commerce-dialog form>.commerce-check{display:flex;align-items:flex-start;gap:12px;line-height:1.7}.commerce-check input{margin-top:5px}.purchase-items{padding:15px 0;max-height:200px;overflow:auto}.purchase-item{border-bottom:1px solid #3a2e44;padding:10px 0;color:#bfb0ce;font-size:13px}.purchase-offer{display:block;width:100%;text-align:left;background:#231b2e;color:#eee;border:1px solid #51415f;border-radius:12px;padding:18px;margin:10px 0;cursor:pointer}.purchase-offer[aria-pressed=true]{border-color:#c8a7f1;background:#382b49}.purchase-offer strong{display:flex;justify-content:space-between;gap:15px}.purchase-offer small{display:block;color:#b9a7cc;margin-top:8px}.purchase-error{color:#ffb6bd;line-height:1.7}.purchase-badge{display:inline-flex;padding:4px 7px;border-radius:5px;background:#26202e;color:#d8b6fd;font-size:10px;margin-left:8px;vertical-align:middle}.sales-table-wrap{overflow:auto}.sales-table{width:100%;border-collapse:collapse;min-width:600px;text-align:left}.sales-table th{font-size:10px;letter-spacing:.1em;color:#a193b1;padding:16px}.sales-table td{padding:17px 16px;border-top:1px solid #332a3c;font-size:13px}.sales-table small{display:block;color:#a192b0;margin-top:6px}.commerce-dialog :focus-visible,.commerce-page :focus-visible{outline:3px solid #ceb1f5;outline-offset:3px}@media(max-width:650px){.commerce-page{padding:22px 17px}.commerce-heading,.commerce-callout{align-items:flex-start;flex-direction:column}.commerce-callout>.commerce-status{margin:0}.commerce-form-row{grid-template-columns:1fr;gap:0}.commerce-dialog{padding:26px 20px}.commerce-overlay{padding:12px}.commerce-heading h1{font-size:30px}}.purchase-dialog{color:#eee9f5;margin:auto;box-sizing:border-box}.purchase-dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.purchase-dialog .eyebrow{display:flex;align-items:center;gap:8px}.feed-paid{position:absolute;right:12px;top:12px;background:#241733ef;border:1px solid #b795da66;padding:7px 10px}.purchase-dialog .button.primary{background:#c3a4ef;color:#241733;border:0;border-radius:9px;padding:13px 20px;display:inline-flex;gap:9px;align-items:center;font:600 13px Manrope;cursor:pointer}.purchase-dialog .button:disabled{opacity:.5;cursor:wait}.commerce-overlay{border:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0}.commerce-page button.quiet,.commerce-dialog button.quiet{display:inline-flex;align-items:center;gap:7px;background:none;color:#cbb4e0;border:0;font:500 12px Manrope;padding:10px;cursor:pointer}.offer-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.commerce-page .commerce-heading h1{font-size:clamp(29px,3.5vw,44px)}
