/* NoBuyCart: presentation only. Existing DOM, copy, runtime and state are frozen. */
:root {
  --nb-color-brand: #6036d4;
  --nb-color-brand-strong: #342071;
  --nb-color-accent: #e95485;
  --nb-color-brand-soft: #ede7ff;
  --nb-night: #18153c;
  --nb-coral: #ff8e94;
  --nb-mint: #85edda;
  --nb-cyan: #65d9ed;
  --nb-yellow: #ffe39a;
  --nb-pink: #f8b8df;
  --nb-color-surface: #fff;
  --nb-color-canvas: #f7f5ff;
  --nb-color-surface-alt: #f0ecff;
  --nb-color-text: #211a43;
  --nb-color-muted: #615978;
  --nb-color-border: #ded7f1;
  --nb-color-success: #096953;
  --nb-color-success-soft: #dff8ee;
  --nb-radius-sm: 9px;
  --nb-radius-md: 16px;
  --nb-radius-lg: 24px;
  --nb-shadow-sm: 0 2px 5px rgb(48 32 95 / 6%);
  --nb-shadow-md: 0 14px 32px rgb(48 32 95 / 10%);
  --nb-space-1: .25rem;
  --nb-space-2: .5rem;
  --nb-space-3: .75rem;
  --nb-space-4: 1rem;
  --nb-space-6: 1.5rem;
  --nb-space-8: 2rem;
  --nb-space-12: 3rem;
  --nb-space-section: clamp(3rem, 5vw, 5.5rem);
  --nb-content-width: 1280px;
  --nb-reading-width: 760px;
  --nb-grid-gap: clamp(1rem, 1.6vw, 1.5rem);
  --nb-button-height: 48px;
  --nb-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --nb-motion: 200ms;
  --nb-ease: cubic-bezier(.22, 1, .36, 1);
  --nb-z-sticky: 40;
  --nb-z-dialog: 50;
  --color-primary: var(--nb-color-brand);
  --color-primary-dark: var(--nb-color-brand-strong);
  --color-primary-soft: var(--nb-color-brand-soft);
  --color-ink: var(--nb-color-text);
  --color-muted: var(--nb-color-muted);
  --color-line: var(--nb-color-border);
  --color-safe: var(--nb-color-success);
}
html { scroll-padding-top: 96px; }
body { background: var(--nb-color-canvas); color: var(--nb-color-text); font-family: var(--nb-font-body); -webkit-font-smoothing: antialiased; }
body .page-shell { width: min(var(--nb-content-width), calc(100% - 64px)); max-width: var(--nb-content-width); padding-left: 0; padding-right: 0; }
body .section-tight { padding-top: var(--nb-space-section); padding-bottom: var(--nb-space-section); }
body .font-display { font-family: var(--nb-font-body); }
h1, h2, h3 { text-wrap: balance; letter-spacing: -.025em; }
body h1 { font-size: clamp(2.5rem, 4vw, 3.5rem); line-height: 1.08; font-weight: 780; }
body h2 { line-height: 1.18; }
body p { text-wrap: pretty; }
body .text-muted { color: var(--nb-color-muted); }
body .text-ink { color: var(--nb-color-text); }
body .text-safe { color: var(--nb-color-success); }
body .surface { border: 1px solid var(--nb-color-border); border-radius: var(--nb-radius-md); background: var(--nb-color-surface); box-shadow: none; }
body .soft-surface { background: var(--nb-color-surface-alt); border-color: transparent; box-shadow: none; border-radius: var(--nb-radius-md); }
body :is(.button-primary, .button-secondary, .nbx-button, .nbx-quiet) { min-height: var(--nb-button-height); border-radius: var(--nb-radius-sm); font-family: inherit; font-weight: 650; letter-spacing: -.01em; line-height: 1.25; padding: .8rem 1.1rem; box-shadow: none; transition: background var(--nb-motion), border-color var(--nb-motion), transform var(--nb-motion) var(--nb-ease); }
body :is(.button-primary, .nbx-button) { background: var(--nb-color-brand); color: #fff; border: 1px solid var(--nb-color-brand); }
body :is(.button-primary, .nbx-button):hover { background: var(--nb-color-brand-strong); border-color: var(--nb-color-brand-strong); }
body :is(.button-secondary, .nbx-quiet) { background: #fff; color: var(--nb-color-brand-strong); border: 1px solid var(--nb-color-border); }
body :is(.button-secondary, .nbx-quiet):hover { background: var(--nb-color-brand-soft); border-color: #b8abd3; }
body :is(button, [role="button"], summary, a):focus-visible { outline: 3px solid #7450c0; outline-offset: 4px; }
body :is(.button-primary, .button-secondary, .nbx-button, .nbx-quiet):active { transform: translateY(1px); }
body button:disabled { cursor: not-allowed; }
/* A — retail masthead, product vitrine and homepage rhythm. */
body .premium-header { background: #fff; backdrop-filter: none; border-bottom: 1px solid var(--nb-color-border); box-shadow: none; }
body .premium-header > nav { min-height: 78px; padding-block: 12px; }
body .brand-mark { width: 40px; height: 40px; border-radius: 12px; background: var(--nb-color-brand); box-shadow: none; }
body .brand-name { font-size: 23px; letter-spacing: -.045em; font-weight: 800; }
body .nav-link { color: #5d566d; font-weight: 600; font-size: 14px; border-radius: 7px; }
body .nav-link:hover { background: var(--nb-color-surface-alt); color: var(--nb-color-brand); }
body .header-cart-link { min-height: 44px; border: 1px solid var(--nb-color-border); border-radius: var(--nb-radius-sm); background: #fff; color: var(--nb-color-text); font-weight: 650; }
body .cart-count { background: var(--nb-color-brand-soft); color: var(--nb-color-brand-strong); }
body .homepage-hero { border-bottom: 0; background: var(--nb-color-canvas); background-image: none; }
body .homepage-hero > .page-shell { padding-block: 64px 56px; gap: 44px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
body .hero-kicker { display: inline-block; padding: 0; border: 0; background: transparent; border-radius: 0; font-size: 14px; font-weight: 650; letter-spacing: .01em; text-transform: none; color: var(--nb-color-brand); }
body h1.hero-title { max-width: 600px; margin-top: 22px; font-size: clamp(2.6rem, 4.65vw, 4.25rem); line-height: 1.02; letter-spacing: -.04em; font-weight: 800; }
body .homepage-hero .pretty { font-size: 18px; line-height: 1.65; max-width: 49ch; margin-top: 24px; }
body .homepage-hero .button-secondary { background: transparent; border-color: transparent; text-decoration: underline; text-underline-offset: 5px; }
body .homepage-hero .mt-6 { font-size: 13px; line-height: 1.6; font-weight: 450; max-width: 51ch; }
body .hero-stage { height: 466px; min-height: 0; background: #eae5f2; border: 0; border-radius: var(--nb-radius-lg); box-shadow: none; overflow: visible; }
body .hero-stage::before { display: none; }
body .hero-product { border: 0; background: #fff; border-radius: 16px; padding: 8px; box-shadow: var(--nb-shadow-md); transform: none; overflow: hidden; }
body .hero-product img { border-radius: 10px; width: 100%; height: 100%; object-fit: contain; }
body .hero-product.one { width: 42%; height: 45%; left: 6%; top: 6%; transform: rotate(-5deg); }
body .hero-product.two { width: 37%; height: 38%; right: 7%; top: 11%; transform: rotate(7deg); }
body .hero-product.three { width: 34%; height: 39%; left: 11%; bottom: 9%; transform: rotate(-2deg); }
body .hero-float { box-shadow: none; color: var(--nb-color-brand-strong); background: #fff; width: 48px; height: 48px; border-radius: 50%; }
body .hero-float.left { left: 47%; top: 4%; font-size: 15px; }
body .hero-float.right { right: 3%; top: 47%; background: transparent; font-size: 28px; }
body .hero-stage-cart { width: 46%; right: 5%; bottom: 7%; padding: 23px; border-radius: 14px; background: #fffefa; border: 0; box-shadow: var(--nb-shadow-md); transform: rotate(2deg); }
body .hero-stage-cart > .mt-3 { flex-wrap: wrap; }
body .hero-stage-cart > .mt-4 { background: var(--nb-color-success-soft); border-radius: 8px; }
body .hero-stage-cart > .mt-4 strong { font-size: 32px; line-height: 1.2; }
body .hero-stage-cart > p { font-size: 11px; letter-spacing: .08em; }
body #featured-picks { padding-top: 48px; }
body #featured-picks .feature-heading { font-size: clamp(1.9rem, 3vw, 2.5rem); }
body .eyebrow { color: var(--nb-color-brand); font-size: 13px; font-weight: 650; letter-spacing: .015em; text-transform: none; }
body .dashboard-preview { border: 1px solid var(--nb-color-border); border-radius: 16px; box-shadow: none; background: #fff; }
body .dashboard-preview > .grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 24px; }
body .metric-card { padding: 16px 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body .metric-card strong { font-size: 34px; color: var(--nb-color-brand-strong); }
body .play-nobuycart { background: var(--nb-color-surface-alt); border: 0; border-radius: 20px; padding: 32px; box-shadow: none; }
body .play-nobuycart-grid { gap: 0; }
body .play-nobuycart-grid a { border: 0; border-radius: 0; box-shadow: none; background: transparent; border-top: 1px solid #d0c7e2; padding: 24px 16px; }
body .trust-band { background: transparent; border: 0; border-radius: 0; box-shadow: none; }
body .trust-item { padding: 24px 28px 24px 0; }
body .trust-item h2 { font-size: 21px; }
body .trust-item p { font-size: 15px; }
body .intent-card { border: 0; border-bottom: 1px solid var(--nb-color-border); border-radius: 0; box-shadow: none; padding: 22px 0; background: transparent; }
body .intent-card strong { font-size: 19px; }
body .category-discovery-grid { gap: 12px; }
body .category-discovery-grid a { background: #fff; box-shadow: none; border: 1px solid var(--nb-color-border); border-radius: 12px; }
body #collections > .grid > a { padding: 14px; }
body #collections h3 { margin-top: 5px; }
@media (max-width: 1023px) {
  body .homepage-hero > .page-shell { grid-template-columns: 1fr; padding-block: 40px; gap: 32px; }
  body .hero-title { max-width: 680px; }
  body .hero-stage { max-width: 650px; width: 100%; justify-self: center; }
}
@media (max-width: 639px) {
  body .page-shell { width: calc(100% - 32px); }
  body .premium-header > nav { min-height: 68px; gap: 8px; }
  body .brand-mark { width: 36px; height: 36px; border-radius: 10px; }
  body .brand-name { font-size: 19px; }
  body .homepage-hero > .page-shell { padding-block: 32px 24px; gap: 28px; }
  body h1.hero-title { font-size: clamp(2.5rem, 10.6vw, 3rem); max-width: 420px; line-height: 1.07; margin-top: 16px; }
  body .homepage-hero .pretty { font-size: 16px; line-height: 1.7; margin-top: 20px; }
  body .homepage-hero .mt-8 { margin-top: 24px; gap: 10px; }
  body .homepage-hero :is(.button-primary,.button-secondary) { font-size: 15px; padding-inline: 14px; }
  body .hero-stage { height: 330px; border-radius: 20px; }
  body .hero-stage-cart { padding: 14px; width: 49%; right: 4%; bottom: 6%; }
  body .hero-stage-cart .text-3xl { font-size: 23px; }
  body .hero-stage-cart > .mt-4 { margin-top: 12px; padding: 10px; }
  body .hero-stage-cart > .mt-4 strong { font-size: 27px; }
  body .hero-float.left { width: 36px; height: 36px; font-size: 12px; }
  body .dashboard-preview > .grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px 24px; }
  body .play-nobuycart { padding: 24px 18px; }
  body .trust-item { padding: 22px 0; }
}
/* B — merchandise grid, explicit controls and a paper-white cart. */
body .homepage-hero::before { display: none; }
body .catalog-product-grid { gap: var(--nb-grid-gap); grid-template-columns: repeat(4, minmax(0, 1fr)); }
body .catalog-product-card { padding: 10px; border-radius: 14px; border-color: var(--nb-color-border); align-content: start; transition: border-color var(--nb-motion), box-shadow var(--nb-motion); }
body .catalog-product-card:hover { border-color: #b5a8ce; box-shadow: var(--nb-shadow-sm); transform: none; }
body .catalog-product-card .product-image-frame { background: #f4f3f1; border: 0; border-radius: 9px; aspect-ratio: 1 / 1; overflow: hidden; }
body .catalog-product-card .product-image { object-fit: contain; padding: 10px; transition: transform var(--nb-motion) var(--nb-ease); }
body .catalog-product-card:hover .product-image { transform: scale(1.025); }
body .product-category-label { color: var(--nb-color-muted); font-size: 11px; letter-spacing: .025em; text-transform: none; margin-top: 4px; }
body .product-card-title { font-size: 15px; line-height: 1.4; font-weight: 650; letter-spacing: -.015em; }
body .product-card-title button { text-align: left; }
body .catalog-product-card .text-lg { color: var(--nb-color-brand-strong); font-size: 18px; font-variant-numeric: tabular-nums; }
body .catalog-add-button { min-height: 44px; font-size: 13px; padding: 10px 8px; }
body .catalog-pause-button { min-height: 44px; padding: 8px; }
body .category-chip { border-radius: 8px; background: #fff; color: var(--nb-color-muted); border-color: var(--nb-color-border); min-height: 40px; padding: 9px 13px; font-size: 13px; box-shadow: none; }
body .category-chip.is-active { background: var(--nb-color-brand); color: #fff; border-color: var(--nb-color-brand); }
body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) { border-color: #bdb5cc; border-radius: 8px; background-color: #fff; color: var(--nb-color-text); min-height: 48px; font-size: 16px; }
body :is(input,select,textarea):focus-visible { outline: 3px solid #7450c0; outline-offset: 2px; }
body [aria-label="Browse the fake product simulator"] > .surface { padding: 20px; background: #fff; gap: 16px; }
body [aria-label="Browse the fake product simulator"] label > span { font-size: 13px; color: var(--nb-color-text); }
body [data-testid="catalog-load-more"] { min-width: 220px; }
body [aria-labelledby="quick-view-title"] { border-radius: 20px; background: #fff; border: 1px solid var(--nb-color-border); box-shadow: var(--nb-shadow-md); }
body [aria-labelledby="quick-view-title"] h2 { font-size: 27px; }
body [aria-labelledby="quick-view-title"] .product-image-frame { background: #f4f3f1; border-radius: 12px; padding: 24px; }
body .cart-drawer { background: #fff; border-left: 1px solid var(--nb-color-border); box-shadow: -12px 0 50px rgb(39 35 53 / 12%); }
body .cart-drawer-backdrop { background: rgb(24 19 40 / 38%); }
body .cart-drawer-item { border-bottom: 1px solid var(--nb-color-border); }
body .cart-drawer-item:last-child { border-bottom: 0; }
body .cart-drawer-item .button-ghost { min-width: 40px; min-height: 40px; }
body .cart-drawer-summary { background: var(--nb-color-canvas); }
body .cart-drawer-summary .text-safe { font-size: 26px; }
body[data-nb-route="/cart/"] main .surface { border-radius: 16px; }
body[data-nb-route="/cart/"] main .product-image-frame { border-radius: 10px; background: #f4f3f1; }
@media (max-width: 639px) {
  body .catalog-product-grid { gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body .catalog-product-card { padding: 7px; border-radius: 11px; }
  body .catalog-product-card .product-image { padding: 5px; }
  body .product-card-title { font-size: 14px; line-height: 1.4; }
  body .catalog-add-button { font-size: 12px; padding-inline: 5px; }
  body [aria-label="Browse the fake product simulator"] > .surface { padding: 16px; gap: 14px; }
  body [aria-labelledby="quick-view-title"] { border-radius: 14px; }
  body [aria-labelledby="quick-view-title"] .product-image-frame { min-height: 220px; }
  body .cart-drawer-summary { padding: 16px; padding-bottom: max(16px, env(safe-area-inset-bottom)); }
  body[data-nb-route="/fake-shopping-simulator/"] main > .page-shell > .max-w-3xl { max-width: 100%; }
}
@media (min-width: 640px) and (max-width: 1023px) {
  body .catalog-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* C — a mission strip, sealed surprise counter and collectible aisle stamps. */
body .nbx-shell { --nbx-ink: var(--nb-color-text); --nbx-purple: var(--nb-color-brand); --nbx-purple-soft: var(--nb-color-brand-soft); --nbx-line: var(--nb-color-border); --nbx-safe: var(--nb-color-success); --nbx-sand: var(--nb-color-canvas); max-width: var(--nb-content-width); margin-block: 32px; }
body .nbx-kicker { color: var(--nb-color-brand); font-size: 12px; font-weight: 700; letter-spacing: .04em; }
body .nbx-heading { font-size: clamp(1.6rem, 2.5vw, 2.2rem); font-weight: 750; line-height: 1.14; margin: 10px 0 12px; }
body .nbx-copy { color: var(--nb-color-muted); font-size: 15px; line-height: 1.7; }
body .nbx-panel { border: 1px solid var(--nb-color-border); border-radius: 18px; box-shadow: none; padding: clamp(20px, 3vw, 36px); }
body .nbx-run { background: #f0ecf7; border-color: #d7cde7; grid-template-columns: 1.25fr .75fr; gap: 36px; }
body .nbx-run::after { display: none; }
body .nbx-run-actions { border-left: 1px solid #d2c6e5; padding-left: 32px; align-content: center; gap: 12px; }
body .nbx-run-meta { color: var(--nb-color-muted); font-weight: 500; line-height: 1.6; }
body .nbx-steps { gap: 8px; margin-top: 24px; }
body .nbx-step { border-top-width: 3px; padding-top: 10px; font-size: 11px; font-weight: 650; color: #686172; }
body .nbx-step.is-current { border-color: var(--nb-color-brand); color: var(--nb-color-brand-strong); }
body .nbx-step.is-done { border-color: var(--nb-color-success); color: var(--nb-color-success); }
body .nbx-progress-note { color: var(--nb-color-muted); font-size: 12px; font-weight: 500; line-height: 1.65; margin-top: 16px; }
body .nbx-grid { gap: 16px; }
body :is(.nbx-card,.nbx-event) { padding: 20px; border-radius: 12px; border-color: var(--nb-color-border); background: #fff; }
body .nbx-card h3 { font-size: 18px; font-weight: 700; margin-top: 8px; }
body .nbx-mystery { background: #30234f; color: #fff; border-color: #30234f; position: relative; overflow: hidden; }
body .nbx-mystery :is(.nbx-kicker,.nbx-copy) { color: #e3d9f4; }
body .nbx-mystery .nbx-heading { color: #fff; }
body .nbx-variant-list { gap: 10px; margin-top: 24px; }
body .nbx-variant { background: #fff; border: 1px solid #fff; border-radius: 9px; min-height: 48px; color: #30234f; font-size: 14px; font-weight: 650; padding: 12px 16px; }
body .nbx-variant:hover { background: #e9e0f6; border-color: #e9e0f6; }
body .nbx-dialog { border: 1px solid var(--nb-color-border); border-radius: 20px; padding: 28px; background: #fff; color: var(--nb-color-text); box-shadow: var(--nb-shadow-md); max-width: min(600px, calc(100% - 32px)); }
body .nbx-dialog::backdrop { background: rgb(24 19 40 / 45%); }
body .nbx-countdown { color: var(--nb-color-brand); font-variant-numeric: tabular-nums; }
body .nbx-map { gap: 24px; margin-top: 28px; }
body .nbx-map-tier { border: 0; border-top: 1px solid var(--nb-color-border); border-radius: 0; padding: 24px 0 0; }
body .nbx-map-tier strong { font-size: 15px; letter-spacing: .025em; color: var(--nb-color-brand-strong); }
body .nbx-map-tier-count { color: var(--nb-color-muted); font-weight: 500; }
body .nbx-map-cards { gap: 12px; margin-top: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
body .nbx-map-card { background: #faf9f7; border: 1px solid var(--nb-color-border); border-radius: 12px; padding: 18px; gap: 12px; align-content: start; transition: border-color var(--nb-motion), background var(--nb-motion); }
body .nbx-map-card:hover { background: #f1ecf8; border-color: #b9a6d4; }
body .nbx-map-card b { font-size: 16px; color: var(--nb-color-text); }
body .nbx-map-card span { color: var(--nb-color-muted); font-size: 13px; line-height: 1.6; }
body .nbx-map-card em { color: var(--nb-color-brand); font-size: 12px; font-weight: 650; font-style: normal; }
body .nbx-map-card.is-complete { background: var(--nb-color-success-soft); border-color: #7d9e8c; }
body .nbx-map-card.is-complete em { color: var(--nb-color-success); }
body .nbx-stamp-grid { grid-template-columns: repeat(6, minmax(0,1fr)); gap: 12px; margin-top: 24px; }
body .nbx-stamp { min-height: 104px; padding: 14px; border: 1px dashed #b8b0c6; border-radius: 6px; background: #faf9f7; color: #696073; font-size: 13px; font-weight: 550; line-height: 1.8; transition: background var(--nb-motion), border-color var(--nb-motion); }
body .nbx-stamp:hover { background: var(--nb-color-brand-soft); border-color: var(--nb-color-brand); }
body .nbx-stamp.is-earned { border: 2px solid #709784; background: #edf5f0; color: #22624d; box-shadow: inset 0 0 0 4px #edf5f0, inset 0 0 0 5px #b9d0c3; font-weight: 700; }
body .nbx-passport-next { border-radius: 8px; background: var(--nb-color-brand-soft); color: var(--nb-color-brand-strong); padding: 14px 18px; font-weight: 550; }
body .game-challenge { border-radius: 12px; box-shadow: none; }
@media (max-width: 1023px) {
  body .nbx-stamp-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  body .nbx-map-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 639px) {
  body .nbx-shell { margin-block: 24px; }
  body .nbx-panel { padding: 20px; border-radius: 14px; }
  body .nbx-run { grid-template-columns: 1fr; gap: 20px; }
  body .nbx-run-actions { border-left: 0; border-top: 1px solid #d2c6e5; padding: 20px 0 0; }
  body .nbx-steps { gap: 5px; }
  body .nbx-step { font-size: 10px; overflow-wrap: anywhere; }
  body .nbx-grid { grid-template-columns: 1fr; }
  body .nbx-event { grid-column: auto; }
  body .nbx-stamp-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; }
  body .nbx-stamp { font-size: 12px; padding: 10px; min-height: 100px; }
  body .nbx-map-cards { grid-template-columns: 1fr; }
  body .nbx-map-card { padding: 16px; }
  body .nbx-map-tier-count { float: none; display: block; margin-top: 8px; }
  body .nbx-variant { font-size: 13px; padding: 10px 12px; }
  body .nbx-dialog { padding: 20px; }
}
body .nbx-shell .nbx-stamp { font-size: 13px; font-weight: 550; line-height: 1.8; }
body .nbx-shell .nbx-stamp.is-earned { font-weight: 700; }
body .nbx-shell .nbx-variant { font-size: 14px; font-weight: 650; }
body .nbx-shell :is(.nbx-button,.nbx-quiet) { font-size: 14px; font-weight: 650; }
/* D — the $0 finish: receipt, fictional tracking and local records. */
body[data-nb-route="/checkout/"] main > .page-shell > astro-island > .grid { gap: 28px; }
body[data-nb-route="/checkout/"] main .surface { border-radius: 18px; box-shadow: none; }
body :is(.receipt-paper,.nbx-receipt) { background: #fffef9; border: 1px solid #dcd7c9; border-radius: 4px; box-shadow: 0 10px 30px rgb(61 47 22 / 8%); padding: clamp(22px, 3vw, 36px); }
body .receipt-paper::before, body .receipt-paper::after { background-color: transparent; }
body .nbx-receipt { margin: 28px auto; max-width: 680px; }
body .nbx-receipt h2 { font-size: 30px; line-height: 1.12; letter-spacing: -.025em; margin: 12px 0 24px; }
body .nbx-receipt-line { border-top: 1px dashed #c4bdab; padding: 16px 0; gap: 20px; font-size: 14px; font-variant-numeric: tabular-nums; }
body .nbx-receipt-total { color: var(--nb-color-success); font-size: 28px; }
body .nbx-receipt .nbx-copy { font-size: 13px; line-height: 1.65; }
body .nbx-receipt-actions { border-top: 1px dashed #c4bdab; padding-top: 20px; gap: 10px; }
body .nbx-receipt-actions :is(a,button) { flex: 1 1 180px; }
body .tracking-lookup { background: #fff; border: 1px solid var(--nb-color-border); border-radius: 18px; box-shadow: none; }
body .tracking-lookup-note { color: var(--nb-color-muted); font-size: 13px; }
body .nbx-current-status { border: 1px solid #b9aacd; border-left: 4px solid var(--nb-color-brand); border-radius: 12px; background: #eee8f6; margin-top: 28px; padding: 24px; }
body .nbx-current-status h3 { font-size: clamp(1.5rem, 2.5vw, 2rem); line-height: 1.2; color: var(--nb-color-brand-strong); margin: 12px 0; }
body .nbx-story { gap: 0; margin: 24px 0 0 10px; }
body .nbx-story-item { position: relative; border-left: 2px solid #c8d8cf; padding: 0 0 28px 26px; grid-template-columns: 115px 1fr; gap: 24px; font-size: 15px; line-height: 1.65; }
body .nbx-story-item::before { content: ''; position: absolute; top: 4px; left: -6px; width: 10px; height: 10px; background: #54866b; border: 2px solid #fff; border-radius: 50%; }
body .nbx-story-item:last-child { padding-bottom: 0; }
body .nbx-tier { color: var(--nb-color-success); font-size: 11px; line-height: 1.7; font-weight: 650; letter-spacing: .025em; }
body .nbx-records { border-top: 1px solid var(--nb-color-border); gap: 24px 32px; margin-top: 32px; padding-top: 28px; }
body .nbx-record { border: 0; padding: 0; }
body .nbx-record b { color: var(--nb-color-brand-strong); font-size: 30px; line-height: 1.2; font-weight: 750; font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
body .nbx-record span { display: block; color: var(--nb-color-muted); font-size: 13px; margin-top: 8px; line-height: 1.5; }
body .nbx-install { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--nb-color-border); }
body[data-nb-route="/no-buy-dashboard/"] main .metric-card { padding: 22px 0; }
body[data-nb-route="/no-buy-dashboard/"] main .metric-card .text-3xl { font-size: 36px; color: var(--nb-color-brand-strong); font-variant-numeric: tabular-nums; }
body .empty-state { border: 1px solid var(--nb-color-border); border-radius: 18px; background: #f3f0f7; box-shadow: none; }
@media (max-width: 639px) {
  body .nbx-shell .nbx-stamp { font-size: 12px; }
  body .nbx-shell .nbx-variant { font-size: 13px; }
  body .nbx-receipt h2 { font-size: 25px; }
  body .nbx-receipt-line { font-size: 13px; gap: 12px; }
  body .nbx-receipt-total { font-size: 25px; }
  body .nbx-current-status { padding: 20px; }
  body .nbx-story-item { grid-template-columns: 1fr; gap: 6px; padding-left: 20px; font-size: 14px; }
  body .nbx-records { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px 16px; }
  body .nbx-record b { font-size: 26px; }
}
/* E — editorial reading rhythm and a consistent final navigation surface. */
body .narrow-shell { width: min(var(--nb-reading-width), calc(100% - 64px)); max-width: var(--nb-reading-width); padding-left: 0; padding-right: 0; }
body .narrow-shell h1 { font-size: clamp(2.5rem, 4vw, 3.5rem); }
body .narrow-shell h2 { font-size: clamp(1.6rem, 2.5vw, 2rem); line-height: 1.2; letter-spacing: -.025em; }
body .narrow-shell h3 { font-size: 20px; line-height: 1.3; }
body .narrow-shell p.pretty { font-size: 17px; line-height: 1.85; }
body .narrow-shell > p.pretty { font-size: 19px; line-height: 1.75; }
body .narrow-shell > .grid { gap: 40px; }
body .narrow-shell :is(p,li) a:not([class*="button"]), body .narrow-shell p a { color: var(--nb-color-brand); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
body .narrow-shell [role="note"] { border-left: 3px solid #9a84bf; background: #f2eef7; border-radius: 4px 12px 12px 4px; }
body .narrow-shell table { width: 100%; font-size: 14px; line-height: 1.7; }
body .narrow-shell :is(th,td) { padding: 14px; }
body .narrow-shell th { background: var(--nb-color-surface-alt); }
body details.surface { border-radius: 10px; }
body details summary { min-height: 44px; line-height: 1.5; }
body details[open] summary { margin-bottom: 16px; color: var(--nb-color-brand); }
body footer { border-top: 1px solid var(--nb-color-border); background: #f1edf5; }
body footer > .page-shell { padding-top: 48px; padding-bottom: 48px; gap: 48px; }
body footer nav { gap: 32px; }
body footer nav h2 { font-size: 13px; color: var(--nb-color-brand-strong); font-weight: 750; }
body footer nav a { color: #62596e; font-size: 13px; font-weight: 500; line-height: 1.5; min-height: 28px; display: inline-flex; align-items: center; }
body footer nav a:hover { color: var(--nb-color-brand); text-decoration: underline; text-underline-offset: 4px; }
body footer .bg-safe { background: var(--nb-color-brand); }
body footer p { font-size: 13px; line-height: 1.8; max-width: 48ch; }
body .mobile-bottom-nav { background: #fff; border-top: 1px solid var(--nb-color-border); box-shadow: 0 -4px 20px rgb(39 35 53 / 5%); }
body .mobile-bottom-nav a { min-height: 60px; font-size: 11px; color: #665c75; font-weight: 650; }
body .mobile-bottom-nav a.is-active { color: var(--nb-color-brand); }
body .mobile-bottom-nav a.is-active > span:first-child { background: var(--nb-color-brand-soft); border-radius: 8px; }
body .checkout-zero-panel { background: var(--nb-color-success-soft); border: 1px solid #c8dacd; border-radius: 10px; }
body .checkout-line-image { background: #f4f3f1; border-radius: 8px; object-fit: contain; }
@media (max-width: 639px) {
  body .narrow-shell { width: calc(100% - 32px); }
  body .narrow-shell > p.pretty { font-size: 17px; }
  body .narrow-shell p.pretty { font-size: 16px; line-height: 1.85; }
  body .narrow-shell > .grid { gap: 32px; }
  body footer > .page-shell { gap: 32px; padding-block: 32px; }
  body footer nav { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 28px 20px; }
  body footer nav a { min-height: 40px; font-size: 13px; }
  body footer p a { overflow-wrap: anywhere; }
  body .premium-header .header-cart-link { padding-inline: 10px; }
  body .premium-header summary { padding-inline: 12px; }
}
@media (min-width: 375px) and (max-width: 639px) {
  body .premium-header .brand-name { display: inline; font-size: 17px; }
  body .premium-header .brand-lockup { gap: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  body *, body *::before, body *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Colorful A — a midnight shop window, warm invitation and cool paper shelves. */
body .premium-header { background: var(--nb-night); border-color: #39305a; color: #fff; }
body .premium-header .brand-name { color: #fff; }
body .brand-mark { background: var(--nb-coral); color: var(--nb-night); border-radius: 12px 12px 8px 8px; box-shadow: 0 4px 0 #b85078; }
body .nav-link { color: #e6dff7; }
body .nav-link:hover { background: #34295b; color: #fff; }
body .premium-header .header-cart-link { background: var(--nb-mint); border-color: var(--nb-mint); color: var(--nb-night); }
body .cart-count { background: var(--nb-night); color: #fff; }
body .premium-header .button-primary { background: #ff989c; border-color: #ff989c; color: var(--nb-night); }
body .premium-header details .nav-link { color: var(--nb-night); }
body .homepage-hero { position: relative; isolation: isolate; color: #fff; background: radial-gradient(ellipse at 83% 90%,#255882 0,transparent 42%),radial-gradient(ellipse at 76% 23%,#4a3285 0,transparent 42%),linear-gradient(125deg,#18153c,#252064 75%,#22255f); overflow: hidden; }
body .homepage-hero > .page-shell { position: relative; padding-block: 68px 76px; gap: 48px; }
body .hero-kicker { color: var(--nb-mint); display: inline-flex; align-items: center; gap: 10px; }
body .hero-kicker::before { content: ''; width: 24px; height: 2px; background: currentColor; pointer-events: none; }
body h1.hero-title { font-size: clamp(2.7rem,4.65vw,4.25rem); color: #fff; background: linear-gradient(#fff 0 43%,#d4bcff 54%,#ff9caa 100%); background-clip: text; -webkit-text-fill-color: transparent; }
body .homepage-hero .pretty { color: #e2dcf5; }
body .homepage-hero .mt-6 { color: #d8d0ee; }
body .homepage-hero .button-primary { background: linear-gradient(110deg,#ff87b2,#ffa18e); color: #281437; border-color: #ffadbe; box-shadow: 0 6px 0 #95396c,0 16px 36px #100c3b66; }
body .homepage-hero .button-primary:hover { background: #ffb8c0; transform: translateY(-2px); }
body .homepage-hero .button-secondary { color: #f2eaff; border: 1px solid #9b87c8; background: #21184666; text-decoration: none; }
body .homepage-hero .button-secondary:hover { background: #49316d; }
body .hero-stage { height: 470px; background: transparent; border: 0; box-shadow: none; }
body .hero-stage::before { display: block; content: ''; position: absolute; inset: 5% -2%; border: 1px solid #a59bff42; border-radius: 50%; transform: rotate(-22deg); background: radial-gradient(ellipse,#745ce62e,transparent 69%); pointer-events: none; }
body .hero-stage::after { content: ''; position: absolute; width: 76%; height: 46%; right: 0; bottom: 4%; border: 1px dashed #77e2e369; border-radius: 50%; transform: rotate(-17deg); pointer-events: none; z-index: -1; }
body .hero-product { border: 2px solid #fff; padding: 12px; box-shadow: 0 22px 40px #08042752,0 1px 0 #fff inset; border-radius: 18px; }
body .hero-product.one { background: linear-gradient(145deg,#ffe9ae,#ffafd5); left: 3%; top: 3%; width: 43%; height: 47%; transform: rotate(-10deg); }
body .hero-product.two { background: linear-gradient(145deg,#cdfbff,#adbcff); right: 8%; top: 14%; width: 38%; height: 41%; transform: rotate(9deg); }
body .hero-product.three { background: linear-gradient(145deg,#f9dda3,#e6c6ff); left: 8%; bottom: 5%; width: 36%; height: 40%; transform: rotate(-6deg); }
body .hero-product img { background: #fff; border-radius: 10px; }
body .hero-float.left { left: 48%; top: 0; background: var(--nb-yellow); color: #47264d; box-shadow: 0 0 0 7px #ffe39a14; font-weight: 800; }
body .hero-float.right { color: var(--nb-cyan); right: 0; top: 44%; text-shadow: 0 0 30px #65d9ed; }
body .hero-stage-cart { color: var(--nb-color-text); width: 47%; bottom: 0; right: 0; transform: rotate(5deg); border: 2px solid #fff; border-bottom: 9px solid #ddc5ff; background: linear-gradient(150deg,#fff,#f7f1ff); box-shadow: 0 24px 45px #0704276b; }
body .hero-stage-cart > .mt-4 { background: #d9f6ee; border: 1px solid #b2e8d8; }
body .hero-stage-cart > .mt-4 strong { color: #087561; font-size: 38px; }
body[data-nb-route="/"] { background: radial-gradient(ellipse at 0 26%,#fcebf6,transparent 33%),radial-gradient(ellipse at 100% 47%,#e2f7ff,transparent 32%),#f7f5ff; }
body #featured-picks { position: relative; padding-top: 48px; }
body #featured-picks .feature-heading { font-weight: 800; }
body #featured-picks > div:first-child { border-bottom: 1px solid #dfd7f0; padding-bottom: 24px; }
@media (max-width: 1023px) {
  body .homepage-hero > .page-shell { padding-block: 42px; gap: 32px; }
  body .hero-stage { height: 420px; max-width: 590px; }
}
@media (max-width: 639px) {
  body .homepage-hero > .page-shell { padding-block: 30px 36px; gap: 34px; }
  body h1.hero-title { font-size: clamp(2.35rem,10.3vw,3rem); }
  body .homepage-hero .pretty { font-size: 16px; margin-top: 20px; line-height: 1.65; }
  body .homepage-hero .button-secondary { padding-inline: 11px; }
  body .hero-stage { height: 315px; width: calc(100% - 8px); }
  body .hero-product { padding: 7px; border-radius: 12px; }
  body .hero-stage-cart { padding: 13px; right: 1%; bottom: 2%; width: 49%; border-radius: 12px; border-bottom-width: 6px; }
  body .hero-stage-cart > .mt-4 strong { font-size: 29px; }
  body .hero-stage-cart > p { font-size: 10px; }
  body .hero-stage-cart .text-3xl { font-size: 23px; }
}

/* Colorful B — category-owned color, not a random nth-card rainbow. */
body :is(.catalog-product-card,[aria-labelledby="quick-view-title"]) { --shelf-tint: #e8ddff; --shelf-bright: #c8b3ff; --shelf-ink: #5932bf; }
body :is(.catalog-product-card,[aria-labelledby="quick-view-title"]):has(img:is([src*="/tech/"],[src*="/audio/"],[src*="/tools/"],[src*="/auto/"],[src*="/office/"])) { --shelf-tint: #d5f5fc; --shelf-bright: #8fdde9; --shelf-ink: #006d83; }
body :is(.catalog-product-card,[aria-labelledby="quick-view-title"]):has(img:is([src*="/fashion/"],[src*="/beauty/"],[src*="/bags/"],[src*="/shoes/"],[src*="/baby/"])) { --shelf-tint: #ffe1ef; --shelf-bright: #f8b4d2; --shelf-ink: #a52e68; }
body :is(.catalog-product-card,[aria-labelledby="quick-view-title"]):has(img:is([src*="/home/"],[src*="/furniture/"],[src*="/pets/"],[src*="/wellness/"],[src*="/garden/"])) { --shelf-tint: #daf7ed; --shelf-bright: #a0e7cf; --shelf-ink: #086c55; }
body :is(.catalog-product-card,[aria-labelledby="quick-view-title"]):has(img:is([src*="/jewelry/"],[src*="/luxury/"],[src*="/kitchen/"],[src*="/grocery/"],[src*="/lighting/"])) { --shelf-tint: #fff0c9; --shelf-bright: #f7d58d; --shelf-ink: #915314; }
body :is(.catalog-product-card,[aria-labelledby="quick-view-title"]):has(img:is([src*="/travel/"],[src*="/sports/"],[src*="/cameras/"],[src*="/bath/"],[src*="/music/"])) { --shelf-tint: #e0ebff; --shelf-bright: #accaff; --shelf-ink: #315abb; }
/* Art, Books, Games, Toys and Weird use the violet default. */
body .catalog-product-card { border: 1px solid #e2dbf1; border-radius: 16px; padding: 9px; background: #fff; box-shadow: 0 4px 0 #e8e0f27a; gap: 12px; }
body .catalog-product-card:hover { border-color: var(--shelf-bright); box-shadow: 0 12px 26px #2914511c; }
body .catalog-product-card .product-image-frame { background: linear-gradient(145deg,var(--shelf-tint),var(--shelf-bright)); padding: 14px; border-radius: 11px; }
body .catalog-product-card .product-image { padding: 0; border-radius: 7px; }
body .catalog-product-card > .grid.min-w-0 { padding: 0 5px; }
body .product-category-label { color: var(--shelf-ink); font-weight: 700; }
body .catalog-product-card .text-lg { color: var(--shelf-ink); font-size: 20px; }
body .catalog-add-button { background: var(--shelf-ink); border-color: var(--shelf-ink); color: #fff; border-radius: 8px; }
body .catalog-add-button:hover { background: var(--nb-night); border-color: var(--nb-night); }
body .catalog-pause-button { border-color: var(--shelf-bright); color: var(--shelf-ink); background: var(--shelf-tint); }
body .catalog-pause-button.is-added, body .catalog-add-button.is-added { background: #dff8ee; color: #095a46; border-color: #5eaf97; }
body .category-chip { border-radius: 999px; min-height: 44px; padding-inline: 16px; }
body .category-chip.is-active { box-shadow: 0 3px 0 #382177; }
body [aria-label="Browse the fake product simulator"] > .surface { border-top: 4px solid #8bdccb; border-radius: 16px; box-shadow: 0 5px 22px #26134508; }
body [data-testid="catalog-load-more"] { border-color: #aa95db; box-shadow: 0 4px 0 #dfd4f6; }
body[data-nb-route="/fake-shopping-simulator/"] main > .page-shell > .max-w-3xl { border-left: 5px solid var(--nb-coral); padding-left: 24px; }
body [aria-labelledby="quick-view-title"] { border-top: 6px solid var(--shelf-bright); box-shadow: 0 22px 80px #12072952; }
body [aria-labelledby="quick-view-title"] .product-image-frame { background: linear-gradient(145deg,var(--shelf-tint),var(--shelf-bright)); padding: 28px; }
body [aria-labelledby="quick-view-title"] .product-image { border-radius: 10px; }
body [aria-labelledby="quick-view-title"] aside { background: #fff4df; border-color: #e9c286; }
body [aria-labelledby="quick-view-title"] .button-primary { background: var(--shelf-ink); border-color: var(--shelf-ink); }
body .cart-drawer { border-top: 6px solid var(--nb-mint); }
body .cart-drawer-summary { background: #efebfa; }
body .cart-drawer-summary .text-safe { color: #096953; font-size: 30px; }
body .cart-drawer-item { background: #fff; }
body[data-nb-route="/cart/"] main .surface { box-shadow: 0 5px 0 #e5dcf3; border-color: #ded5ef; }
body[data-nb-route="/cart/"] main .product-image-frame { background: #dff5f8; padding: 8px; }
@media (max-width: 639px) {
  body .catalog-product-card { padding: 6px; gap: 10px; border-radius: 12px; }
  body .catalog-product-card .product-image-frame { padding: 8px; border-radius: 8px; }
  body .catalog-product-card > .grid.min-w-0 { padding: 0 2px; }
  body .catalog-product-card .text-lg { font-size: 18px; }
  body .catalog-product-card > .grid:last-child { gap: 5px; grid-template-columns: minmax(0,1fr) 38px; }
  body .catalog-add-button { padding: 9px 4px; font-size: 11px; }
  body .catalog-add-button svg { width: 14px; min-width: 14px; }
  body .catalog-pause-button { min-width: 38px; padding: 8px; }
  body[data-nb-route="/fake-shopping-simulator/"] main > .page-shell > .max-w-3xl { padding-left: 15px; }
}
@media (max-width: 359px) {
  body .catalog-product-grid { gap: 8px; }
  body .catalog-product-card > .grid:last-child { grid-template-columns: minmax(0,1fr); }
  body .catalog-pause-button { min-height: 44px; }
}

/* Colorful C — seven real stops, seven real surprises, thirty real aisles. */
body .nbx-run { background: radial-gradient(ellipse at 95% 0,#5b3e96,transparent 55%),linear-gradient(120deg,#202051,#252263); color: #fff; border-color: #5b4c93; box-shadow: 0 8px 0 #ddd4f0; border-radius: 22px; }
body .nbx-run .nbx-heading { color: #fff; font-size: clamp(2rem,3.3vw,3rem); }
body .nbx-run :is(.nbx-copy,.nbx-run-meta,.nbx-progress-note) { color: #ded6f1; }
body .nbx-run .nbx-kicker { color: #9aece1; }
body .nbx-run-actions { border-color: #7a65a6; }
body .nbx-run .nbx-button { background: var(--nb-coral); border-color: #ffa8b4; color: #26163b; box-shadow: 0 4px 0 #a24973; }
body .nbx-run .nbx-button:hover { background: #ffb0b5; }
body .nbx-run .nbx-quiet { color: #f3eaff; background: #ffffff0a; border-color: #9985c4; }
body .nbx-step { position: relative; border-color: #766a9c; color: #d6cbe8; padding-top: 15px; }
body .nbx-step::before { content: ''; width: 11px; height: 11px; position: absolute; left: 0; top: -7px; border-radius: 50%; background: #51466e; border: 2px solid #a293bc; pointer-events: none; }
body .nbx-step.is-current { color: #ffe3a4; border-color: #ffe3a4; }
body .nbx-step.is-current::before { background: #ffe3a4; border-color: #fff0c9; box-shadow: 0 0 0 4px #ffe3a424; }
body .nbx-step.is-done { color: #98edda; border-color: #6ed6bd; }
body .nbx-step.is-done::before { background: #6ed6bd; border-color: #b6ffea; }
/* The active simulator progress panel is paper-white, unlike the home Run. */
body #nbx-simulator-progress .nbx-step { color: #615978; border-color: #b5a8c9; }
body #nbx-simulator-progress .nbx-step.is-current { color: #5932bf; border-color: #7959bd; }
body #nbx-simulator-progress .nbx-step.is-current::before { background: #7959bd; border-color: #d9c9f6; box-shadow: 0 0 0 4px #ede7ff; }
body #nbx-simulator-progress .nbx-step.is-done { color: #096953; border-color: #439c83; }
body .nbx-event { background: #e4f7f6; border-color: #b1ddd9; border-radius: 16px; padding: 26px; }
body .nbx-grid > .nbx-card { background: #fff0dd; border-color: #edd4b5; border-radius: 16px; padding: 26px; }
body .nbx-grid > .nbx-card::before { content: ''; display: block; width: 110px; height: 72px; background: url('/visual/parcel.svg') center/contain no-repeat; float: right; margin: 0 -5px 0 8px; pointer-events: none; }
body .nbx-mystery { background: linear-gradient(135deg,#fff1fa,#f0efff 60%,#e4f6fc); color: var(--nb-color-text); border-color: #ded1f0; border-radius: 22px; }
body .nbx-mystery .nbx-heading { color: var(--nb-color-text); }
body .nbx-mystery .nbx-kicker { color: #7140ad; }
body .nbx-mystery .nbx-copy { color: var(--nb-color-muted); }
body .nbx-variant-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
body .nbx-shell .nbx-variant { --parcel-hue: 0deg; background: #e6d7ff; border: 1px solid #d4bdee; border-radius: 14px; padding: 10px 12px 18px; color: #342052; line-height: 1.5; min-height: 160px; box-shadow: 0 4px 0 #d4bdee; transition: transform 180ms,box-shadow 180ms; }
body .nbx-variant::before { content: ''; display: block; height: 114px; background: url('/visual/parcel.svg') center/contain no-repeat; filter: hue-rotate(var(--parcel-hue)); pointer-events: none; }
body .nbx-shell .nbx-variant:hover { transform: translateY(-3px); box-shadow: 0 8px 18px #40306424; border-color: #ab85d9; }
body .nbx-variant[data-nbx-mystery="Cozy Cart"] { --parcel-hue: 55deg; background: #fce1ef; border-color: #eeb9d3; }
body .nbx-variant[data-nbx-mystery="Tech Mystery"] { --parcel-hue: -65deg; background: #d9f4ff; border-color: #b0dbef; }
body .nbx-variant[data-nbx-mystery="Travel Fantasy"] { --parcel-hue: 155deg; background: #fff0cc; border-color: #ecd496; }
body .nbx-variant[data-nbx-mystery="Weird Finds"] { --parcel-hue: -160deg; background: #e0f5db; border-color: #bbdbb2; }
body .nbx-variant[data-nbx-mystery="Luxury Without Spending"] { --parcel-hue: 120deg; background: #ffe2cf; border-color: #e7bfab; }
body .nbx-variant[data-nbx-mystery="Chaos Cart"] { --parcel-hue: -25deg; background: #dce5ff; border-color: #bccbf0; }
body .nbx-dialog { border-top: 7px solid #ccadf6; background: linear-gradient(#faf1ff,#fff 55%); }
body .nbx-dialog .nbx-countdown { line-height: 1.2; }
body #nbx-dashboard-upgrade { position: relative; background: linear-gradient(115deg,#eafaff,#f9f2ff 65%,#fff0f5); border: 1px solid #cec4e4; border-top: 7px solid #7d5ab9; box-shadow: 0 7px 0 #e2d9f1; overflow: hidden; }
body #nbx-dashboard-upgrade > .nbx-kicker { color: #5c348c; }
body #nbx-dashboard-upgrade > .nbx-heading { color: #33215d; }
body .nbx-passport-next { background: #28204f; color: #eee7ff; border-left: 4px solid #e5c378; border-radius: 4px 12px 12px 4px; }
body .nbx-stamp { text-align: center; background: #f4f2f7; border-radius: 7px; min-height: 148px; color: #736b7b; border: 1px dashed #aaa1b7; }
body .nbx-stamp::before { content: ''; display: block; height: 56px; margin: 0 auto 6px; background: url('/visual/passport-seal.svg') center/contain no-repeat; filter: grayscale(1); opacity: .65; pointer-events: none; }
body .nbx-stamp.is-earned { --stamp-tint: #e7ddff; --stamp-edge: #9876c8; background: var(--stamp-tint); color: #35244e; border: 2px dashed var(--stamp-edge); box-shadow: inset 0 0 0 4px var(--stamp-tint),inset 0 0 0 5px #fff; }
body .nbx-stamp.is-earned::before { filter: hue-rotate(var(--stamp-hue,0deg)); opacity: 1; }
body .nbx-stamp.is-earned:nth-child(5n+2) { --stamp-tint: #d8f3f9; --stamp-edge: #68b8c6; --stamp-hue: -65deg; }
body .nbx-stamp.is-earned:nth-child(5n+3) { --stamp-tint: #fce1ed; --stamp-edge: #d995b3; --stamp-hue: 55deg; }
body .nbx-stamp.is-earned:nth-child(5n+4) { --stamp-tint: #dcf5e9; --stamp-edge: #73b79a; --stamp-hue: -155deg; }
body .nbx-stamp.is-earned:nth-child(5n) { --stamp-tint: #fff0d1; --stamp-edge: #c7a36c; --stamp-hue: 135deg; }
body .nbx-map { position: relative; gap: 38px; }
body .nbx-map-tier { --tier-tint: #e4f4ed; --tier-edge: #99cbb5; --island-hue: -20deg; position: relative; border: 1px solid var(--tier-edge); border-radius: 18px; padding: 24px; background: var(--tier-tint); }
body .nbx-map-tier:nth-child(2) { --tier-tint: #e3f1ff; --tier-edge: #a4cbed; --island-hue: -55deg; }
body .nbx-map-tier:nth-child(3) { --tier-tint: #f1e7ff; --tier-edge: #c5abe7; --island-hue: 15deg; }
body .nbx-map-tier:nth-child(4) { --tier-tint: #fff0d6; --tier-edge: #e5c38c; --island-hue: 125deg; }
body .nbx-map-tier:nth-child(5) { --tier-tint: #ffe8ef; --tier-edge: #eab5c6; --island-hue: 50deg; }
body .nbx-map-tier:nth-child(6) { --tier-tint: #e5eaff; --tier-edge: #b6bbe8; --island-hue: -15deg; }
body .nbx-map-tier:not(:last-child)::after { content: ''; position: absolute; left: 50%; bottom: -39px; height: 38px; border-left: 2px dashed #ad9cc9; pointer-events: none; }
body .nbx-map-tier > h3 { display: grid; grid-template-columns: 76px 1fr auto; align-items: center; gap: 16px; margin-bottom: 18px; }
body .nbx-map-tier > h3::before { content: ''; width: 76px; height: 54px; background: url('/visual/journey-island.svg') center/contain no-repeat; filter: hue-rotate(var(--island-hue)); pointer-events: none; }
body .nbx-map-tier strong { font-size: 18px; letter-spacing: .035em; }
body .nbx-map-tier-count { float: none; border: 1px solid var(--tier-edge); padding: 7px 10px; border-radius: 7px; background: #ffffffa6; color: #51425e; }
body .nbx-map-card { background: #fffffff2; border-color: #ffffff; box-shadow: 0 3px 0 #39245a0a; border-radius: 12px; }
body .nbx-map-card:hover { background: #fff; border-color: #8b70b4; }
body .nbx-map-card.is-complete { background: #dff8ed; border: 2px solid #69af91; }
@media (max-width: 1023px) { body .nbx-variant-list { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 639px) {
  body .nbx-run { border-radius: 16px; }
  body .nbx-run .nbx-heading { font-size: 30px; }
  body .nbx-run-actions { border-color: #7a65a6; }
  body .nbx-steps { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px 10px; }
  body .nbx-step { padding-top: 13px; font-size: 11px; overflow-wrap: normal; }
  body .nbx-shell .nbx-variant-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  body .nbx-shell .nbx-variant { min-height: 142px; padding: 8px 8px 14px; font-size: 13px; }
  body .nbx-variant::before { height: 91px; }
  body .nbx-stamp { padding: 8px; min-height: 128px; }
  body .nbx-stamp::before { height: 44px; }
  body .nbx-map-tier { padding: 16px; border-radius: 12px; }
  body .nbx-map-tier > h3 { grid-template-columns: 54px 1fr; gap: 10px; }
  body .nbx-map-tier > h3::before { width: 54px; height: 44px; grid-row: span 2; }
  body .nbx-map-tier strong { font-size: 16px; }
  body .nbx-map-tier-count { grid-column: 2; margin: 0; justify-self: start; font-size: 11px; }
}

/* Colorful D — paper, a real $0 total, and a clearly fictional journey. */
body[data-nb-route="/checkout/"] { background: linear-gradient(125deg,#eff7ff,#faf3ff 60%,#ffedf2); }
body[data-nb-route="/checkout/"] main .surface { border-color: #d3c7e6; box-shadow: 0 5px 0 #e5ddf2; }
body .checkout-zero-panel { background: #d9f6eb; border-color: #a0d9c4; border-left: 5px solid #43a58c; padding: 20px; }
body :is(.receipt-paper,.nbx-receipt) { position: relative; border: 1px solid #d9cce8; border-top: 6px solid #8b69c8; border-radius: 5px; background: #fffefa; box-shadow: 0 17px 38px #31204c1c; }
body .nbx-receipt { padding: clamp(24px,4vw,42px); margin-block: 36px; }
body .nbx-receipt::after { content: ''; position: absolute; left: -1px; right: -1px; bottom: -9px; height: 10px; background: linear-gradient(135deg,#fffefa 25%,transparent 25%) -9px 0/18px 18px,linear-gradient(225deg,#fffefa 25%,transparent 25%) -9px 0/18px 18px; pointer-events: none; }
body .nbx-receipt h2 { font-size: clamp(28px,3vw,38px); }
body .nbx-receipt-line { border-color: #c9bdd8; padding-block: 18px; }
body .nbx-receipt-line:has(.nbx-receipt-total) { border-top: 2px dashed #a9d7c7; background: #e1f7ee; margin-inline: -14px; padding-inline: 14px; align-items: center; }
body .nbx-receipt-total { font-size: 42px; line-height: 1.2; color: #076a55; }
body .nbx-receipt-actions { border-color: #c9bdd8; }
body .nbx-receipt-actions .nbx-button { flex-basis: 100%; background: #5930c5; border-color: #5930c5; box-shadow: 0 4px 0 #d6c7f5; }
body .nbx-receipt > .nbx-card { background: #f5f0fc; border-color: #dfd3ed; }
body #nbx-tracking-story { background: #edf9fc; border-color: #b8d7e4; border-radius: 22px; }
body .nbx-current-status { background: #fff; border: 1px solid #d3c5e5; border-top: 5px solid #9574cc; padding: 28px; overflow: hidden; }
body .nbx-current-status h3 { color: #342057; font-size: clamp(26px,3vw,36px); }
body .nbx-current-status::after { content: ''; display: block; aspect-ratio: 800 / 270; margin: 24px -28px -28px; background: url('/visual/delivery-scene.svg') center/cover no-repeat; pointer-events: none; }
body .nbx-story { margin: 30px 0 0 12px; }
body .nbx-story-item { border-left: 2px solid #9bcfc9; padding-bottom: 30px; }
body .nbx-story-item::before { width: 14px; height: 14px; left: -8px; background: #218474; box-shadow: 0 0 0 4px #d6f0e9; }
body .nbx-records { border: 0; gap: 14px; padding-top: 0; }
body .nbx-record { --record-bg: #e7ddfb; background: var(--record-bg); border: 1px solid #ffffff; border-radius: 12px; padding: 22px; min-width: 0; }
body .nbx-record:nth-child(3n+2) { --record-bg: #d8f3ef; }
body .nbx-record:nth-child(3n) { --record-bg: #ffe5da; }
body .nbx-record b { font-size: clamp(24px,2.6vw,34px); color: #362050; overflow-wrap: anywhere; }
body .nbx-record span { color: #5b4b69; }
body .dashboard-preview { background: linear-gradient(100deg,#f1ebfc,#eaf9f6); border-color: #d2c5e3; }
body .metric-card { border-left: 3px solid #a890cb; padding-left: 18px; }
body .metric-card:nth-child(even) { border-color: #61bbac; }
body .empty-state { background: linear-gradient(125deg,#f1e9ff,#e7f7fa); border: 1px dashed #c3afd8; }
@media (min-width: 1024px) {
  body .nbx-current-status { min-height: 226px; padding-right: 49%; position: relative; }
  body .nbx-current-status::after { position: absolute; right: 0; top: 0; bottom: 0; width: 45%; margin: 0; aspect-ratio: auto; background-position: 49% center; }
}
@media (max-width: 639px) {
  body .nbx-receipt-total { font-size: 34px; }
  body .nbx-receipt-actions :is(a,button) { flex-basis: 100%; }
  body .nbx-current-status { padding: 20px; }
  body .nbx-current-status::after { margin: 20px -20px -20px; aspect-ratio: 1.8; }
  body .nbx-record { padding: 16px 12px; }
  body .nbx-record b { font-size: 25px; }
  body .metric-card { padding-left: 12px; }
}

/* Colorful E — quiet reading pages and the same midnight sign-off. */
body .narrow-shell { background: transparent; }
body .narrow-shell > .eyebrow { color: #624090; }
body .narrow-shell h1 { color: #2d2050; }
body .narrow-shell > p.pretty { border-left: 3px solid #b5dcd5; padding-left: 20px; }
body .narrow-shell [role="note"] { border-left-color: #7a56b1; background: #eee8f8; }
body .narrow-shell .soft-surface { background: #ecf6f4; border: 1px solid #d3e7e0; }
body .narrow-shell details.surface { background: #fff; border-color: #ded4eb; box-shadow: none; }
body .narrow-shell th { background: #e9e1f5; }
body .narrow-shell :is(th,td) { border-color: #ded5e9; }
body footer.bg-white { background: var(--nb-night); border-top: 5px solid #b9a3ee; color: #fff; }
body footer :is(.text-ink,.font-display) { color: #fff; }
body footer :is(p,.text-muted) { color: #d5cce9; }
body footer nav h2 { color: #a0eddd; font-size: 14px; }
body footer nav a { color: #d5cce9; }
body footer nav a:hover { color: #fff; }
body footer .bg-safe { background: var(--nb-coral); color: var(--nb-night); }
body footer p a { color: #c9b6ff; }
body .play-nobuycart { background: linear-gradient(115deg,#e5f6f9,#f1e5fa); border: 1px solid #d3c7e4; }
body .play-nobuycart-grid { gap: 14px; }
body .play-nobuycart-grid a { border: 1px solid #d5cae5; border-radius: 12px; background: #ffffffb3; padding: 22px; }
body .category-discovery-grid a { background: #f6f0ff; border-color: #d8c9eb; }
body .category-discovery-grid a:nth-child(3n+2) { background: #e8f7f4; border-color: #bfe0d7; }
body .category-discovery-grid a:nth-child(3n) { background: #fff1df; border-color: #ead5b8; }
body .mobile-bottom-nav { background: #fff; border-top: 2px solid #e4daf6; box-shadow: 0 -6px 24px #2010390f; }
body .mobile-bottom-nav a.is-active { color: #5430b3; }
body .mobile-bottom-nav a.is-active > span:first-child { background: #e6dcfa; }
body :is(button,[role="button"],summary,a,input,select,textarea):focus-visible { outline: 3px solid #8251d0; outline-offset: 4px; }
body :is(.premium-header,.homepage-hero,.nbx-run,footer) :is(button,a,summary):focus-visible { outline-color: #ffe39a; }
body .premium-header details :is(button,a,summary):focus-visible { outline-color: #8251d0; }
@media (max-width: 639px) {
  body .narrow-shell > p.pretty { padding-left: 14px; }
  body footer > .page-shell { padding-top: 36px; }
  body footer nav h2 { font-size: 13px; }
  body .play-nobuycart-grid a { padding: 18px; }
  body .homepage-hero :is(.button-primary,.button-secondary) { min-height: 48px; }
}
@media (forced-colors: active) {
  body h1.hero-title { background: none; -webkit-text-fill-color: currentColor; }
  body :is(.nbx-stamp,.nbx-map-card,.nbx-variant,.catalog-product-card) { border: 1px solid CanvasText; }
  body .nbx-step.is-current { border-width: 5px; }
}
@media (prefers-reduced-motion: no-preference) {
  body .nbx-stamp::before { transition: transform 180ms ease; }
  body .nbx-stamp:hover::before { transform: rotate(-7deg) scale(1.08); }
  body :is(.nbx-step,.nbx-map-card,.nbx-record) { transition: border-color 180ms,background 180ms; }
  body .nbx-receipt { animation: nb-paper-in 240ms ease-out both; }
  @keyframes nb-paper-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
}