body[data-preview="true"]{background:radial-gradient(850px 600px at -8% -12%,#164738 0%,transparent 63%),radial-gradient(780px 620px at 108% 88%,#402964 0%,transparent 66%),linear-gradient(135deg,#121218 0%,#20182b 52%,#15131d 100%)}
body[data-preview="true"] .header-right{width:min(100%,242px);gap:7px;justify-items:stretch}
body[data-preview="true"] #accountOverview{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:6px;row-gap:2px;width:100%;margin:0;padding:7px 8px;border:1px solid #4a556f;border-radius:11px;background:linear-gradient(145deg,#1c2130,#161a25);box-shadow:inset 0 1px #ffffff0d,0 12px 28px #0000002b}
body[data-preview="true"] #accountOverview span{grid-column:1;grid-row:1;color:#9cabc8;font-size:.46rem;font-weight:850;letter-spacing:.12em}
body[data-preview="true"] #accountOverview strong{grid-column:2;grid-row:1;min-width:0;overflow:hidden;color:#f0f3fa;font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}
body[data-preview="true"] #accountOverview small{grid-column:1 / span 2;grid-row:2;color:#9fdbbf;font-size:.49rem;font-weight:750;white-space:nowrap}
body[data-preview="true"] #accountOverview a{grid-column:3;grid-row:1 / span 2;align-self:center;padding:4px 5px;border:1px solid #4b5872;border-radius:6px;background:#252b3a;color:#dfe7f6;font-size:.5rem;line-height:1.12;text-decoration:none}
body[data-preview="true"] .header-right>#accountOverview{order:1}body[data-preview="true"] .header-right>.mode-panel{order:2}body[data-preview="true"] .header-right>.status-stack{order:3}body[data-preview="true"] .header-right>.header-safety-note{order:4!important}
/* Guests can compare the two visual modes, but no workspace control is enabled. */
body[data-preview="true"] .mode-choice{cursor:pointer}
body[data-preview="true"] .mode-choice:focus-visible{outline:2px solid #d8ccff;outline-offset:2px}
body[data-preview="true"] .preview-home-link{display:inline-flex;border-radius:5px;color:inherit;text-decoration:none}
body[data-preview="true"] .preview-home-link:hover .eyebrow{color:#b7f4d8}
body[data-preview="true"] .preview-home-link:focus-visible{outline:2px solid #9e8bf2;outline-offset:5px}
#visitorPreviewNotice{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,360px) auto;align-items:center;gap:14px;margin:0 0 16px;padding:11px 13px;border:1px solid #52668e;border-radius:12px;background:linear-gradient(108deg,#172d4b,#202b46 51%,#1d293d);box-shadow:inset 0 1px #d6eeff12,0 12px 28px #00000024}
#visitorPreviewNotice span{display:block;color:#a8cbef;font-size:.53rem;font-weight:850;letter-spacing:.13em}#visitorPreviewNotice strong{display:block;margin-top:3px;color:#edf5ff;font-size:.77rem}#visitorPreviewNotice p{margin:0;color:#c2d4e8;font-size:.66rem;line-height:1.35}#visitorPreviewNotice a{padding:7px 9px;border:1px solid #69d9ae;border-radius:8px;background:#6bddab;color:#11251d;font-size:.63rem;font-weight:850;text-decoration:none;white-space:nowrap}#visitorPreviewNotice a b{padding-left:4px;font-size:.88rem}
body[data-preview="true"][data-mode="live"]{background:radial-gradient(850px 600px at -8% -12%,#164738 0%,transparent 63%),radial-gradient(780px 600px at 108% 88%,#207151 0%,transparent 66%),linear-gradient(135deg,#111218 0%,#17281f 52%,#101613 100%)}
body[data-preview="true"][data-mode="live"] #visitorPreviewNotice{border-color:#43c99b;background:linear-gradient(108deg,#163b31,#1a3a36 51%,#183141)}
body[data-preview="true"][data-mode="live"] #visitorPreviewNotice span{color:#9ff0ca}
body[data-preview="true"][data-mode="live"] #visitorPreviewNotice p{color:#c4ead8}
body[data-preview="true"][data-mode="practice"] .connection-card{border-color:#476480!important;background:linear-gradient(145deg,#1a2635,#1b1d28)!important}body[data-preview="true"] #connectStage{position:relative}body[data-preview="true"] #connectStage:after{position:absolute;inset:42px 0 0;z-index:2;border-radius:10px;background:linear-gradient(180deg,#15192308,#15192361);content:"";pointer-events:none}body[data-preview="true"] #connectStage .actions,body[data-preview="true"] #connectStage #connectionState{position:relative;z-index:3}body[data-preview="true"] #connectStage textarea:disabled,body[data-preview="true"] #connectStage input:disabled,body[data-preview="true"] #connectStage select:disabled{opacity:.6;cursor:not-allowed}body[data-preview="true"] #connectStage #connect{border-color:#58c99a;background:#65d6a6;color:#10251c;opacity:1;cursor:pointer}body[data-preview="true"] #connectStage #practice:disabled{opacity:.5}
body[data-preview="true"][data-mode="practice"] .positions-card{border-color:#7169ba!important;background:radial-gradient(100% 120% at 100% 0%,#6e5ab522 0%,transparent 48%),#1a1d28!important}body[data-preview="true"] .position-row{cursor:default}body[data-preview="true"] .position-row.selected.armed{border-color:#42bf91!important;background:#18352d!important}body[data-preview="true"] .position-row.selected.armed em{color:#d7ffed;border-color:#3cad82;background:#245543}
body[data-preview="true"][data-mode="practice"] .control-card{border-color:#7561b7!important;background:radial-gradient(100% 120% at 100% 0%,#6651af2b 0%,transparent 47%),linear-gradient(145deg,#201d32,#1b1c26)!important}body[data-preview="true"] .control-card input:disabled,body[data-preview="true"] .control-card button:disabled,body[data-preview="true"] .control-card input[readonly]{opacity:.78;cursor:not-allowed}body[data-preview="true"] .active-exit-controls:not([hidden]){border-color:#3fc892!important;background:linear-gradient(105deg,#163a2e,#17352e)!important}body[data-preview="true"] #sell:disabled,body[data-preview="true"] #disarm:disabled{opacity:.55}body[data-preview="true"][data-mode="practice"] #arm{border-color:#7e67d1;background:#9d82ea;color:#171126;cursor:pointer}body[data-preview="true"][data-mode="live"] #arm{border-color:#4fc99c;background:linear-gradient(110deg,#2b8fc0,#41bf99);color:#10271f;cursor:pointer}body[data-preview="true"][data-mode="practice"] #marketOverview{border-color:#7561b7;background:linear-gradient(145deg,#26213a,#1b1c26)}body[data-preview="true"][data-mode="practice"] #overviewKicker{color:#c5b3ff}body[data-preview="true"] .price-rail{opacity:1}
body[data-preview="true"] .active-plans-strip{border-color:#397f69;background:linear-gradient(105deg,#14352b,#1b2628)}body[data-preview="true"] .active-plan-row{padding:7px 8px;border:1px solid #3b7665;border-radius:8px;background:#183a2f}.active-plan-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 9px}.active-plan-row strong{overflow:hidden;color:#effff7;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.active-plan-row span{grid-column:1/-1;color:#abe0c8;font-size:.61rem;line-height:1.3}.active-plan-row b{align-self:start;color:#8cedc4;font-size:.6rem;letter-spacing:.07em;text-transform:uppercase}
/* Use the same threshold rail geometry as a signed-in workspace for every sample row. */
body[data-preview="true"] .mini-rail{background:linear-gradient(90deg,#7b3e4a 0 var(--stop-position),#343d50 var(--stop-position) var(--target-position),#2d725c var(--target-position) 100%)!important}
body[data-preview="true"][data-mode="practice"] .activity-card{border-color:#4c5e7d!important;background:linear-gradient(145deg,#1a2230,#1a1d28)!important}body[data-preview="true"] .history-explainer{color:#aebbd0}body[data-preview="true"] .history-empty{color:#becce0}

/* Real Money preview: a restrained Kalshi console beneath the unchanged header. */
body[data-preview="true"][data-mode="live"] #visitorPreviewNotice{border-color:#3b5b6d;background:#17212b;box-shadow:inset 3px 0 #54d3a3,inset 0 1px #ffffff0d,0 12px 28px #00000024}
body[data-preview="true"][data-mode="live"] #visitorPreviewNotice span{color:#80dfb5}
body[data-preview="true"][data-mode="live"] #visitorPreviewNotice strong{color:#edf3f7}
body[data-preview="true"][data-mode="live"] #visitorPreviewNotice p{color:#b8c8d1}
body[data-preview="true"][data-mode="live"] #visitorPreviewNotice a{border-color:#5dd4a6;background:#58cfa0;color:#0f251e;box-shadow:none}
body[data-preview="true"][data-mode="live"] .active-plans-strip{border-color:#375869;background:#151f29;box-shadow:inset 0 1px #ffffff0b,0 12px 28px #00000024}
body[data-preview="true"][data-mode="live"] .active-plan-row{border-color:#365a62;background:#172832}
body[data-preview="true"][data-mode="live"] .active-plan-row strong{color:#edf3f7}
body[data-preview="true"][data-mode="live"] .active-plan-row span{color:#aebfca}
body[data-preview="true"][data-mode="live"] .active-plan-row b{color:#81e0b6}
body[data-preview="true"][data-mode="live"] .connection-card,body[data-preview="true"][data-mode="live"] .positions-card,body[data-preview="true"][data-mode="live"] .control-card,body[data-preview="true"][data-mode="live"] #marketOverview,body[data-preview="true"][data-mode="live"] .activity-card{border-color:#3a566a!important;background:#17212b!important;box-shadow:inset 0 1px #ffffff0b,0 16px 36px #00000035!important;animation:none!important}
body[data-preview="true"][data-mode="live"] .connection-card{border-top-color:#4cae8a!important}
body[data-preview="true"][data-mode="live"] .positions-card{border-top-color:#5b9dcd!important}
body[data-preview="true"][data-mode="live"] .control-card{border-top-color:#53b695!important;box-shadow:inset 0 1px #ffffff0b,0 -2px 0 #367860,0 16px 36px #00000035!important}
body[data-preview="true"][data-mode="live"] .connection-card .section-kicker,body[data-preview="true"][data-mode="live"] .control-card .section-kicker{color:#8fe1bd!important}
body[data-preview="true"][data-mode="live"] .positions-card .section-kicker{color:#91c9ee!important}
body[data-preview="true"][data-mode="live"] #step3ModeBadge{border-color:#3e9075;background:#16342e;color:#a6e8ca!important}
body[data-preview="true"][data-mode="live"] .position-context{border-color:#38566a!important;background:#141e27!important}
body[data-preview="true"][data-mode="live"] .context-heading{border-color:#314a5a}
body[data-preview="true"][data-mode="live"] .position-context input,body[data-preview="true"][data-mode="live"] .position-context button{border-color:#3a5162!important;background:#111923!important;color:#e6eef3!important}
body[data-preview="true"][data-mode="live"] #marketOverview{border-color:#3d6d70!important;background:#15262a!important}
body[data-preview="true"][data-mode="live"] #overviewKicker{color:#93e1bd!important}
body[data-preview="true"][data-mode="live"] .overview-status{border-color:#42866f;background:#17362f;color:#c7f4de}
body[data-preview="true"][data-mode="live"] .price-rail{border-bottom-color:#526978;background:linear-gradient(90deg,#7b3e4a 0 var(--stop-position),#343d50 var(--stop-position) var(--target-position),#2d725c var(--target-position) 100%)}
body[data-preview="true"][data-mode="live"] .position-row.selected.armed{border-color:#3f8c73!important;background:#17322d!important}
body[data-preview="true"][data-mode="live"] .position-row.selected.armed em{border-color:#4b987d;background:#20463b;color:#d6f8e6}
body[data-preview="true"][data-mode="live"] .active-exit-controls:not([hidden]){border-color:#39866f!important;background:#142b28!important;box-shadow:inset 0 1px #c8ffe00b}
body[data-preview="true"][data-mode="live"] .active-exit-controls span{color:#82dcb3}
body[data-preview="true"][data-mode="live"] .active-exit-controls strong{color:#e1f5ec}
body[data-preview="true"][data-mode="live"] .exit-rules .stop-rule{border-color:#a85d68!important;background:linear-gradient(145deg,#2b2027,#211a20)!important;box-shadow:inset 0 1px #ffd6d810,0 8px 20px #00000022!important}
body[data-preview="true"][data-mode="live"] .exit-rules .stop-rule span{color:#f2bdc4!important}
body[data-preview="true"][data-mode="live"] .exit-rules .stop-rule input{color:#fff0f1!important;text-shadow:none}
body[data-preview="true"][data-mode="live"] .exit-rules .stop-rule small{color:#d8aeb4!important}
body[data-preview="true"][data-mode="live"] .exit-rules .target-rule{border-color:#3d8d73!important;background:linear-gradient(145deg,#18342d,#152720)!important;box-shadow:inset 0 1px #d9ffec10,0 8px 20px #00000022!important}
body[data-preview="true"][data-mode="live"] .exit-rules .target-rule span{color:#afe8cf!important}
body[data-preview="true"][data-mode="live"] .exit-rules .target-rule input{color:#effff7!important;text-shadow:none}
body[data-preview="true"][data-mode="live"] .exit-rules .target-rule small{color:#afd1c0!important}
body[data-preview="true"][data-mode="live"] .sustained-exit{border-color:#385064;background:#151d26}
body[data-preview="true"][data-mode="live"] .sustained-copy strong{color:#e8eef3}
body[data-preview="true"][data-mode="live"] .sustained-copy p,body[data-preview="true"][data-mode="live"] .bid-explainer{color:#a8bac6}
body[data-preview="true"][data-mode="live"] .sustained-heading span{border-color:#56637a;background:#222938;color:#c7d5e3}
body[data-preview="true"][data-mode="live"] .mode-row{border-color:#385f63;background:#142424}
body[data-preview="true"][data-mode="live"] #arm{border-color:#54c99d;background:#49bf91;color:#10261f;box-shadow:0 8px 18px #3ab68224}
body[data-preview="true"][data-mode="live"] .activity-card .section-kicker{color:#8fc9eb!important}
body[data-preview="true"][data-mode="live"] .exit-results-summary>div{border-color:#385165;background:#151f29}
@media(max-width:680px){body[data-preview="true"] .header-right{width:100%;justify-items:stretch}body[data-preview="true"] #accountOverview{padding:8px 9px}#visitorPreviewNotice{grid-template-columns:1fr;gap:8px;margin-bottom:12px}#visitorPreviewNotice a{justify-self:start}.topbar{padding-bottom:15px!important}}

/* Guest-preview quote motion is cosmetic and deliberately quiet. The compact
   active-plan rail and the larger position map use the same JS frame. */
body[data-preview="true"] .mini-current,
body[data-preview="true"] #railCurrent{will-change:left;transition:left 720ms cubic-bezier(.2,.78,.25,1)}
body[data-preview="true"] .position-quote,
body[data-preview="true"] .active-plan-quote{transition:color 180ms ease,transform 180ms ease}
body[data-preview="true"] .mini-current.is-illustrative-tick{animation:illustrativeMarkerTick 420ms ease-out}
body[data-preview="true"] .position-quote.is-illustrative-tick,
body[data-preview="true"] .active-plan-quote.is-illustrative-tick{animation:illustrativeLabelTick 420ms ease-out}
@keyframes illustrativeMarkerTick{45%{box-shadow:0 0 0 5px #d2c2ff1f,0 0 13px #c1b3ff;transform:translateX(-50%) scaleY(1.16)}}
@keyframes illustrativeLabelTick{45%{color:#f9f5ff;transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){
  body[data-preview="true"] .mini-current,
  body[data-preview="true"] #railCurrent,
  body[data-preview="true"] .position-quote,
  body[data-preview="true"] .active-plan-quote{transition:none!important;animation:none!important}
}

/* Keep each preview position at its stable product size while showing the
   three illustrative categories together whenever the desktop has room. */
@media(min-width:681px){
  body[data-preview="true"] .position-list{max-height:min(520px,calc(100vh - 260px))}
}
