/* Sandbox styling stays visibly distinct from the real-money owner flow. */
:root{--trade-warning:#875500;--trade-warning-line:#ebd4a4}
:root[data-theme=dark]{--trade-warning:#f5ce83;--trade-warning-line:#6c5430}
.trade-shell{max-width:1180px}.back-link{font-size:12px;color:var(--muted)}.trade-intro{padding:54px 0 34px;max-width:720px}.trade-intro h1{font-size:clamp(44px,5vw,65px)}.trade-intro>p:last-child{max-width:540px;color:var(--muted);font-size:15px;line-height:1.8;margin:24px 0 0}.sandbox-badge{display:inline-block;color:var(--accent);border:1px solid var(--line-strong);border-radius:4px;padding:9px 11px;margin:0 0 22px}.account-panel{border:1px solid var(--line);border-radius:10px;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;gap:28px;background:var(--panel);margin-bottom:24px}.account-copy{max-width:600px}.account-copy>.eyebrow,.trade-panel>.eyebrow{color:var(--muted);margin:0 0 16px}.account-copy h2{font-size:19px;letter-spacing:-.3px;font-weight:500;margin:0 0 10px}.account-copy>p:last-child{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.account-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.account-actions .primary{width:auto;gap:18px;white-space:nowrap;font-size:12px}.trade-desk{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.trade-panel{border:1px solid var(--line);border-radius:10px;padding:28px;background:var(--panel);min-width:0}.trade-panel h2{font-size:25px;font-weight:500;letter-spacing:-.7px;margin:0 0 14px}.panel-description{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 24px}.trade-panel fieldset{margin:0;padding:0;border:0;min-width:0}.trade-panel label,.trade-panel legend{font-size:12px;line-height:1.6}.trade-panel label:not(.confirm-label){display:block;margin-bottom:8px}.trade-panel select,.trade-panel input[type=number]{display:block;width:100%;font:inherit;font-size:14px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:13px 12px;min-height:46px}.trade-panel select{white-space:normal;text-overflow:ellipsis;padding-right:30px;margin-bottom:20px}.trade-panel input::placeholder{color:var(--faint)}.trade-panel select:focus-visible,.trade-panel input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.trade-panel fieldset:disabled{opacity:.6}.trade-panel fieldset:disabled button{cursor:wait}.market-details{background:var(--surface);border-left:2px solid var(--accent);padding:12px 14px;margin:-5px 0 23px;font-size:11px;line-height:1.6;color:var(--muted)}.market-details>p{margin:0 0 6px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.quote-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.quote-pair strong{display:block;font:500 16px ui-monospace,monospace;color:var(--text);margin:4px 0 9px}.trade-panel .outcome-field{margin:0 0 24px}.outcome-field legend{margin-bottom:9px}.outcome-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.outcome-options label{position:relative;margin:0!important}.outcome-options input{position:absolute;left:14px;top:50%;transform:translateY(-50%);margin:0;accent-color:var(--accent);width:15px;height:15px}.outcome-options span{display:block;border:1px solid var(--line);border-radius:5px;padding:13px 13px 13px 39px;font:500 12px ui-monospace,monospace;cursor:pointer}.outcome-options input:checked+span{border-color:var(--accent);background:var(--accent-tint);color:var(--accent-on-tint)}.outcome-options input:focus-visible{outline-offset:4px}.amount-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.field-note{font-size:11px;line-height:1.7;color:var(--muted);margin:9px 0}.amount-fields label{min-height:38px;display:flex!important;align-items:end}.text-button{background:transparent;border:0;color:var(--accent);font-size:12px;padding:8px 0;min-height:40px;text-decoration:underline;text-underline-offset:4px}.trade-panel>.text-button{margin-top:10px}.trade-message{font-size:12px;line-height:1.75;color:var(--accent);padding:13px 15px;border:1px solid var(--line-strong);border-radius:5px;margin:20px 0 0;overflow-wrap:anywhere}.trade-message:empty{display:none}.trade-message.is-error{border-color:var(--trade-warning-line);color:var(--trade-warning)}.trade-message a{display:block;text-decoration:underline;text-underline-offset:3px;margin-top:8px}.trade-intro+.trade-message{margin:0 0 24px}.terms-notice{font-size:12px;line-height:1.7;border-left:2px solid var(--accent);padding:0 14px;margin-top:20px;color:var(--muted)}.terms-notice a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.review-panel{background:var(--surface)}.review-empty{padding:23px 5px 31px;min-height:235px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.review-mark{color:var(--accent);font:42px var(--font-sans);display:grid;place-items:center;width:65px;height:65px;border:1px solid var(--line);border-radius:10px;transform:rotate(-7deg);margin-bottom:15px}.review-empty p{color:var(--muted);font-size:13px;line-height:1.8;max-width:265px;margin:16px 0 0}.review-panel h3{font-size:19px;line-height:1.5;font-weight:500;letter-spacing:-.3px;margin:18px 0 8px;overflow-wrap:anywhere}.review-panel .mono{font-size:10px;color:var(--muted);line-height:1.6}.review-description{font-size:12px;line-height:1.7;color:var(--muted);white-space:pre-wrap}.order-summary{margin:20px 0 14px}.order-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px;line-height:1.6}.order-summary dt{color:var(--muted);flex-shrink:0}.order-summary dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}.order-summary .principal-row dd{color:var(--accent);font-family:ui-monospace,monospace;font-size:20px}.confirm-label{display:flex;align-items:flex-start;gap:11px;margin:22px 0 20px;color:var(--muted);cursor:pointer}.confirm-label input{flex-shrink:0;width:17px;height:17px;accent-color:var(--accent);margin:3px 0 0}.review-panel .text-button{display:block;margin:5px auto 0}.sandbox-footnote{border-top:1px solid var(--line);padding-top:18px;margin:22px 0 0;font-size:10px;line-height:1.7;color:var(--muted)}.order-receipt>.eyebrow{color:var(--accent);margin-top:25px}.sandbox-account-link{font-size:12px;line-height:1.8;color:var(--muted);margin:25px 0 48px}.sandbox-account-link a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.trade-shell [hidden]{display:none!important}.trade-shell button:disabled{cursor:not-allowed}
@media(max-width:950px){.account-panel{align-items:flex-start}.account-actions .primary{white-space:normal;min-width:155px;line-height:1.5}.trade-desk{gap:18px}.trade-panel{padding:22px}.amount-fields{gap:10px}.amount-fields label{font-size:11px}.order-summary>div{font-size:11px;gap:14px}}
@media(max-width:760px){.trade-intro{padding:36px 0 27px}.trade-intro h1{font-size:46px}.trade-intro>p:last-child{font-size:14px;margin-top:20px}.sandbox-badge{font-size:9px;letter-spacing:1px}.back-link{font-size:10px}.account-panel{display:block;padding:22px;margin-bottom:18px}.account-actions{align-items:flex-start;margin-top:18px;gap:6px}.account-actions:has(>[hidden]:first-child):has(>[hidden]:nth-child(2)):has(>[hidden]:last-child){margin-top:0}.account-actions .primary{width:100%;justify-content:space-between;min-width:0}.trade-desk{grid-template-columns:1fr}.trade-panel h2{font-size:25px}.amount-fields label{font-size:12px}.review-empty{min-height:220px}.order-summary>div{font-size:12px}.sandbox-account-link{margin-bottom:32px}}
@media(max-width:370px){.trade-panel,.account-panel{padding:18px}.trade-intro h1{font-size:41px}.brand{font-size:10px;letter-spacing:1px}.back-link{font-size:9px}.amount-fields{grid-template-columns:1fr;gap:12px}.amount-fields label{min-height:0}}

.trade-shell{max-width:1180px;margin:0 auto;padding:0 32px}
.trade-shell .topbar{min-height:88px;border-bottom:1px solid var(--line)}
.aux-nav{display:flex;align-items:center;gap:18px}
.aux-theme-toggle{border:1px solid var(--line);color:var(--text)}
.back-link{font-size:13px}
.trade-intro{padding:44px 0 32px;max-width:720px}
.trade-intro h1{font-family:var(--font-sans);font-size:clamp(36px,4.4vw,52px);font-weight:500;line-height:1.1;letter-spacing:-.045em;margin:0}
.trade-intro h1 em{font-style:normal;color:var(--accent)}
.trade-intro>p:last-child{font-size:14px;line-height:1.75;margin-top:20px;max-width:560px}
.sandbox-badge{display:inline-flex;align-items:center;gap:8px;color:var(--accent-on-tint);background:var(--accent-tint);border:0;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;padding:7px 12px;margin-bottom:20px}
.sandbox-badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.account-panel,.trade-panel{border-radius:16px}
.account-copy h2{font-size:21px;font-weight:500;letter-spacing:-.025em}
.trade-panel h2{font-size:24px;font-weight:500;letter-spacing:-.03em}
.account-copy>.eyebrow,.trade-panel>.eyebrow{font-size:11px;font-weight:500;letter-spacing:.035em}
.account-actions .primary,.trade-panel .primary,.account-actions .secondary{min-height:44px;font-size:13px;padding:10px 18px;line-height:1.5;white-space:normal}
.trade-panel .primary{width:100%}
.trade-panel .panel-description,.trade-panel label,.trade-panel legend{font-size:13px}
.trade-panel input[type=number],.trade-panel select{background-color:var(--surface);border-radius:12px;min-height:46px;color:var(--text);font-size:16px}
.trade-panel select{background-image:var(--chevron);background-repeat:no-repeat;background-position:right 12px center}
.trade-panel select:focus-visible,.trade-panel input:focus-visible{outline:none;border-color:var(--accent);background-color:var(--panel);box-shadow:0 0 0 3px var(--accent-ring)}
.market-details{border:1px solid var(--line);border-radius:12px;padding:16px;font-size:12px;line-height:1.75}
.outcome-options span{border-radius:12px;font-family:var(--font-sans);font-size:13px;font-weight:600}
.field-note,.sandbox-footnote{font-size:12px;line-height:1.75}
.trade-message{border-radius:12px;font-size:13px;line-height:1.7;background:var(--surface)}
.review-panel{background:var(--panel)}
.review-empty{border-radius:12px;background:var(--surface);padding:28px 20px;min-height:245px}
.review-mark{font-family:var(--font-sans);font-size:32px;width:56px;height:56px;border:0;border-radius:50%;background:var(--accent-tint);color:var(--accent-on-tint);transform:none;margin-bottom:6px}
.review-panel h3{font-size:20px;font-weight:500;letter-spacing:-.02em}
.order-summary>div{font-size:13px}
.order-summary .principal-row dd{font-family:var(--font-sans);font-size:24px;font-weight:500;font-variant-numeric:tabular-nums}
.confirm-label{font-size:13px!important;color:var(--text);line-height:1.7}
.sandbox-account-link{font-size:13px}
.trade-shell .footer{margin-top:24px}
@media(max-width:760px){.trade-shell{padding:0 20px}.trade-shell .topbar{min-height:76px;gap:12px}.aux-nav{gap:10px}.back-link{font-size:12px}.trade-intro{padding:32px 0 26px}.trade-panel,.account-panel{padding:22px}.trade-panel h2{font-size:22px}.account-actions .primary{width:auto}.amount-fields label{font-size:13px}.order-summary>div{font-size:13px}}
@media(max-width:420px){.trade-shell{padding:0 16px}.trade-shell .brand{font-size:13px}.back-link{max-width:70px;text-align:right;line-height:1.4}.trade-panel,.account-panel{padding:18px}.amount-fields{grid-template-columns:1fr;gap:12px}.amount-fields label{min-height:0}}

.aux-market-link{font-size:13px;color:var(--muted)}
.aux-nav>a:hover{color:var(--accent)}
@media(max-width:620px){.topbar{flex-wrap:wrap;padding:16px 0;gap:12px}.aux-nav{width:100%;justify-content:space-between}.aux-market-link{font-size:12px}.aux-nav .live-back,.aux-nav .back-link,.aux-nav .share-back{max-width:none;text-align:left}}