html[data-ui-style=modern] .market-detail-page{background:radial-gradient(130% 120% at 100% 0%,#b97a4b1a,transparent 52%),radial-gradient(120% 100% at 0% 0%,#2f2a240d,transparent 54%),var(--surface-page);color:var(--text-primary);font-family:var(--font-modern-ui)}html[data-ui-style=modern] .market-detail-shell{border-width:1px;border-color:var(--border-strong);box-shadow:none;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated)65%,white)0%,var(--surface-elevated)100%),var(--surface-elevated);border-radius:0}html[data-ui-style=modern] .market-detail-shell-warning{border-color:color-mix(in srgb,var(--negative)48%,white);box-shadow:none}html[data-ui-style=modern] .market-detail-top-links,html[data-ui-style=modern] .market-detail-copy,html[data-ui-style=modern] .market-detail-strip-panel p,html[data-ui-style=modern] .market-detail-chart-panel p,html[data-ui-style=modern] .market-detail-action-panel p,html[data-ui-style=modern] .market-detail-position-panel p,html[data-ui-style=modern] .market-detail-section p,html[data-ui-style=modern] .market-detail-order-grid,html[data-ui-style=modern] .trade-input-section label{font-family:var(--font-modern-ui);text-transform:none;letter-spacing:0}html[data-ui-style=modern] .market-detail-top-links a{color:var(--accent-primary)}html[data-ui-style=modern] .market-detail-kicker{color:var(--text-soft);font-family:var(--font-modern-mono)}html[data-ui-style=modern] .market-detail-title,html[data-ui-style=modern] .market-detail-strip-panel h2,html[data-ui-style=modern] .market-detail-chart-panel h2,html[data-ui-style=modern] .market-detail-action-panel h2,html[data-ui-style=modern] .market-detail-position-panel h2,html[data-ui-style=modern] .market-detail-section h2{font-family:var(--font-modern-display);text-transform:none;letter-spacing:-.01em}html[data-ui-style=modern] .market-detail-copy-muted,html[data-ui-style=modern] .market-detail-strip-label,html[data-ui-style=modern] .market-detail-chart-header p,html[data-ui-style=modern] .market-detail-chart-live-status,html[data-ui-style=modern] .market-detail-chart-note,html[data-ui-style=modern] .market-detail-strip-grid span,html[data-ui-style=modern] .market-detail-position-grid span,html[data-ui-style=modern] .market-detail-order-grid span{color:var(--text-muted);text-transform:none;letter-spacing:0}html[data-ui-style=modern] .market-detail-strip-panel,html[data-ui-style=modern] .market-detail-chart-panel,html[data-ui-style=modern] .market-detail-action-panel,html[data-ui-style=modern] .market-detail-position-panel,html[data-ui-style=modern] .market-detail-section,html[data-ui-style=modern] .market-detail-position-grid p,html[data-ui-style=modern] .trade-success-banner,html[data-ui-style=modern] .trade-error-banner,html[data-ui-style=modern] .trade-auth-required,html[data-ui-style=modern] .trade-market-closed{border-width:1px;border-color:var(--border-strong);box-shadow:var(--shadow-soft);background:var(--surface-elevated);border-radius:14px}html[data-ui-style=modern] .market-detail-stat{border-width:1px;border-color:var(--border-soft);box-shadow:none;background:var(--surface-elevated);font-family:var(--font-modern-mono);text-transform:none;letter-spacing:0;border-radius:10px}html[data-ui-style=modern] .market-detail-stat-yes{color:var(--positive)}html[data-ui-style=modern] .market-detail-stat-no{color:var(--negative)}html[data-ui-style=modern] .market-detail-chart-stage{border-width:1px;border-color:var(--border-soft);box-shadow:none;background:var(--field-bg);border-radius:12px}html[data-ui-style=modern] .market-detail-chart-grid-line{stroke:color-mix(in srgb,var(--border-soft)68%,transparent)}html[data-ui-style=modern] .market-detail-chart-grid-label,html[data-ui-style=modern] .market-detail-chart-axis{fill:var(--text-soft);color:var(--text-soft);font-family:var(--font-modern-mono);text-transform:none;letter-spacing:0}html[data-ui-style=modern] .market-detail-chart-area{fill:color-mix(in srgb,var(--accent-secondary)28%,transparent)}html[data-ui-style=modern] .market-detail-chart-line{stroke:var(--accent-primary);stroke-width:3px}html[data-ui-style=modern] .market-detail-chart-marker{fill:var(--accent-secondary);stroke:var(--surface-elevated)}html[data-ui-style=modern] .market-detail-order-tabs button,html[data-ui-style=modern] .market-detail-action-links a,html[data-ui-style=modern] .market-detail-login-links a,html[data-ui-style=modern] .trade-dismiss-button,html[data-ui-style=modern] .market-detail-action-button{box-shadow:var(--shadow-soft);font-family:var(--font-modern-ui);text-transform:none;letter-spacing:0;border-width:1px;border-radius:10px}html[data-ui-style=modern] .market-detail-order-tabs button{border-color:var(--border-soft);background:var(--surface-elevated);color:var(--text-primary);cursor:pointer;opacity:1;font-weight:600}html[data-ui-style=modern] .market-detail-order-tabs button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-primary)44%,white);background:color-mix(in srgb,var(--accent-primary)8%,white)}html[data-ui-style=modern] .market-detail-order-tabs button.active{border-color:var(--accent-primary);background:var(--accent-primary);color:var(--text-inverse)}html[data-ui-style=modern] .market-detail-order-tabs button:disabled,html[data-ui-style=modern] .market-detail-action-button:disabled{border-color:var(--border-soft)}html[data-ui-style=modern] .trade-input-section label{color:var(--text-muted);font-size:.82rem;font-weight:500}html[data-ui-style=modern] .trade-input-section input[type=number]{border-width:1px;border-color:var(--border-soft);background:var(--field-bg);color:var(--text-primary);box-shadow:none;font-family:var(--font-modern-ui);border-radius:10px}html[data-ui-style=modern] .trade-input-section input[type=number]:focus{border-color:color-mix(in srgb,var(--accent-primary)55%,white);box-shadow:var(--focus-ring)}html[data-ui-style=modern] .trade-input-section input[type=number]:disabled{background:var(--surface-muted)}html[data-ui-style=modern] .market-detail-order-grid{border-style:solid;border-width:1px;border-color:var(--border-soft);background:var(--surface-muted);border-radius:12px}html[data-ui-style=modern] .market-detail-order-grid strong{color:var(--text-primary)}html[data-ui-style=modern] .trade-quote-loading strong{color:var(--text-soft)}html[data-ui-style=modern] .trade-quote-error strong{color:var(--negative)}html[data-ui-style=modern] .trade-success-banner{border-color:color-mix(in srgb,var(--positive)50%,white);background:color-mix(in srgb,var(--positive)10%,white);color:color-mix(in srgb,var(--positive)88%,black)}html[data-ui-style=modern] .trade-success-banner h3{font-family:var(--font-modern-display)}html[data-ui-style=modern] .trade-reused-notice{color:color-mix(in srgb,var(--accent-secondary)72%,black)}html[data-ui-style=modern] .trade-error-banner{border-color:color-mix(in srgb,var(--negative)52%,white);background:color-mix(in srgb,var(--negative)11%,white);color:color-mix(in srgb,var(--negative)92%,black)}html[data-ui-style=modern] .trade-dismiss-button{background:0 0;border-color:currentColor}html[data-ui-style=modern] .trade-auth-required{border-color:color-mix(in srgb,var(--accent-secondary)42%,white);background:color-mix(in srgb,var(--accent-secondary)10%,white)}html[data-ui-style=modern] .trade-auth-required p,html[data-ui-style=modern] .trade-market-closed p{margin:0}html[data-ui-style=modern] .trade-market-closed{border-color:color-mix(in srgb,var(--negative)42%,white);background:color-mix(in srgb,var(--negative)10%,white)}html[data-ui-style=modern] .market-detail-action-links a,html[data-ui-style=modern] .market-detail-login-links a{border-color:var(--border-strong);background:var(--surface-elevated);color:var(--text-primary)}html[data-ui-style=modern] .market-detail-login-links a:nth-child(2),html[data-ui-style=modern] .market-detail-action-links a:nth-child(2){border-color:var(--accent-primary);background:var(--accent-primary);color:var(--text-inverse)}html[data-ui-style=modern] .market-detail-login-links a:nth-child(3){border-color:var(--border-soft)}html[data-ui-style=modern] .market-detail-action-button{border-color:var(--accent-primary);background:var(--accent-primary);color:var(--text-inverse);cursor:pointer;opacity:1}html[data-ui-style=modern] .market-detail-action-button:hover:not(:disabled){filter:brightness(.96)}html[data-ui-style=modern] .market-detail-source-list li{font-family:var(--font-modern-ui)}html[data-ui-style=modern] .market-detail-source-list span{color:var(--text-soft);font-family:var(--font-modern-mono)}html[data-ui-style=modern] .market-detail-source-list a{color:var(--accent-primary)}@media (max-width:640px){html[data-ui-style=modern] .market-detail-strip-panel,html[data-ui-style=modern] .market-detail-chart-panel,html[data-ui-style=modern] .market-detail-action-panel,html[data-ui-style=modern] .market-detail-position-panel,html[data-ui-style=modern] .market-detail-section,html[data-ui-style=modern] .market-detail-position-grid p,html[data-ui-style=modern] .trade-success-banner,html[data-ui-style=modern] .trade-error-banner,html[data-ui-style=modern] .trade-auth-required,html[data-ui-style=modern] .trade-market-closed{border-radius:12px}}

.trade-success-banner{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;margin-bottom:20px;padding:16px}.trade-success-banner h3{margin:0 0 12px;font-size:18px;font-weight:600}.trade-success-details{margin-bottom:12px}.trade-success-details p{margin:4px 0;font-size:14px}.trade-reused-notice{color:#856404;margin-top:8px;font-size:13px;font-style:italic}.trade-error-banner{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:20px;padding:16px}.trade-error-banner p{margin:0 0 12px;font-size:14px}.trade-dismiss-button{cursor:pointer;background-color:#0000;border:1px solid;border-radius:4px;padding:6px 16px;font-size:14px;transition:all .2s}.trade-dismiss-button:hover{background-color:#0000000d}.market-detail-order-tabs{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px;display:grid}.market-detail-order-tabs button{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.market-detail-order-tabs button:hover:not(:disabled){background-color:#f8f9fa;border-color:#999}.market-detail-order-tabs button.active{color:#fff;background-color:#007bff;border-color:#007bff}.market-detail-order-tabs button:disabled{opacity:.5;cursor:not-allowed}.trade-input-section{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.trade-input-section label{flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.trade-input-section input[type=number]{border:1px solid #ddd;border-radius:4px;padding:10px 12px;font-size:14px;transition:border-color .2s}.trade-input-section input[type=number]:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.trade-input-section input[type=number]:disabled{cursor:not-allowed;background-color:#f5f5f5}.market-detail-order-grid{background-color:#f8f9fa;border-radius:4px;grid-template-columns:1fr;gap:12px;margin-bottom:20px;padding:16px;display:grid}.market-detail-order-grid p{justify-content:space-between;align-items:center;margin:0;font-size:14px;display:flex}.market-detail-order-grid span{color:#666}.market-detail-order-grid strong{color:#000;font-weight:600}.trade-quote-loading strong{color:#6c757d;font-style:italic}.trade-quote-error{grid-column:1/-1}.trade-quote-error strong{color:#dc3545;font-size:13px}.trade-auth-required{text-align:center;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:16px}.trade-auth-required p{color:#856404;margin:0 0 12px;font-size:14px}.trade-market-closed{text-align:center;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:16px}.trade-market-closed p{color:#721c24;margin:0;font-size:14px}.market-detail-action-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;width:100%;padding:14px 20px;font-size:16px;font-weight:600;transition:background-color .2s}.market-detail-action-button:hover:not(:disabled){background-color:#0056b3}.market-detail-action-button:disabled{cursor:not-allowed;opacity:.6;background-color:#6c757d}.market-detail-action-links{justify-content:center;gap:12px;margin-top:12px;display:flex}.market-detail-action-links a{color:#007bff;border:1px solid #007bff;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.market-detail-action-links a:hover{color:#fff;background-color:#007bff}html[data-ui-style=retro] .trade-success-banner{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);color:#1f5836;background:#70bc903d;border-radius:0;margin-bottom:.72rem;padding:.62rem;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}html[data-ui-style=retro] .trade-success-banner h3{text-transform:uppercase;margin:0 0 .45rem;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}html[data-ui-style=retro] .trade-success-details{gap:.24rem;display:grid}html[data-ui-style=retro] .trade-success-details p{margin:0;font-size:.72rem}html[data-ui-style=retro] .trade-reused-notice{color:#2f6f48;margin-top:.3rem;font-size:.7rem}html[data-ui-style=retro] .trade-error-banner{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);color:#7c2a2d;background:#bc595e2e;border-radius:0;margin-bottom:.72rem;padding:.62rem;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}html[data-ui-style=retro] .trade-error-banner p{margin:0 0 .45rem;font-size:.72rem}html[data-ui-style=retro] .trade-dismiss-button{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);text-transform:uppercase;letter-spacing:.03em;border-radius:0;padding:.28rem .56rem;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem}html[data-ui-style=retro] .market-detail-order-tabs{gap:.42rem;margin-top:.62rem;margin-bottom:0}html[data-ui-style=retro] .market-detail-order-tabs .trade-order-tab{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border-radius:0;padding:.42rem .45rem;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700;transition:filter .15s,transform 80ms,box-shadow 80ms}html[data-ui-style=retro] .market-detail-order-tabs .trade-order-tab:hover:not(:disabled){filter:brightness(.97)}html[data-ui-style=retro] .market-detail-order-tabs .trade-order-tab:active:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(1px,1px)}html[data-ui-style=retro] .market-detail-order-tabs .trade-order-tab-buy{color:#1f5836;background:#70bc9042}html[data-ui-style=retro] .market-detail-order-tabs .trade-order-tab-sell{color:#7c2a2d;background:#bc595e38}html[data-ui-style=retro] .market-detail-order-tabs .trade-order-tab-buy.active{color:#fff;background:#3f9d5d;border-color:#1f5836}html[data-ui-style=retro] .market-detail-order-tabs .trade-order-tab-sell.active{color:#fff;background:#af3f44;border-color:#7c2a2d}html[data-ui-style=retro] .market-detail-order-tabs .trade-order-tab:disabled{cursor:not-allowed;opacity:1;filter:saturate(.82)brightness(.95)}html[data-ui-style=retro] .trade-input-section{gap:.56rem;margin-top:.62rem;margin-bottom:0}html[data-ui-style=retro] .trade-input-section label{text-transform:uppercase;letter-spacing:.03em;gap:.28rem;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem}html[data-ui-style=retro] .trade-input-section input[type=number]{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:#111;background:#fff;border-radius:0;padding:.4rem .46rem;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem}html[data-ui-style=retro] .trade-input-section input[type=number]:focus{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}html[data-ui-style=retro] .trade-input-section input[type=number]:disabled{cursor:not-allowed;background:#efefef}html[data-ui-style=retro] .market-detail-order-grid{background:#fff;border:2px dashed #10101059;border-radius:0;gap:.4rem;margin-top:.62rem;margin-bottom:0;padding:.52rem}html[data-ui-style=retro] .market-detail-order-grid p{margin:0;font-size:.72rem}html[data-ui-style=retro] .market-detail-order-grid span{text-transform:uppercase;letter-spacing:.03em;color:#5d5d5d}html[data-ui-style=retro] .market-detail-order-grid strong{font-weight:700}html[data-ui-style=retro] .trade-auth-required,html[data-ui-style=retro] .trade-market-closed{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);text-align:left;border-radius:0;padding:.56rem}html[data-ui-style=retro] .trade-auth-required{background:#fff3cd}html[data-ui-style=retro] .trade-market-closed{background:#bc595e2e}html[data-ui-style=retro] .trade-auth-required p,html[data-ui-style=retro] .trade-market-closed p{margin:0;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}html[data-ui-style=retro] .market-detail-action-button{border:3px solid var(--ink);width:100%;box-shadow:4px 4px 0 var(--ink);text-transform:uppercase;letter-spacing:.03em;border-radius:0;margin-top:.72rem;padding:.45rem .62rem;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700;transition:filter .16s,transform 80ms,box-shadow 80ms}html[data-ui-style=retro] .market-detail-action-button.market-detail-action-button-buy{color:#fff;background:#3f9d5d}html[data-ui-style=retro] .market-detail-action-button.market-detail-action-button-sell{color:#fff;background:#af3f44}html[data-ui-style=retro] .market-detail-action-button:hover:not(:disabled){filter:brightness(.95)}html[data-ui-style=retro] .market-detail-action-button:active:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(1px,1px)}html[data-ui-style=retro] .market-detail-action-button:disabled{color:#262626;cursor:not-allowed;opacity:.96;background:#9a9a9a}
