/* Default has no data-jzm-palette attribute: existing application styles win unchanged. */
html[data-jzm-palette='coral-cobalt'] {
  --palette-bg:#FAF9F6; --palette-surface:#FFFFFF; --palette-soft:#E9EEFF;
  --palette-ink:#24272D; --palette-muted:#596579; --palette-line:#CBD5EF;
  --palette-action:#2648D8; --palette-on-action:#FFFFFF; --palette-secondary:#EF4E48;
  --palette-on-secondary:#24272D; --palette-accent:#CF3B38; --palette-keyline:#2648D8;
  --palette-button-bg:#2648D8; --palette-button-shadow:0 4px 0 #183296;
  --palette-radius:14px; --palette-border:1px; --palette-card-shadow:0 5px 18px #24272D0D;
  color-scheme:light;
}
html[data-jzm-palette='charcoal-lime'] {
  --palette-bg:#111411; --palette-surface:#202620; --palette-soft:#2C3625;
  --palette-ink:#F4F7EF; --palette-muted:#BDC7B7; --palette-line:#556147;
  --palette-action:#C5F34A; --palette-on-action:#141A0D; --palette-secondary:#B7CC95;
  --palette-on-secondary:#141A0D; --palette-accent:#C5F34A; --palette-keyline:#C5F34A;
  --palette-button-bg:#C5F34A; --palette-button-shadow:0 4px 0 #718E27;
  --palette-radius:12px; --palette-border:1px; --palette-card-shadow:0 5px 18px #00000033;
  color-scheme:dark;
}
html[data-jzm-palette='orange-blue'] {
  --palette-bg:#FFFCF5; --palette-surface:#FFFFFF; --palette-soft:#E5F3FF;
  --palette-ink:#20354A; --palette-muted:#536678; --palette-line:#CBDCEA;
  --palette-action:#FF852A; --palette-on-action:#172C40; --palette-secondary:#2389DB;
  --palette-on-secondary:#102536; --palette-accent:#B64400; --palette-keyline:#C85610;
  --palette-button-bg:#FF852A; --palette-button-shadow:0 4px 0 #B94800;
  --palette-radius:12px; --palette-border:1px; --palette-card-shadow:0 4px 0 #FFE166;
  color-scheme:light;
}
html[data-jzm-palette='aurora'] {
  --palette-bg:#F7FAFF; --palette-surface:#FFFFFF; --palette-soft:#EDF0FF;
  --palette-ink:#202746; --palette-muted:#596184; --palette-line:#CCD4F2;
  --palette-action:#4850D8; --palette-on-action:#FFFFFF; --palette-secondary:#6343C9;
  --palette-on-secondary:#FFFFFF; --palette-accent:#5751CC; --palette-keyline:#ADB8F5;
  --palette-button-bg:linear-gradient(115deg,#245CCA,#6343C9);
  --palette-button-shadow:0 6px 18px #6557DB30;
  --palette-radius:18px; --palette-border:1px; --palette-card-shadow:0 6px 24px #6277CF14;
  color-scheme:light;
}
html[data-jzm-palette='pink-cyan'] {
  --palette-bg:#FAFAF7; --palette-surface:#FFFFFF; --palette-soft:#DEFAF8;
  --palette-ink:#15151A; --palette-muted:#5C5C67; --palette-line:#22222B;
  --palette-action:#D92764; --palette-on-action:#FFFFFF; --palette-secondary:#47DDD9;
  --palette-on-secondary:#15151A; --palette-accent:#C51F58; --palette-keyline:#22222B;
  --palette-button-bg:#D92764; --palette-button-shadow:3px 4px 0 #47DDD9;
  --palette-radius:10px; --palette-border:1.5px; --palette-card-shadow:0 5px 18px #00000008;
  color-scheme:light;
}

/* Bridge the existing global and Home token namespaces. Scoped !important overrides
   old Home preferences and lazy route styles without changing their saved values. */
html[data-jzm-palette], html[data-jzm-palette] #root .app-stage {
  --brand:var(--palette-action)!important; --brand-dark:var(--palette-accent)!important;
  --brand-2:var(--palette-secondary)!important; --brand-soft:var(--palette-soft)!important;
  --brand-grad:var(--palette-button-bg)!important; --brand-grad-btn:var(--palette-button-bg)!important;
  --accent:var(--palette-secondary)!important; --price:var(--palette-accent)!important;
  --ink:var(--palette-ink)!important; --ink-1:var(--palette-ink)!important;
  --ink-2:var(--palette-muted)!important; --ink-3:var(--palette-muted)!important;
  --bg:var(--palette-bg)!important; --bg-2:var(--palette-soft)!important;
  --card:var(--palette-surface)!important; --line:var(--palette-line)!important;
  --surface-canvas:var(--palette-bg)!important; --surface-card:var(--palette-surface)!important;
  --surface-soft:var(--palette-soft)!important; --text-primary:var(--palette-ink)!important;
  --text-secondary:var(--palette-muted)!important; --text-muted:var(--palette-muted)!important;
  --action-primary:var(--palette-action)!important; --action-primary-hover:var(--palette-action)!important;
  --action-primary-active:var(--palette-action)!important; --action-primary-soft:var(--palette-soft)!important;
  --action-primary-border:var(--palette-keyline)!important; --action-primary-text:var(--palette-accent)!important;
  --action-secondary:var(--palette-secondary)!important; --action-secondary-hover:var(--palette-secondary)!important;
  --action-quiet:var(--palette-soft)!important; --action-quiet-hover:var(--palette-surface)!important;
  --action-quiet-text:var(--palette-ink)!important; --focus-ring:var(--palette-action)!important;
  --jzm-brand-action:var(--palette-action)!important; --jzm-brand-action-hover:var(--palette-action)!important;
  --jzm-brand-action-active:var(--palette-action)!important; --jzm-brand-expression:var(--palette-secondary)!important;
  --jzm-brand-soft:var(--palette-soft)!important; --jzm-canvas:var(--palette-bg)!important;
  --jzm-surface:var(--palette-surface)!important; --jzm-anchor:var(--palette-ink)!important;
  --jzm-ink:var(--palette-ink)!important; --jzm-muted:var(--palette-muted)!important;
  --jzm-line:var(--palette-line)!important; --page-canvas:var(--palette-bg)!important;
  --page-surface:var(--palette-surface)!important; --page-atmosphere:var(--palette-secondary)!important;
  --page-atmosphere-soft:var(--palette-soft)!important; --page-atmosphere-deep:var(--palette-ink)!important;
  --home-canvas:var(--palette-bg)!important; --home-surface:var(--palette-surface)!important;
  --home-surface-1:var(--palette-surface)!important; --home-surface-2:var(--palette-soft)!important;
  --home-surface-3:var(--palette-soft)!important; --home-surface-muted:var(--palette-soft)!important;
  --home-button-1:var(--palette-soft)!important; --home-button-2:var(--palette-soft)!important;
  --home-button-3:var(--palette-surface)!important; --home-button-border:var(--palette-keyline)!important;
  --home-button-text:var(--palette-ink)!important; --home-button-hover:var(--palette-soft)!important;
  --home-button-active:var(--palette-soft)!important; --home-button-focus:var(--palette-action)!important;
  --home-border:var(--palette-line)!important; --home-border-strong:var(--palette-keyline)!important;
  --home-text:var(--palette-ink)!important; --home-text-secondary:var(--palette-muted)!important;
  --home-text-muted:var(--palette-muted)!important; --home-accent:var(--palette-action)!important;
  --home-accent-hover:var(--palette-action)!important; --home-accent-soft:var(--palette-soft)!important;
  --home-action-orange-start:var(--palette-soft)!important; --home-action-orange-end:var(--palette-surface)!important;
  --home-action-title:var(--palette-ink)!important; --home-action-body:var(--palette-muted)!important;
  --home-action-kicker:var(--palette-accent)!important; --home-shadow:var(--palette-card-shadow)!important;
  --shadow-card:var(--palette-card-shadow)!important; --shadow-float:var(--palette-button-shadow)!important;
}

/* Explicit route surfaces, not a blanket recoloring of photos, canvas art, or status badges. */
html[data-jzm-palette] body,
html[data-jzm-palette] #root :is(.app-stage,.desktop-shell-main,.phone-frame,.phone-frame-home,.screen,.home-screen,.app-header.home) {
  background:var(--palette-bg)!important; color:var(--palette-ink)!important;
}
html[data-jzm-palette] #root :is(.app-header,.desktop-shell-nav,.tabbar,.card,.co-card,.order-card,.dp-card,.account-card,.entry,.wallet,.cart-shop,.cart-group,.sheet,.product-decision-card,.detail-body,.detail-summary,.detail-primary-card,.product-outcome-preview,.product-preview-dialog,.home-weekly-growth,.home-personal-recommendations,.home-play-card,.mc-salary-card) {
  background:var(--palette-surface)!important; color:var(--palette-ink)!important;
  border-color:var(--palette-line)!important;
}
html[data-jzm-palette] #root :is(.home-weekly-growth,.order-card,.co-card,.dp-card,.account-card,.cart-shop,.product-decision-card) {box-shadow:var(--palette-card-shadow)!important}
html[data-jzm-palette] #root :is(.product-preview-card,.product-default-spec,.product-truth-footprint,.detail-point-state,.detail-chips,.checkout-hero-card,.mc-dashboard,.mc-metric,.home-personal-card,.dp-first-social,.dp-outcome-card,.order-loop-banner,.cart-notice) {
  background:var(--palette-soft)!important; color:var(--palette-ink)!important; border-color:var(--palette-line)!important;
}
html[data-jzm-palette] #root :is(.price,.points,.detail-price,.checkout-price,.wallet .big) {color:var(--palette-accent)!important}
html[data-jzm-palette] #root :is(.meta,.small,.detail-copy,.detail-note,.home-weekly-growth p,.dp-sub,.checkout-hero-sub) {color:var(--palette-muted)!important}
html[data-jzm-palette] #root :is(.section-title,.detail-title,.checkout-hero-title,.dp-card-title,.home-weekly-growth h2,.home-weekly-growth-kicker,.shop-name) {color:var(--palette-ink)!important}
html[data-jzm-palette] #root :is(input,textarea,select) {background-color:var(--palette-surface);color:var(--palette-ink);border-color:var(--palette-line)}
html[data-jzm-palette] #root :is(.btn,.daily-episode-primary,.home-weekly-growth button,.quick-start-primary,.oqs-primary,.product-preview-trigger,.product-preview-actions .btn,.dp-outcome-actions button:first-child,.order-actions button:last-child) {
  background:var(--palette-button-bg)!important; color:var(--palette-on-action)!important;
  border:var(--palette-border) solid var(--palette-keyline)!important;
  border-radius:var(--palette-radius)!important; box-shadow:var(--palette-button-shadow)!important;
}
html[data-jzm-palette] #root :is(.btn.ghost,.btn.secondary,.mc-settings-btn,.order-actions button:not(:last-child),.dp-first-actions .ghost,.product-preview-actions .btn.ghost) {
  background:var(--palette-surface)!important; color:var(--palette-ink)!important;
  border:var(--palette-border) solid var(--palette-keyline)!important;
  border-radius:var(--palette-radius)!important; box-shadow:none!important;
}
html[data-jzm-palette] #root :is(.dp-outcome-actions button:nth-child(2),.btn.secondary) {background:var(--palette-secondary)!important;color:var(--palette-on-secondary)!important}
html[data-jzm-palette] #root :is(.btn,.order-actions button,.home-weekly-growth button):disabled {background:var(--palette-soft)!important;color:var(--palette-muted)!important;border-color:var(--palette-line)!important;box-shadow:none!important}
html[data-jzm-palette] #root :is(.btn,.jzm-palette-trigger):active:not(:disabled) {transform:translateY(2px);box-shadow:none!important}
html[data-jzm-palette] #root :is(.tabbar button.active,.desktop-shell-nav button.active,.back-btn) {color:var(--palette-action)!important}
html[data-jzm-palette] #root :is(.module-entry-hero,.module-entry-screen .app-header,.cc-header,.chat-head) {background:var(--palette-soft)!important;color:var(--palette-ink)!important;border-color:var(--palette-line)!important}
html[data-jzm-palette] #root :is(.module-entry-hero h1,.module-entry-hero p,.module-entry-hero .module-entry-kicker) {color:var(--palette-ink)!important}
html[data-jzm-palette] #root :is(.outcome-quick-start,.food-card,.disc-card,.chat-result-card,.reco-card,.chat-input,.chat-composer) {background:var(--palette-surface)!important;color:var(--palette-ink)!important;border-color:var(--palette-line)!important}
html[data-jzm-palette] #root :is(.chat-send,.ce-btn,.disc-btn,.chat-result-card button.primary) {background:var(--palette-button-bg)!important;color:var(--palette-on-action)!important;border:var(--palette-border) solid var(--palette-keyline)!important;border-radius:var(--palette-radius)!important;box-shadow:var(--palette-button-shadow)!important}
html[data-jzm-palette] #root :is(.chat-send,.ce-btn,.disc-btn):disabled {background:var(--palette-soft)!important;color:var(--palette-muted)!important;box-shadow:none!important}

/* Same per-card accents as the native concepts, using the actual web Home classes. */
html[data-jzm-palette] #root .home-screen :is(.mc-countdown,.mc-level,.mc-identity,.mc-slot,.moyu-tools button) {background:var(--palette-soft)!important;color:var(--palette-ink)!important;border-color:var(--palette-line)!important}
html[data-jzm-palette] #root .home-screen :is(.brand-name,.mc-big,.mc-big b,.mc-metric b) {color:var(--palette-ink)!important}
html[data-jzm-palette] #root .home-screen :is(.mc-kicker,.mc-time-label,.mc-metric small,.mc-metric em) {color:var(--palette-muted)!important}
html[data-jzm-palette] #root .home-screen .mc-salary-summary {color:var(--palette-accent)!important}
html[data-jzm-palette] #root .home-screen .mc-income button {background:var(--palette-surface)!important;color:var(--palette-ink)!important;border-color:var(--palette-line)!important}
html[data-jzm-palette='coral-cobalt'] #root .home-screen .home-weekly-growth {background:#FFF0EF!important}
html[data-jzm-palette='coral-cobalt'] #root .home-screen .mc-metric {background:#FFFFFF!important}
html[data-jzm-palette='charcoal-lime'] #root .home-screen .mc-pet-reply {background:#202620!important;color:#F4F7EF!important}
/* Explicit selectors out-rank late Home rules, including their !important values. */
html[data-jzm-palette='charcoal-lime'] #root .home-screen .app-header.home .home-actions .pts-chip,
html[data-jzm-palette='charcoal-lime'] #root .home-screen .app-header.home .home-actions .bell {
  background:var(--palette-soft)!important;color:var(--palette-ink)!important;
  border-color:var(--palette-line)!important;box-shadow:none!important;
}
html[data-jzm-palette='charcoal-lime'] #root .home-screen .moyu-clock .mc-identity-pending .mc-id-change {color:var(--palette-muted)!important}
html[data-jzm-palette='orange-blue'] #root .home-screen :is(.mc-metric:first-child,.home-weekly-growth) {background:#FFF0AF!important}
html[data-jzm-palette='orange-blue'] #root .home-screen .mc-metric:last-child {background:#FFE3C8!important}
html[data-jzm-palette='orange-blue'] #root .home-screen .moyu-tools button {background:#D7EFFF!important;border:1px solid #8ABFE3!important;box-shadow:0 4px 0 #3584BA!important}
html[data-jzm-palette='aurora'] #root .home-screen .mc-salary-card {background:linear-gradient(140deg,#E8F8FF,#F2EEFF)!important}
html[data-jzm-palette='pink-cyan'] #root .home-screen .mc-salary-card .mc-countdown {background:#FFE2ED!important}
html[data-jzm-palette='pink-cyan'] #root .home-screen .mc-metric:last-child {background:#FBEF95!important}
html[data-jzm-palette='pink-cyan'] #root :is(.card,.home-screen .app-header.home>.row) {border:1px solid #22222B!important}
html[data-jzm-palette='pink-cyan'] #root .home-screen .moyu-tools button {border:1.5px solid #22222B!important;box-shadow:3px 4px 0 #47DDD9!important}

/* Additive header control: keep notifications and balance, wrap at narrow widths. */
#root .home-screen .app-header.home > .row {flex-wrap:wrap;gap:8px}
#root .home-screen .home-actions {flex-wrap:wrap;justify-content:flex-end;max-width:100%}
#root .home-screen .home-actions .jzm-palette-trigger {
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  min-width:48px;min-height:44px;padding:8px 12px;border-radius:999px;
  border:1px solid var(--palette-line,#E5D6CB);background:var(--palette-surface,#FFFDFC);
  color:var(--palette-ink,#6C321F);font:700 13px/1.3 var(--font-ui,system-ui);box-shadow:none;
}
@media(min-width:361px) and (max-width:480px) {
  #root .home-screen .app-header.home > .row {flex-wrap:nowrap;gap:6px;align-items:center}
  #root .home-screen .home-brand {flex:1 1 auto;min-width:0}
  #root .home-screen .home-actions {flex-wrap:nowrap;gap:5px}
  #root .home-screen .home-actions .jzm-palette-trigger {width:48px;padding:8px 4px}
  #root .home-screen .home-actions .pts-chip {width:110px;max-width:110px;padding-inline:6px;font-size:11.5px}
}
@media(max-width:360px) {
  #root .home-screen .app-header.home > .row {display:flex;flex-wrap:wrap}
  #root .home-screen .home-brand {flex:1 0 100%;min-width:0}
  #root .home-screen .home-actions {display:grid;grid-template-columns:48px 42px minmax(0,1fr);gap:5px;width:100%;margin-left:0}
  #root .home-screen .home-actions .pts-chip {min-width:0;white-space:normal;overflow-wrap:anywhere;padding:7px 8px;line-height:1.35}
  #root .home-screen .home-actions .jzm-palette-trigger {min-width:44px;width:48px;padding:8px 4px}
}
.jzm-palette-layer[hidden] {display:none!important}
.jzm-palette-layer {
  position:fixed;inset:0;z-index:10000;display:grid;place-items:center;
  padding:18px;background:rgba(13,18,28,.58);font-family:var(--font-ui,system-ui);
}
.jzm-palette-dialog {
  width:min(480px,100%);max-height:calc(100dvh - 36px);overflow:auto;overscroll-behavior:contain;
  padding:20px;box-sizing:border-box;border:1px solid var(--palette-line,#E5D6CB);
  border-radius:20px;background:var(--palette-surface,#FFFDFC);color:var(--palette-ink,#251C18);
  box-shadow:0 24px 80px #0004;
}
.jzm-palette-head {display:flex;align-items:center;justify-content:space-between;gap:12px}
.jzm-palette-head h2 {margin:0;font-size:22px;line-height:1.3;color:inherit}
.jzm-palette-close {width:44px;min-width:44px;height:44px;padding:0;border:1px solid var(--palette-line,#E5D6CB);border-radius:12px;background:var(--palette-soft,#FFF1EB);color:inherit;font:400 28px/1 system-ui;cursor:pointer}
.jzm-palette-description,.jzm-palette-status {font-size:13px;line-height:1.6;color:var(--palette-muted,#73645D);margin:12px 0}
.jzm-palette-status {min-height:21px;margin-bottom:0}
.jzm-palette-options {display:grid;gap:8px;margin:0;padding:0;border:0;min-width:0}
.jzm-palette-option {display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--palette-line,#E5D6CB);border-radius:12px;cursor:pointer;min-width:0}
.jzm-palette-option:has(input:checked) {border:2px solid var(--palette-action,#C93C0E);padding:11px;background:var(--palette-soft,#FFF1EB)}
.jzm-palette-option input {flex:none;width:18px;height:18px;accent-color:var(--palette-action,#C93C0E);margin:0}
.jzm-palette-copy {flex:1;min-width:0}
.jzm-palette-copy strong,.jzm-palette-copy small {display:block}
.jzm-palette-copy strong {font-size:14px;line-height:1.5}
.jzm-palette-copy small {color:var(--palette-muted,#73645D);font-size:11px;line-height:1.5;margin-top:2px}
.jzm-palette-swatches {display:flex;gap:3px;flex:none}
.jzm-palette-swatches i {display:block;width:15px;height:24px;border-radius:5px;border:1px solid #0002}
.jzm-palette-sr {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.jzm-palette-dialog :focus-visible,#root .jzm-palette-trigger:focus-visible {outline:3px solid var(--palette-action,#C93C0E);outline-offset:3px}
@media(max-width:360px) {.jzm-palette-dialog{padding:14px}.jzm-palette-swatches{gap:2px}.jzm-palette-swatches i{width:10px;height:20px}.jzm-palette-option{gap:8px}}

/* 3D neon punk: opt-in sixth theme, matching native palette tokens. */
html[data-jzm-palette='neon-punk'] #root .home-screen .home-tagline{color:#b4bfdb!important}
html[data-jzm-palette='neon-punk']{
 --palette-bg:#090c1b;--palette-surface:#171c34;--palette-soft:#242342;--palette-ink:#edf8ff;--palette-muted:#b4bfdb;--palette-line:#52618d;
 --palette-action:#58f4e8;--palette-on-action:#081528;--palette-secondary:#ff87cf;--palette-on-secondary:#081528;--palette-accent:#ff87cf;--palette-keyline:#9bfef3;
 --palette-button-bg:linear-gradient(145deg,#b1fff6,#58f4e8 48%,#5bd3fa);--palette-button-shadow:inset 0 2px 0 #ffffff99,0 5px 0 #127a85,0 8px 18px #58f4e833;
 --palette-radius:16px;--palette-border:1px;--palette-card-shadow:inset 0 1px 0 #ceffff66,0 5px 0 #080b18,0 12px 24px #0006; color-scheme:dark;
}
html[data-jzm-palette='neon-punk'] #root .home-screen{background:radial-gradient(ellipse at 95% 10%,#39205a66,transparent 55%),radial-gradient(ellipse at 0% 50%,#0d6c7333,transparent 50%),#090c1b!important}
html[data-jzm-palette='neon-punk'] #root :is(.card,.mc-salary-card,.home-weekly-growth,.product-decision-card,.order-card,.account-card,.entry,.cart-group,.sheet,.product-preview-dialog,.home-personal-recommendations){background:linear-gradient(145deg,#263251,#14182f 58%,#241932)!important;border:1px solid #607096!important;box-shadow:inset 0 1px 0 #ceffff66,inset 0 -1px 0 #0009,0 5px 0 #080b18,0 12px 24px #0006,0 0 16px #58f4e80b!important}
html[data-jzm-palette='neon-punk'] #root .home-screen :is(.mc-metric,.mc-countdown){background:linear-gradient(150deg,#303558,#171d35)!important;border:1px solid #55658d!important;box-shadow:inset 0 1px 0 #ffffff33,0 3px 0 #080b18!important}
html[data-jzm-palette='neon-punk'] #root .home-screen :is(.mc-big,.mc-metric b){color:#edf8ff!important;text-shadow:1px 2px 0 #7864b5,0 0 18px #58f4e833}
html[data-jzm-palette='neon-punk'] #root .home-screen .moyu-tools button{background:linear-gradient(145deg,#343451,#20233a)!important;color:#f3d9ef!important;border:1px solid #9664a1!important;box-shadow:inset 0 1px 0 #ffb6e04d,0 4px 0 #110e24,0 7px 14px #0004!important}
html[data-jzm-palette='neon-punk'] #root .home-screen .app-header.home .home-actions :is(.pts-chip,.bell){background:#242342!important;color:#edf8ff!important;border-color:#52618d!important}
html[data-jzm-palette='neon-punk'] #root .home-screen .mc-pet-reply{background:#171c34!important;color:#edf8ff!important}
html[data-jzm-palette='neon-punk'] #root .home-screen .moyu-clock .mc-identity-pending .mc-id-change{color:#b4bfdb!important}
html[data-jzm-palette='neon-punk'] #root :is(.btn,.daily-episode-primary,.home-weekly-growth button,.quick-start-primary,.oqs-primary,.product-preview-trigger){transition:transform .12s,box-shadow .12s}
html[data-jzm-palette='neon-punk'] #root :is(.btn,.daily-episode-primary,.home-weekly-growth button,.quick-start-primary,.oqs-primary,.product-preview-trigger):active{transform:translateY(3px)!important;box-shadow:inset 0 1px 0 #ffffff66,0 2px 0 #127a85!important}
html[data-jzm-palette='neon-punk'] .jzm-palette-dialog{background:linear-gradient(145deg,#263251,#14182f)!important;color:#edf8ff!important;border:1px solid #607096;box-shadow:inset 0 1px 0 #ceffff66,0 20px 70px #0009}
html[data-jzm-palette='neon-punk'] #root :is(.btn,.home-weekly-growth button):disabled{transform:none!important;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){html[data-jzm-palette='neon-punk'] #root button{transition:none!important}}

.punk-scene{position:relative;height:206px;box-sizing:border-box;margin:14px 0 22px;border-radius:20px;border:1px solid #6274c5;background:radial-gradient(ellipse at 83% 25%,#6a237d88,transparent 60%),linear-gradient(130deg,#11132b,#092f4280),#080c20;box-shadow:inset 0 1px 0 #c6ffff77,0 7px 0 #040715,0 12px 28px #0008;overflow:hidden;color:#edf8ff}
.punk-copy{position:relative;z-index:2;padding:20px 16px;pointer-events:none;width:51%;box-sizing:border-box}
.punk-eyebrow{font-size:10px;letter-spacing:2px;color:#6dfff3;display:block}.punk-title{white-space:pre-line;font-size:27px;font-weight:900;line-height:1.25;margin:8px 0;text-shadow:1px 1px #9566dc,2px 2px #754cb6,3px 3px #563387,4px 5px 0 #261b4b,0 0 20px #9582ff55}
.punk-sub{font-size:10px;color:#c7c9e5;display:block;white-space:nowrap}
.punk-scene .punk-motion{pointer-events:auto;width:auto;display:inline-block;margin:12px 0 0;padding:5px 9px;min-height:28px;line-height:18px;font-size:10px;color:#8dfff7!important;background:#122333!important;border:1px solid #438c9c!important;border-radius:7px;box-shadow:0 3px 0 #030b19!important}
.punk-space{position:absolute;right:-2%;top:0;width:54%;height:100%;perspective:650px;pointer-events:none}
.punk-floor{position:absolute;left:-80%;top:95px;width:220%;height:180px;background-image:linear-gradient(#49fae533 1px,transparent 1px),linear-gradient(90deg,#49fae533 1px,transparent 1px);background-size:24px 24px;transform:rotateX(67deg);box-shadow:0 0 35px #44ffe544;opacity:.65}
.punk-cube{position:absolute;left:calc(50% - 37px);top:62px;width:74px;height:74px;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(35deg);animation:punk-turn 16s linear infinite}
.punk-face{position:absolute;width:74px;height:74px;box-sizing:border-box;border:1px solid #a0fff1;background:linear-gradient(145deg,#bcffffdd,#20aaafaa 38%,#5d248ac9);box-shadow:inset 0 0 18px #bfffff80,0 0 12px #57f7ef55;display:flex;align-items:center;justify-content:center;backface-visibility:visible}
.punk-face text,.punk-face span{font-size:33px;font-weight:900;color:#e6fffc;text-shadow:2px 2px #8536b3,0 0 8px #65ffff}
.punk-f0{transform:translateZ(37px)}.punk-f1{transform:rotateY(90deg) translateZ(37px)}.punk-f2{transform:rotateY(180deg) translateZ(37px)}.punk-f3{transform:rotateY(-90deg) translateZ(37px)}.punk-f4{transform:rotateX(90deg) translateZ(37px)}.punk-f5{transform:rotateX(-90deg) translateZ(37px)}
.punk-orbit{position:absolute;left:calc(50% - 77px);top:42px;width:154px;height:112px;border:2px solid #ff75d8;border-radius:50%;transform:rotateZ(-28deg) rotateX(60deg);box-shadow:0 0 12px #ff4ecf88,inset 0 0 8px #ff4ecf55}
.orbit-two{transform:rotateZ(38deg) rotateX(65deg);border-color:#65fff1;box-shadow:0 0 12px #34fbea88;top:58px}
.punk-satellite{position:absolute;right:16%;top:28px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#ff8fe6 30%,#9519ae 68%,#230c40);box-shadow:0 6px 12px #0008,0 0 15px #ff80df88;animation:punk-float 4s ease-in-out infinite}
.punk-paused .punk-cube,.punk-paused .punk-satellite{animation-play-state:paused}
@keyframes punk-turn{from{transform:rotateX(-22deg) rotateY(35deg)}to{transform:rotateX(-22deg) rotateY(395deg)}}
@keyframes punk-float{0%,100%{transform:translateY(0)}50%{transform:translateY(14px)}}

html:not([data-jzm-palette='neon-punk']) .punk-scene{display:none}
html[data-jzm-palette='neon-punk'] #root .punk-scene{flex-shrink:0;order:1}
@media(prefers-reduced-motion:reduce){.punk-cube,.punk-satellite{animation:none!important}}
@media(hover:hover){html[data-jzm-palette='neon-punk'] #root .home-weekly-growth:hover{transform:perspective(900px) rotateX(2deg) translateY(-3px);transition:transform .2s}}