:root{font-family:Space Grotesk,Segoe UI,sans-serif;color:#f5f6f0;background:radial-gradient(circle at top,rgba(123,232,255,.16),transparent 28%),radial-gradient(circle at 82% 14%,rgba(82,149,255,.18),transparent 24%),radial-gradient(circle at 16% 88%,rgba(255,106,183,.12),transparent 26%),linear-gradient(180deg,#040b14,#091624 42%,#050b12);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel-bg: rgba(7, 18, 30, .62);--panel-border: rgba(255, 255, 255, .035);--accent: #7be8ff;--muted: #8ca1b3;--positive: #79ff95;--negative: #ff8ab8;--ink: #081018}*{box-sizing:border-box}html,body,#root{min-height:100%}html.trade-active,body.trade-active{overscroll-behavior:none}body{margin:0;min-width:320px;overscroll-behavior-y:none}body.trade-active{overflow:hidden;touch-action:none}button,input{font:inherit}.app-shell{min-height:100vh;padding:20px}.dashboard-screen,.flow-screen{width:min(1100px,100%);margin:0 auto}.trade-screen{min-height:calc(100vh - 40px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}.brand-lockup,.flow-header{margin-bottom:20px}.eyebrow,.hud-label{display:block;margin:0 0 8px;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:14px;font-size:clamp(3rem,10vw,6.2rem);line-height:.92}h2{margin-bottom:10px;font-size:clamp(1.9rem,5vw,3rem)}.lede,.panel-copy{color:#d8e0e6;max-width:60ch}.dashboard-panel,.market-card,.trade-topbar,.trade-chart,.tab-button{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:28px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 80px #0003}.hero-panel,.dial-panel,.recap-panel{padding:24px}.hero-panel{margin-bottom:18px;min-height:240px;display:grid;place-items:center}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.stat-card{padding:16px}.stat-card span{display:block;color:var(--muted);font-size:.9rem}.stat-card strong{display:block;margin-top:8px;font-size:1.35rem}.start-button,.primary-button,.ghost-button,.tab-button{border:0;cursor:pointer}.start-button,.primary-button{border-radius:999px;background:linear-gradient(135deg,#9bf2ff,#5f85ff);color:var(--ink);box-shadow:0 18px 40px #5f85ff47;transition:transform .18s ease,box-shadow .18s ease}.start-button:hover,.primary-button:hover{transform:translateY(-2px) scale(1.01)}.start-button{min-width:min(72vw,360px);min-height:88px;font-size:clamp(2rem,6vw,3.2rem);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.primary-button,.ghost-button{padding:14px 20px}.wide-button{width:100%;margin-top:18px}.ghost-button{border-radius:999px;background:#ffffff0b;color:#f5f6f0}.flow-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dial-panel{display:grid;gap:18px}.dial-wrapper{display:grid;place-items:center}.dial-face{position:relative;width:min(76vw,360px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.04);background:conic-gradient(from 225deg,#7be8ff24,#5f85fff5,#ff6ab761,#7be8ff24);box-shadow:inset 0 0 40px #0003;cursor:grab;touch-action:none}.dial-face:after{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;background:#07121cf0;border:1px solid rgba(255,255,255,.03)}.dial-track{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;border:18px solid rgba(255,255,255,.06);box-shadow:inset 0 0 24px #00000042,0 0 28px #7be8ff1f}.dial-knob{position:absolute;top:0;right:0;bottom:0;left:0}.dial-knob:after{content:"";position:absolute;top:7%;left:calc(50% - 12px);width:24px;height:24px;border-radius:50%;background:#e8faff;box-shadow:0 0 18px #7be8ffcc}.dial-center{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;text-align:center}.dial-center span{font-size:clamp(2rem,7vw,3.4rem);font-weight:800}.dial-center small{color:var(--muted)}.dial-instructions{margin:16px 0 0;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.stake-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.market-select-grid{margin-top:8px}.market-card{padding:18px;text-align:left;color:inherit}.market-card.selected{border-color:#7be8ff2e;box-shadow:0 0 0 1px #7be8ff1f,0 24px 50px #0000002e}.market-topline,.market-footer,.market-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.market-topline,.market-footer{color:var(--muted);font-size:.9rem}.market-head span{font-weight:700;font-size:1.3rem}.market-personality{margin-bottom:14px;color:#d8e0e6;font-size:.95rem;line-height:1.45;min-height:2.8em}.sparkline{width:100%;height:72px;margin:16px 0;overflow:visible}.trade-topbar{padding:14px 16px;display:grid;grid-template-columns:auto minmax(160px,1fr) auto auto;gap:14px;align-items:center}.trade-topbar strong{display:block;font-size:1.45rem}.leverage-pips{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:4px}.leverage-pips span{height:10px;border-radius:999px;background:#ffffff14}.leverage-pips span.filled{background:linear-gradient(90deg,#7be8ff,#5f85ff);box-shadow:0 0 12px #5f85ff57}.trade-chart{position:relative;overflow:hidden;min-height:60vh;touch-action:none;background:linear-gradient(180deg,rgba(123,232,255,.02),transparent 35%),linear-gradient(0deg,rgba(255,138,184,.03),transparent 35%)}.chart-stage{position:absolute;inset:0 clamp(92px,18vw,132px) 0 0}.cost-basis-top,.cost-basis-bottom,.cost-basis-line{position:absolute;left:0;right:0;pointer-events:none}.cost-basis-top{top:0}.cost-basis-bottom{bottom:0}.cost-basis-line{height:1px;background:#ffffff2e;box-shadow:0 0 8px #ffffff14}.profit-zone{background:linear-gradient(180deg,rgba(121,255,149,.16),transparent)}.loss-zone{background:linear-gradient(180deg,rgba(255,123,136,.16),transparent)}.cost-basis-bottom.profit-zone{background:linear-gradient(0deg,rgba(121,255,149,.16),transparent)}.cost-basis-bottom.loss-zone{background:linear-gradient(0deg,rgba(255,123,136,.16),transparent)}.neutral-zone{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent)}.cost-basis-bottom.neutral-zone{background:linear-gradient(0deg,rgba(255,255,255,.04),transparent)}.chart-layer,.chart-svg,.chart-marker-layer{position:absolute;top:0;right:0;bottom:0;left:0}.chart-svg{width:100%;height:100%}.chart-zoom{position:absolute;top:18px;left:18px;display:inline-flex;gap:10px;align-items:center;padding:10px 12px;border-radius:999px;background:#07121c8a;border:1px solid rgba(255,255,255,.03)}.chart-zoom strong{font-size:1rem;letter-spacing:.12em}.chart-zoom .ghost-button{padding:8px 12px}.fullscreen-button{margin-left:6px}.chart-marker-layer{pointer-events:none}.trade-action-rail{position:absolute;top:14px;right:14px;bottom:14px;width:clamp(78px,16vw,112px);display:grid;grid-template-rows:1fr 1fr;gap:12px}.trade-action{border:0;border-radius:26px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:18px 14px;color:#f5f6f0;background:#0a1622d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.trade-action:hover,.trade-action:active{transform:scale(1.02)}.trade-action span{font-size:.84rem;letter-spacing:.14em;text-transform:uppercase;color:#f5f6f0ad}.trade-action strong{font-size:1.2rem}.trade-action.buy{box-shadow:inset 0 0 0 1px #79ff9514;background:linear-gradient(180deg,#79ff9529,#0a1622db),#0a1622d1}.trade-action.sell{box-shadow:inset 0 0 0 1px #7be8ff14;background:linear-gradient(180deg,#7be8ff26,#0a1622db),#0a1622d1}.chart-overlay-marker{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:999px;aspect-ratio:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1px #ffffff0f}.chart-overlay-marker span{line-height:1}.chart-overlay-marker.trade{width:clamp(14px,1.9vw,18px);background:#040b14e6}.chart-overlay-marker.trade span{font-size:clamp(9px,1vw,10px)}.chart-overlay-marker.trade.buy{color:#c6ff8b;box-shadow:0 0 0 1px #79ff954d,0 0 16px #79ff952e}.chart-overlay-marker.trade.sell{color:#9df1ff;box-shadow:0 0 0 1px #7be8ff52,0 0 16px #7be8ff29}.chart-overlay-marker.trade.close{width:clamp(12px,1.6vw,15px);opacity:.84}.chart-overlay-marker.open{width:clamp(18px,2.3vw,22px);background:#040b146b;border:2px solid}.chart-overlay-marker.open span{font-size:clamp(10px,1.15vw,12px)}.chart-overlay-marker.open.buy{border-color:#79ff95d1;color:#c6ff8b}.chart-overlay-marker.open.sell{border-color:#7be8ffd1;color:#a8f2ff}.tab-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.trade-status-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.trade-status-strip>div{padding:14px 16px;border-radius:22px;background:#07121e8f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.trade-status-strip strong{display:block;font-size:1.1rem}.tab-button{padding:14px 12px;color:inherit;text-align:left}.tab-button span{display:block;color:var(--muted);font-size:.78rem}.tab-button strong{display:block;margin-top:6px}.tab-button.active{border-color:#7be8ff26;box-shadow:0 0 0 1px #7be8ff1a}.hud-profit{font-size:1.5rem;font-weight:700}.recap-total{font-size:clamp(3rem,10vw,5.5rem);line-height:.95;margin-bottom:14px}.recap-grid{margin-top:14px}.positive{color:var(--positive)}.negative{color:var(--negative)}@media (max-width: 760px){.app-shell{padding:12px}.trade-screen{min-height:calc(100vh - 24px)}.trade-topbar{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-chart{min-height:68vh}.chart-stage{top:0;right:88px;bottom:0;left:0}.trade-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.tab-strip{position:sticky;bottom:0;grid-template-columns:repeat(4,minmax(0,1fr))}.tab-button{padding:12px 10px 18px}.trade-action-rail{width:74px;gap:10px}.trade-action{border-radius:22px;padding:16px 10px}.trade-action strong{font-size:1rem}.dial-instructions{text-align:center}}