:root {
  --platform-bg: #101617;
  --platform-panel: #182123;
  --platform-raised: #202c2e;
  --platform-line: #344345;
  --platform-text: #edf4f1;
  --platform-muted: #afbfba;
  --platform-accent: #95e8c5;
  --platform-selection: #92d3ef;
  --platform-success: #95e8b2;
  --platform-warning: #f0c574;
  --platform-error: #ff9d9d;
  --platform-space-1: 4px;
  --platform-space-2: 8px;
  --platform-space-3: 12px;
  --platform-space-4: 16px;
  --platform-space-5: 24px;
  --platform-space-6: 32px;
  --platform-space-7: 48px;
  --platform-space-8: 64px;
  --platform-radius: 6px;
  --platform-radius-sm: 4px;
  --platform-font: "Bahnschrift", "Aptos", "Trebuchet MS", sans-serif;
  --platform-mono: "Cascadia Code", Consolas, monospace;
  --platform-control-height: 44px;
  --platform-layout-max: 1180px;
  --platform-breakpoint-tablet: 900px;
  --platform-breakpoint-mobile: 700px;
  --platform-breakpoint-narrow: 420px;
  --platform-focus: #92d3ef;
  --platform-disabled-opacity: 0.45;
  --bg: var(--platform-bg);
  --panel: var(--platform-panel);
  --text: var(--platform-text);
  --txt: var(--platform-text);
  --muted: var(--platform-muted);
  --accent: var(--platform-accent);
  --accent2: var(--platform-selection);
  --border: var(--platform-line);
  --line: var(--platform-line);
  --ok: var(--platform-success);
  --warn: var(--platform-warning);
  --danger: var(--platform-error);
  --bad: var(--platform-error);
  --radius: var(--platform-radius);
  --shadow: none;
}

.platform-shell-nav,
.platform-shell-footer {
  width: min(1180px, calc(100% - 24px));
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px 18px;
  flex-wrap: wrap;
  padding: 10px 12px;
  border: 1px solid var(--platform-line);
  border-radius: 8px;
  background: var(--platform-panel);
  color: var(--platform-text);
  font-size: 13px;
}

.platform-shell-nav { margin-bottom: 14px; }
.platform-shop-menu { position: relative; flex: 0 0 auto; }
body .platform-shop-menu > summary { cursor: pointer; padding: 10px 14px; min-height: 44px; border: 1px solid var(--platform-accent); border-radius: 4px; color: var(--platform-accent); font-weight: 700; }
body .platform-shop-menu > div { position: absolute; inset: calc(100% + 6px) auto auto 0; z-index: 1000; width: min(240px, calc(100vw - 48px)); padding: 6px; border: 1px solid var(--platform-line); border-radius: 4px; background: var(--platform-bg); }
body .platform-shop-menu > div > a { display: flex; width: 100%; min-height: 44px; white-space: normal; }
.platform-shop-menu > summary:focus-visible { outline: 2px solid var(--platform-focus); outline-offset: 3px; }
.platform-shell-footer { margin-top: 24px; }

.platform-shell-brand {
  color: inherit;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-decoration: none;
  white-space: nowrap;
}

.platform-shell-brand span {
  color: var(--platform-muted);
  font-weight: 600;
}

.platform-shell-links {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
}

.platform-shell-links a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid var(--platform-line);
  border-radius: 6px;
  color: inherit;
  text-decoration: none;
}

.platform-shell-links a:hover,
.platform-shell-links a[aria-current="page"] {
  border-color: var(--platform-accent);
  color: #fff;
  background: rgba(14, 116, 144, 0.16);
}

.platform-shell-links a[aria-current="page"]::after {
  content: "Current";
  margin-left: 7px;
  color: var(--platform-accent);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.platform-intro {
  width: min(1180px, calc(100% - 24px));
  margin: 0 auto 16px;
  padding: 16px;
  border: 1px solid var(--platform-line);
  border-radius: 8px;
  background: linear-gradient(110deg, rgba(15, 23, 42, 0.9), rgba(8, 47, 73, 0.32));
  color: var(--platform-text);
}

.platform-intro h1,
.platform-intro h2 { margin: 0 0 6px; font-size: 21px; }
.platform-intro p { margin: 0; color: var(--platform-muted); line-height: 1.55; }

.platform-guide-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}


.platform-guide-card {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--platform-line);
  border-radius: 6px;
  background: rgba(2, 6, 23, 0.42);
}

.platform-shell-links a.platform-support-link {
  border-color: rgba(125, 211, 252, 0.55);
  color: #dff4ff;
}

.platform-intro-point strong,
.platform-guide-card strong { display: block; margin-bottom: 3px; font-size: 13px; }
.platform-intro-point span,
.platform-guide-card span { color: var(--platform-muted); font-size: 12px; line-height: 1.45; }

.platform-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.platform-actions a { min-height: 40px; }

.platform-review-request {
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid var(--platform-line);
  color: var(--platform-muted);
  font-size: 12px;
  line-height: 1.5;
}

.platform-review-request p { margin: 0; }
.platform-review-request a { color: var(--platform-text); text-underline-offset: 3px; }
.platform-review-request .platform-review-button { display: inline-flex; margin-top: 8px; text-decoration: none; }

.platform-checkout-assurance {
  margin: 8px 0 14px;
  color: var(--platform-muted);
  font-size: 12px;
  line-height: 1.5;
}

.platform-purchase-flow {
  margin: 16px 0;
  padding: 14px 0;
  border-block: 1px solid var(--platform-line);
}

.platform-purchase-flow h2 { margin: 0 0 10px; font-size: 16px; }
.platform-purchase-flow ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; counter-reset: purchase-step; }
.platform-purchase-flow li { min-width: 0; padding: 10px; border-left: 2px solid var(--platform-accent); background: rgba(15, 23, 42, 0.42); counter-increment: purchase-step; }
.platform-purchase-flow li::before { content: "0" counter(purchase-step); display: block; margin-bottom: 5px; color: var(--platform-accent); font-size: 11px; font-weight: 900; }
.platform-purchase-flow strong { display: block; margin-bottom: 3px; color: var(--platform-text); font-size: 13px; }
.platform-purchase-flow span { color: var(--platform-muted); font-size: 12px; line-height: 1.45; }

.status-advanced-details {
  margin-top: 12px;
  padding-top: 8px;
  border-top: 1px solid var(--platform-line);
}

.status-advanced-details summary {
  width: fit-content;
  padding: 6px 0;
  color: var(--platform-muted);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}

.platform-short-faq { margin-top: 20px; }
.platform-short-faq h2,
.platform-learn-more h2 { margin: 0 0 9px; font-size: 17px; }
.platform-short-faq details { padding: 9px 0; border-top: 1px solid var(--platform-line); }
.platform-short-faq summary { cursor: pointer; color: var(--platform-text); font-weight: 700; }
.platform-short-faq p { margin: 7px 0 0; color: var(--platform-muted); font-size: 13px; line-height: 1.55; }

.platform-learn-more { width: min(1180px, calc(100% - 24px)); margin: 22px auto; color: var(--platform-text); }
.platform-guide-card { display: flex; flex-direction: column; gap: 4px; color: inherit; text-decoration: none; }
.platform-guide-card:hover { border-color: var(--platform-accent); }

@media (max-width: 700px) {
  .platform-purchase-flow ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .platform-intro-points,
  .platform-guide-grid { grid-template-columns: 1fr; }
  .platform-intro { margin-bottom: 8px; padding: 9px 11px; }
  .platform-intro h1,
  .platform-intro h2 { margin-bottom: 4px; font-size: 18px; }
  .platform-intro p { font-size: 13px; line-height: 1.4; }
  .platform-actions { margin-top: 7px; }
}

@media (max-width: 420px) {
  .platform-shell-nav,
  .platform-shell-footer { width: calc(100% - 16px); padding: 9px; }
  .platform-shell-links { width: 100%; }
  .platform-shell-links a { flex: 1 1 auto; justify-content: center; }
  .platform-purchase-flow ol { grid-template-columns: 1fr; }
  .platform-intro { margin-bottom: 6px; padding: 8px; }
  .platform-intro h1,
  .platform-intro h2 { margin: 0; font-size: 16px; line-height: 1.15; }
  .platform-intro p { display: none; }
  .platform-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 6px; }
  .platform-actions a { min-height: 32px; padding: 6px 7px; font-size: 12px; line-height: 1.2; text-align: center; }
  .wizard .tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 6px; }
  .wizard .tabs .tab-btn { width: 100%; min-width: 0; white-space: normal; }
}

.sell-order-access { margin: 0 0 12px; }

html { color-scheme: dark; scroll-padding-top: 16px; }
body {
  font-family: var(--platform-font);
  font-size: 16px;
  line-height: 1.5;
  color: var(--platform-text);
  background: linear-gradient(90deg, #92d3ef06 1px, transparent 1px) 0 0 / 64px 64px, var(--platform-bg);
}
body *, body *::before, body *::after { box-sizing: border-box; letter-spacing: 0; }
[hidden] { display: none !important; }
body :is(main, .wrap, .wizard, .pane, .columns, .grid, .field, .left-column, .right-column) { min-width: 0; max-width: 100%; }
body :is(h1, h2, h3, .brand, .wizard-title, .box-title) { line-height: 1.25; overflow-wrap: anywhere; }
body h1.wizard-title { font-size: 28px; margin: 0 0 8px; }
body .brand { font-size: 22px; }
body .brand-sub { font-size: 13px; }
body .wizard-subtitle { font-size: 15px; line-height: 1.6; }
body main { padding: 16px 12px; gap: 24px; }
body .wizard { max-width: var(--platform-layout-max); padding: 24px; border: 0; border-top: 1px solid var(--platform-line); border-radius: 0; background: var(--platform-panel); box-shadow: none; }
body .wizard-header { padding-bottom: 16px; margin-bottom: 20px; border-bottom: 1px solid var(--platform-line); gap: 16px; }
body .platform-shell-nav, body .platform-shell-footer { border: 0; border-bottom: 1px solid var(--platform-line); border-radius: 0; background: var(--platform-bg); padding: 16px 0; }
body .platform-shell-brand { font-size: 15px; }
body .platform-shell-brand span { display: inline-block; font: 11px var(--platform-mono); margin-left: 4px; }
body .platform-shell-links { gap: 4px; }
body .platform-shell-links a { min-height: 40px; border: 0; border-radius: 4px; color: var(--platform-muted); padding: 8px 10px; }
body .platform-shell-links a:hover { background: var(--platform-raised); color: var(--platform-text); }
body .platform-shell-links a[aria-current="page"] { color: var(--platform-selection); background: #92d3ef0d; box-shadow: inset 0 -2px var(--platform-selection); }
body .platform-shell-links a[aria-current="page"]::after { content: none; }
body .platform-intro { border: 0; border-left: 2px solid var(--platform-accent); border-radius: 0; background: none; padding: 8px 16px; margin-block: 8px 20px; }
body .platform-intro :is(h1, h2) { font-size: 22px; }
body .platform-intro p { font-size: 14px; }
body :is(.btn, .pricing-btn, .header-link-btn, .tab-btn, .amount-btn, .toolbar-link, .reviews-toolbar button) {
  min-height: var(--platform-control-height); max-width: 100%; padding: 10px 14px; border: 1px solid var(--platform-line); border-radius: var(--platform-radius);
  background: var(--platform-raised); color: var(--platform-text); box-shadow: none; font-family: inherit; font-size: 14px; font-weight: 600;
  line-height: 1.4; white-space: normal; overflow-wrap: anywhere; text-decoration: none; cursor: pointer; transition: background-color .16s, border-color .16s, color .16s;
}
body :is(.btn-primary, .pricing-btn, .platform-actions .btn:first-child) { background: var(--platform-accent); border-color: var(--platform-accent); color: #10221b; box-shadow: none; }
body :is(.btn, .pricing-btn, .header-link-btn, .tab-btn, .amount-btn):hover { transform: none; box-shadow: none; border-color: var(--platform-selection); background: #2a3b3e; color: var(--platform-text); }
body :is(.btn-primary, .pricing-btn):hover { background: #b4f4d9; color: #10221b; border-color: #b4f4d9; }
body .platform-actions .btn:not(:first-child),
body .stack:has(.btn-primary) .btn-free,
body .wizard-footer #freeBtn,
body .sell-order-access,
body .header-link-btn.primary-discord { background: transparent; border-color: var(--platform-line); color: var(--platform-text); box-shadow: none; }
body .platform-actions:has(a[href$="PackageGrid"]) .btn:first-child { background: transparent; border-color: var(--platform-line); color: var(--platform-text); }
body .platform-actions a[href$="PackageGrid"] { background: var(--platform-accent); border-color: var(--platform-accent); color: #10221b; }
body .platform-intro .platform-actions:has(a[href$="PackageGrid"]) a[href$="PackageGrid"] { background: var(--platform-accent); border-color: var(--platform-accent); color: #10221b; }
body :is(button, input, select, textarea, a, summary):focus-visible { outline: 2px solid var(--platform-focus); outline-offset: 3px; box-shadow: none; }
body :is(button, input, select, textarea):disabled, body [aria-disabled="true"] { opacity: var(--platform-disabled-opacity); cursor: not-allowed; box-shadow: none; }
body [aria-busy="true"] { cursor: progress; }
body :is(.field input, input.field, select.field, .reviews-toolbar input, .reviews-toolbar select, textarea) { width: 100%; min-width: 0; min-height: var(--platform-control-height); padding: 11px 12px; border: 1px solid var(--platform-line); border-radius: var(--platform-radius); background: var(--platform-bg); color: var(--platform-text); font: 16px var(--platform-font); box-shadow: none; }
body input::placeholder { color: #92a6a0; font-size: 14px; }
body :is(.field input, input.field, select.field):hover { border-color: #607d77; }
body input[aria-invalid="true"], body select[aria-invalid="true"] { border-color: var(--platform-error); }
body :is(.box, .status-box, .pricing-card, .utility-card, .preflight-card, .whitelist-card, .card) { border-radius: var(--platform-radius); border-color: var(--platform-line); background: var(--platform-panel); box-shadow: none; }
body .wizard .box, body .pane :is(.utility-card, .whitelist-card), body .card[aria-label="Redeem"] { border: 0; border-top: 1px solid var(--platform-line); border-radius: 0; background: transparent; box-shadow: none; }
body .pricing-card { display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--platform-line) !important; background: var(--platform-panel); box-shadow: none !important; }
body .pricing-card:hover { transform: translateY(-2px); box-shadow: none; border-color: #607d77 !important; }
body :is(.pricing-card, .service-overview-item, .platform-guide-card, .item-card, .item) { transition: transform .18s ease-out, border-color .18s ease-out, background-color .18s ease-out; }
body :is(.service-overview-item, .platform-guide-card, .item-card, .item):hover { transform: translateY(-2px); }
body .step-badge, body .form-step-heading { transition: color .18s ease-out, border-color .18s ease-out, opacity .18s ease-out, transform .18s ease-out; }
@keyframes platform-step-reveal { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
body .platform-purchase-flow li, body .steps-bar .step-badge, body .form-step-heading { animation: platform-step-reveal .18s ease-out both; }
body :is(.pricing-badge, .badge, .status-pill, .status-badge, .pill) { border: 1px solid var(--platform-line); border-radius: var(--platform-radius-sm); background: var(--platform-raised); color: var(--platform-muted); box-shadow: none; font-size: 12px; font-weight: 600; }
body .pricing-badge { background: var(--platform-raised) !important; color: var(--platform-selection) !important; }
body :is(.status-badge.live, .preflight-row.ok, .preflight-check.ok) { border-color: #95e8b250; color: var(--platform-success); background: #95e8b208; }
body :is(.status-badge.cooldown, .preflight-row.warn, .blocked-hint.warn, .hint.warn) { border-color: #f0c57470; color: var(--platform-warning); }
body :is(.preflight-row.error, .blocked-hint.error, .hint.error) { border-color: #ff9d9d70; color: var(--platform-error); }
body .status-badge.checking { color: var(--platform-selection); border-color: #92d3ef50; }
body .status-badge.coming_soon { opacity: .65; }
body :is(.progress-fill, .steps-progress-fill) { background: var(--platform-accent); box-shadow: none; transition: width .18s ease-out, background-color .18s ease-out; }
body :is(.progress-bar, .steps-progress) { background: var(--platform-bg); border-color: var(--platform-line); height: 6px; border-radius: 2px; }
body :is(.service-overview-item, .platform-guide-card, .preview-item, .preflight-row) { border-radius: var(--platform-radius-sm); border-color: var(--platform-line); background: transparent; box-shadow: none; }
body :is(.service-overview, .platform-purchase-flow, .support-strip, .infobar) { background: transparent; border: 0; border-block: 1px solid var(--platform-line); border-radius: 0; box-shadow: none; }
body :is(.support-strip-btn, .info-pills a) { background: transparent; color: var(--platform-selection); border-color: var(--platform-line); border-radius: 4px; box-shadow: none; }
body :is(.tabs, .steps-bar) { gap: 8px; }
body .tab-btn { border-color: transparent; background: transparent; color: var(--platform-muted); }
body .tab-btn.active { color: var(--platform-selection); background: #92d3ef0d; border-color: transparent; box-shadow: inset 0 -2px var(--platform-selection); }
body .steps-bar { display: flex; flex-wrap: wrap; margin-block: 20px; }
body .step-badge { margin: 0; padding: 8px 12px; border: 0; border-bottom: 2px solid var(--platform-line); border-radius: 0; background: transparent; color: var(--platform-muted); font-size: 13px; opacity: .65; }
body .step-num, body .form-step-number { display: inline-grid; place-items: center; min-width: 26px; height: 26px; margin-right: 6px; border: 1px solid var(--platform-line); border-radius: 4px; background: transparent; color: inherit; font: 12px var(--platform-mono); }
body .form-step-heading { display: flex; align-items: center; gap: 8px; margin: 18px 0 12px; font-size: 15px; font-weight: 600; color: var(--platform-muted); }
body .form-step-heading::before { content: attr(data-step); display: inline-grid; place-items: center; width: 26px; height: 26px; flex: 0 0 26px; border: 1px solid var(--platform-line); border-radius: var(--platform-radius-sm); color: var(--platform-muted); font: 12px var(--platform-mono); }
body .form-step-heading:has(+ input:focus), body .form-step-heading:has(+ select:focus), body .form-step-heading:has(+ .row :focus), body .form-step-heading:has(+ input:not(:placeholder-shown)) { color: var(--platform-selection); }
body .form-step-heading:has(+ input:focus)::before, body .form-step-heading:has(+ select:focus)::before, body .form-step-heading:has(+ .row :focus)::before { border-color: var(--platform-selection); color: var(--platform-selection); }
body .form-step-heading:has(+ input:not(:placeholder-shown))::before { border-color: var(--platform-accent); color: var(--platform-accent); }
body .input-stack:has(#code:not(:placeholder-shown)) > .form-step-heading:first-child { color: var(--platform-accent); }
body .pricing-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
body .profile-upgrades-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body .package-expansion { margin-block: 24px; border-block: 1px solid var(--platform-line); padding-block: 12px; }
body .package-expansion > summary { cursor: pointer; padding: 10px 0; color: var(--platform-selection); font-weight: 600; }
body .package-expansion[open] > summary { margin-bottom: 12px; }
body .profile-upgrades { margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--platform-line); }
body .profile-upgrades h2 { margin: 0 0 16px; font-size: 20px; }
body .redeem-path-switch { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; margin: 16px 0 0; padding: 4px; border: 1px solid var(--platform-line); border-radius: var(--platform-radius); background: var(--platform-bg); }
body .redeem-path-choice { min-height: 42px; padding: 9px 12px; border: 1px solid transparent; border-radius: var(--platform-radius-sm); background: transparent; color: var(--platform-muted); font: 600 14px/1.4 var(--platform-font); cursor: pointer; transition: color .18s ease-out, background-color .18s ease-out, border-color .18s ease-out; }
body .redeem-path-choice.active { border-color: var(--platform-selection); background: #92d3ef0d; color: var(--platform-selection); }
body .redeem-path-summary { margin: 6px 2px 12px; color: var(--platform-muted); font-size: 13px; }
body .redeem-path-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; width: 100%; }
body .redeem-path-actions > .btn-primary { flex: 1 1 220px; }
body #freeActions #freeBtn { border-color: var(--platform-accent); background: var(--platform-accent); color: #10221b; }
body #freeActions #freeBtn:hover:not(:disabled) { border-color: #b4f4d9; background: #b4f4d9; color: #10221b; }
body :is(.amount-tools, .amount-presets, .token-tools, .commend-preview, .live-proof-details, .input-preferences) > summary { width: fit-content; padding: 7px 0; color: var(--platform-muted); cursor: pointer; font-size: 12px; font-weight: 600; }
body :is(.amount-tools, .amount-presets, .token-tools, .commend-preview, .live-proof-details, .input-preferences)[open] > summary { margin-bottom: 8px; color: var(--platform-selection); }
body .amount-tool-actions { display: flex; gap: 6px; flex-wrap: wrap; }
body .amount-tool-actions .amount-btn, body .amount-presets .amount-btn { min-height: 34px; padding: 5px 9px; border-color: var(--platform-line); background: transparent; color: var(--platform-muted); font-size: 12px; }
body .amount-tool-actions .amount-btn:hover, body .amount-presets .amount-btn:hover { border-color: var(--platform-selection); color: var(--platform-text); }
body .live-proof-details, body .input-preferences, body .commend-preview, body .token-tools { margin-block: 8px; }
body :is(.live-proof-details, .input-preferences, .commend-preview, .token-tools) > summary { width: fit-content; padding: 7px 0; color: var(--platform-muted); cursor: pointer; font-size: 12px; font-weight: 600; }
body :is(.live-proof-details, .input-preferences, .commend-preview, .token-tools)[open] > summary { margin-bottom: 8px; color: var(--platform-selection); }
body .input-preferences-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; color: var(--platform-muted); font-size: 13px; }
body .input-preferences-row label { color: var(--platform-text); font-weight: 600; }
body .input-preferences-row select { min-height: 38px; padding: 7px 10px; border: 1px solid var(--platform-line); border-radius: var(--platform-radius); background: var(--platform-bg); color: var(--platform-text); }
body .mix-summary-copy { max-width: 42ch; color: var(--platform-muted); font-size: 13px; }
body #commendMixBox .amount-row .amount-btn { min-height: 34px; padding: 5px 9px; border-color: transparent; background: transparent; color: var(--platform-muted); font-size: 12px; }
body #commendMixBox .amount-row .amount-btn:hover { border-color: var(--platform-line); color: var(--platform-text); }
body .pay-with-items-link { display: inline-flex; min-height: 38px; align-items: center; margin-top: 2px; border: 1px solid var(--platform-line); border-radius: var(--platform-radius); background: transparent; color: var(--platform-text); font-size: 13px; font-weight: 600; text-decoration: none; }
body .pay-with-items-link:hover { border-color: var(--platform-selection); background: var(--platform-raised); color: var(--platform-text); text-decoration: none; }
body #liveStatusCard[data-phase="idle"] :is(.progress-bar, .status-meta, .job-timeline, .status-details, .status-hint) { display: none; }
body .live-proof-details .signal-card { margin-top: 8px; }
@media (max-width: 520px) {
  body .redeem-path-actions { align-items: stretch; }
  body .redeem-path-actions > .btn-primary { flex-basis: 100%; }
  body .input-preferences-row { align-items: flex-start; }
  body .input-preferences-row select { flex: 1 1 100%; }
}
body :is(.header-actions, .wizard-footer, .stack, .row, .reviews-toolbar, .status-row) { min-width: 0; flex-wrap: wrap; }
body :is(.status-value, .pricing-name, .pricing-amount, code, .trustpilot-rating) { overflow-wrap: anywhere; }
body :is(#lastPurchaseBanner, #deliveredTicker, .selected-st-summary) { border-color: var(--platform-line) !important; border-radius: 4px !important; background: transparent !important; box-shadow: none !important; }
body :is(.event-discount-banner, .sale-countdown-banner) { animation: none !important; }
body .t4c-art::after, body .cx-modal::before { animation: none !important; }
@media (max-width: 900px) {
  body .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body .columns, body .grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
  body .wizard { padding: 16px 12px; }
  body .wizard-header { flex-wrap: wrap; }
  body .platform-shell-nav, body .platform-shell-footer { align-items: flex-start; gap: 8px; }
  body .platform-shell-links { width: 100%; display: flex; flex-wrap: wrap; }
  body .platform-shell-links a { flex: 0 1 auto; justify-content: center; font-size: 12px; padding: 8px; }
  body .platform-intro :is(h1, h2) { font-size: 20px; }
  body .platform-intro p { display: block; font-size: 13px; }
  body h1.wizard-title { font-size: 24px; }
  body .header-actions { gap: 6px; }
  body .header-link-btn { font-size: 12px; padding: 8px 10px; }
  body .step-badge { flex: 1 1 110px; padding: 8px 4px; font-size: 12px; }
  body .steps-progress { flex-basis: 100%; }
  body .platform-actions { display: flex; flex-wrap: wrap; }
  body .platform-actions .btn { flex: 1 1 140px; min-height: 44px; font-size: 13px; }
  body .reviews-toolbar { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 420px) {
  body .pricing-grid, body .profile-upgrades-grid { grid-template-columns: minmax(0, 1fr); }
  body .pricing-card { padding: 16px; }
  body .platform-purchase-flow ol { grid-template-columns: minmax(0, 1fr); }
  body .platform-shell-brand { white-space: normal; }
  body .brand { font-size: 20px; }
  body .stack .btn { flex: 1 1 120px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

:root {
  --platform-font: "Bahnschrift", "Aptos", "Trebuchet MS", sans-serif;
  --platform-heading: "Bahnschrift", "Aptos", sans-serif;
  --platform-panel: #1d2426;
  --platform-raised: #2b3436;
  --platform-line: rgba(196, 211, 210, .18);
  --platform-text: #f0f3f2;
  --platform-muted: #b5c1bd;
  --platform-accent: #ffbd7a;
  --platform-radius: 8px;
  --platform-radius-sm: 4px;
  --platform-control-height: 50px;
  --platform-cta: #ffbd7a;
}
body { background: radial-gradient(ellipse at 80% 0, rgba(250, 157, 70, .065), transparent 46%), var(--platform-bg); font-family: var(--platform-font); }
body :is(h1, h2, h3, .brand, .box-title, .wizard-title, .platform-shell-brand) { font-family: var(--platform-heading); letter-spacing: 0; }
body :is(button, input, select, textarea, label, .btn, .pricing-btn) { font-family: var(--platform-font); }
body :is(.pricing-card, .item-card, .utility-card, .preflight-card, .status-box, .signal-card) { border-radius: var(--platform-radius); background: var(--platform-panel); border-color: var(--platform-line); box-shadow: 0 4px 16px #00000012; }
body :is(.box .status-box, .utility-card .preflight-card, .wizard .box) { border-radius: 0; background: transparent; box-shadow: none; }
body .pricing-card { border-color: var(--platform-line) !important; box-shadow: 0 4px 16px #00000012 !important; }
body :is(.btn, .pricing-btn, .header-link-btn) { min-height: 48px; border-radius: var(--platform-radius); }
body :is(.btn-primary, .btnPrimary, .pricing-btn),
body .platform-intro .platform-actions > .btn:first-child,
body .platform-intro .platform-actions a[href$="PackageGrid"],
body #freeActions #freeBtn,
body #stFreeActions #freeBtn { min-height: 50px; border-color: #ffbd7a80; background: var(--platform-cta); color: #281506; box-shadow: 0 3px 10px #f8a35118; }
body .platform-intro .platform-actions:has(a[href$="PackageGrid"]) > .btn:first-child,
body .platform-intro .platform-actions > .btn:not(:first-child):not([href$="PackageGrid"]),
body .sell-order-access { background: transparent; border-color: var(--platform-line); color: var(--platform-text); box-shadow: none; }
body .platform-intro .platform-actions:has(a[href$="PackageGrid"]) a[href$="PackageGrid"] { background: var(--platform-cta); color: #281506; border-color: #ffbd7a80; }
body :is(.btn-primary, .pricing-btn):hover:not(:disabled), body #freeActions #freeBtn:hover:not(:disabled), body #stFreeActions #freeBtn:hover:not(:disabled) { background: linear-gradient(115deg, #ffd4a7, #ffb56d); color: #281506; border-color: #ffd4a7; box-shadow: 0 4px 12px #f8a35120; }
body :is(.redeem-path-switch, .st-path-switch) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; padding: 4px; margin: 16px 0 0; border: 1px solid var(--platform-line); border-radius: var(--platform-radius); background: #101617; }
body :is(.redeem-path-choice, .st-path-choice) { min-width: 0; min-height: 46px; padding: 10px; border: 1px solid transparent; border-radius: var(--platform-radius-sm); background: transparent; color: var(--platform-muted); font: 600 14px/1.4 var(--platform-font); cursor: pointer; transition: color .18s, background-color .18s, border-color .18s; }
body :is(.redeem-path-choice, .st-path-choice)[aria-pressed="true"] { border-color: #ffbd7a65; background: #ffbd7a12; color: #ffd4a7; box-shadow: none; }
body :is(.redeem-path-choice, .st-path-choice):hover { background: #ffffff08; }
body :is(.redeem-path-choice, .st-path-choice):focus-visible { outline: 2px solid var(--platform-focus); outline-offset: 2px; }
body :is(.st-path-summary, .redeem-path-summary) { color: var(--platform-muted); font-size: 13px; line-height: 1.5; margin: 8px 0 16px; }
body :is(.st-path-actions, .redeem-path-actions) { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; width: 100%; }
body :is(.st-path-actions, .redeem-path-actions) > .btn-primary { flex: 1 1 220px; }
body :is(.local-navigation, .advanced-options, .vip-benefits, .manual-item-details, .st-preflight-details, .st-token-tools) { margin: 10px 0; min-width: 0; }
body :is(.local-navigation, .advanced-options, .vip-benefits, .manual-item-details, .st-preflight-details, .st-token-tools) > summary { width: fit-content; min-height: 44px; padding: 10px 0; color: var(--platform-muted); font-size: 13px; cursor: pointer; }
body :is(.local-navigation, .advanced-options, .vip-benefits, .manual-item-details, .st-preflight-details, .st-token-tools)[open] > summary { color: var(--platform-selection); }
body .local-navigation .tabs { margin-block: 6px 12px; }
body .vip-benefits .pricing-list { min-height: 0; }
body .profile-upgrades-grid { align-items: start; }
body .profile-upgrades-grid > .pricing-card { height: auto; }
body .shared-checkout-note { margin: 0 0 8px; color: var(--platform-muted); font-size: 13px; }
body :is(.field input, .mix-field input, input.field, select.field, .reviews-toolbar input, .reviews-toolbar select, #redeemRememberSelect, #amountInput) { min-width: 0; min-height: 48px; max-width: 100%; padding: 11px 12px; border-radius: 12px; border: 1px solid var(--platform-line); background: #101617; color: var(--platform-text); font: 16px/1.5 var(--platform-font); box-shadow: none; transition: border-color .18s, background-color .18s; }
body :is(input, select, textarea):hover:not(:disabled) { border-color: #82958e; }
body :is(input, select, textarea):focus-visible { outline: 2px solid var(--platform-focus); outline-offset: 2px; box-shadow: none; }
body input[aria-invalid="false"]:not(:placeholder-shown) { border-color: #95e8b260; }
body :is(input, select, textarea)[aria-invalid="true"] { border-color: var(--platform-error); }
body :is(input, select, textarea):disabled { opacity: .5; cursor: not-allowed; }
body :is(.inline-hint, .hint, .blocked-hint) { min-height: 1.5em; line-height: 1.5; overflow-wrap: anywhere; }
body .steps-bar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-block: 16px; }
body .step-badge { min-width: 0; display: flex; align-items: center; gap: 6px; padding: 8px 0; font-size: 12px; opacity: .65; border-bottom-color: var(--platform-line); }
body .step-num { flex: 0 0 26px; margin-right: 0; border-radius: 50%; }
body .steps-progress { grid-column: 1 / -1; min-width: 0; width: 100%; }
body .steps-bar .step-badge[data-ui-step="upcoming"] { opacity: .65; color: var(--platform-muted); border-bottom-color: var(--platform-line); }
body .steps-bar .step-badge[data-ui-step="active"] { opacity: 1; color: #ffd4a7; border-bottom-color: #ffbd7a80; }
body .steps-bar .step-badge[data-ui-step="active"] .step-num { border-color: #ffbd7a80; background: #ffbd7a0d; }
body .steps-bar .step-badge[data-ui-step="completed"] { opacity: 1; color: var(--platform-success); border-bottom-color: #95e8b260; }
body .steps-bar .step-badge[data-ui-step="completed"] .step-num { font-size: 0; border-color: #95e8b260; }
body .steps-bar .step-badge[data-ui-step="completed"] .step-num::after { content: "\2713"; font-size: 14px; }
body :is(.status-pill, .status-badge, .pill) { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; border: 1px solid var(--platform-line); border-radius: 999px; padding: 5px 9px; background: #ffffff05; color: var(--platform-muted); line-height: 1.4; }
body :is(.status-pill, .status-badge, .pill)::before { content: ""; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: currentColor; }
body .status-pill > .dot { display: none; }
body .status-badge.live { color: var(--platform-success); }
body .status-badge.cooldown { color: var(--platform-warning); }
body .status-badge.checking { color: var(--platform-selection); }
body :is(.status-badge.error, .status-badge.offline) { color: var(--platform-error); }
body .ui-icon { width: 18px; height: 18px; flex: 0 0 18px; display: inline-block; vertical-align: -3px; margin-right: 5px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
body :is(.btn, .pricing-btn, .item-card, .pricing-card, .step-badge) { transition-duration: .18s; }
body .pricing-card:hover, body .item-card:hover { transform: translateY(-2px); }
body :is(.radar-pulse-dot, .radar-pulse-dot.online) { animation: none; }
body :is(.btnPrimary, .payment-primary):hover:not(:disabled) { background: #ffd4a7; color: #281506; border-color: #ffd4a7; }
body .platform-shell-nav { position: relative; z-index: 20; }
body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) { border-radius: var(--platform-radius); }
body .platform-shop-menu { order: 10; margin-left: auto; }
body .platform-shop-menu > summary { display: flex; align-items: center; gap: 10px; list-style: none; background: var(--platform-accent); color: #281506; border-color: var(--platform-accent); }
body .platform-shop-menu > summary::-webkit-details-marker { display: none; }
body .platform-shop-menu > summary::after { content: "\25be"; }
body .platform-shop-menu > div { inset: calc(100% + 6px) 0 auto auto; box-shadow: 0 8px 24px #0005; }
body .platform-utility-links { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 10px; }
body .platform-utility-links a { display: inline-flex; align-items: center; min-height: 36px; color: var(--platform-muted); font-size: 13px; text-underline-offset: 4px; }
body .platform-utility-links a:hover { color: var(--platform-text); }
body .platform-intro .platform-actions > .btn.platform-package-link { background: transparent; color: var(--platform-accent); border-color: var(--platform-accent); box-shadow: none; }
body :is(.steam-buy-btn, .btnPrimary, #freeBtn) { background: var(--platform-accent); color: #281506; border-color: var(--platform-accent); }
body .pricing-card:has(.pricing-btn) { padding: 16px; }
body.payment-page .wrap .brand { display: grid; grid-template-columns: 34px minmax(0, 1fr) 110px; gap: 10px; }
body.payment-page .wrap .brand > div:empty { display: none; }
body.payment-page .wrap .brand h1 { min-width: 0; }
body.payment-page .wrap #curSel { width: 110px; max-width: 110px; }
body.payment-page .wrap .platform-shell-nav { padding-block: 16px; }
body.payment-page .wrap .platform-shell-links a { min-height: 44px; }
body.payment-page .wrap :is(button, input[type="text"], input[type="email"], select) { min-height: 48px; }
body.payment-page .wrap :is(button.btn-primary, #checkoutBtn) { background: var(--platform-cta); border-color: var(--platform-accent); color: #281506; }
body.payment-page .wrap :is(button.btn-primary, #checkoutBtn):hover:not(:disabled) { background: #ffd4a7; color: #281506; }
body.payment-page .wrap .seg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 4px; gap: 4px; }
body.payment-page .wrap .seg button { min-width: 0; border: 1px solid transparent; border-radius: var(--platform-radius-sm); }
body.payment-page .wrap .seg button.on { background: #ffbd7a12; border-color: #ffbd7a65; color: #ffd4a7; }
body.payment-page .wrap > .card { border: 0; border-top: 1px solid var(--platform-line); border-radius: 0; background: transparent; }
body.commend-dashboard .platform-intro { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 16px; margin-block: 0 8px; padding-block: 6px; }
body.commend-dashboard .platform-intro h1 { grid-column: 1; margin: 0; }
body.commend-dashboard .platform-intro p { grid-column: 1; }
body.commend-dashboard .platform-intro .platform-actions { grid-column: 2; grid-row: 1 / span 2; margin: 0; align-self: center; display: flex; }
body.commend-dashboard .platform-intro .platform-actions a { min-height: 40px; }
body.commend-dashboard .platform-utility-links { grid-column: 1 / -1; margin-top: 0; gap: 2px 12px; }
body.commend-dashboard .platform-utility-links a { min-height: 32px; }
body.commend-dashboard main { padding-top: 8px; }
body.commend-dashboard #liveStatusCard[data-phase="idle"] { display: none; }
body.commend-dashboard .right-column:has(#liveStatusCard[data-phase="idle"]):has(#resumeJobBanner:is([style*="display:none"], [style*="display: none"])) { display: none; }
@media (max-width: 420px) {
  body .page article.panel table { display: block; width: 100%; max-width: 100%; overflow-x: auto; }
  body .page article.panel pre { max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; }
  body .page .panel li { overflow-wrap: anywhere; }
}
@media (max-width: 700px) {
  body .step-badge { font-size: 11px; flex-wrap: wrap; align-content: start; }
  body .step-badge > span { flex-basis: 100%; overflow-wrap: anywhere; }
  body .platform-shell-links a { min-height: 44px; }
  body .st-path-actions > .btn-primary { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  body *, body *::before, body *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  body .pricing-card:hover, body .item-card:hover { transform: none; }
}
.platform-skip-link {
  position: absolute;
  left: 12px;
  top: -64px;
  z-index: 2000;
  padding: 10px 14px;
  border: 2px solid var(--platform-focus);
  border-radius: 6px;
  background: var(--platform-bg);
  color: var(--platform-text);
  font-weight: 700;
  text-decoration: none;
}
.platform-skip-link:focus { top: 12px; }
/* Unify page-local panels and CTAs with the shared card/button spec */
body .panel { border: 1px solid var(--platform-line); border-radius: var(--platform-radius); background: var(--platform-panel); box-shadow: none; }
body :is(.card, .panel)::before { content: none; }
body :is(.card, .panel):hover { transform: none; box-shadow: none; }
body a.cta { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 18px; border: 1px solid #ffbd7a80; border-radius: var(--platform-radius); background: var(--platform-cta); color: #281506; font-weight: 700; text-decoration: none; box-shadow: none; filter: none; transform: none; }
body a.cta:hover { background: linear-gradient(115deg, #ffd4a7, #ffb56d); color: #281506; filter: none; transform: none; }
body a.cta:focus-visible { outline: 2px solid var(--platform-focus); outline-offset: 3px; }body .relcta .btn { min-height: 48px; border: 1px solid #ffbd7a80; border-radius: var(--platform-radius); background: var(--platform-cta); color: #281506; font-weight: 700; }
body .relcta .btn.ghost { border-color: var(--platform-line); background: transparent; color: var(--platform-text); }
.platform-shell-brand { display: inline-flex; align-items: center; min-height: 44px; }