:root{
  --bg:#f2eee6;--surface:#faf8f3;--surface-2:#eee8dd;--surface-3:#e7dfd2;--text:#11110f;--muted:#767168;
  --line:rgba(20,18,14,.10);--line-strong:rgba(20,18,14,.16);--green:#147a50;--red:#c14f49;--purple:#7466ee;
  --shadow:0 24px 70px rgba(71,56,36,.09);--radius:24px;--rail:196px;
}
html[data-theme="dark"]{
  --bg:#07090e;--surface:#10131a;--surface-2:#171b24;--surface-3:#202532;--text:#f7f4ed;--muted:#959aa5;
  --line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.15);--green:#68e2a2;--red:#ff7b75;--purple:#8c7cff;
  --shadow:0 30px 90px rgba(0,0,0,.42);
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;letter-spacing:-.025em;min-height:100vh}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}kbd{font-family:inherit;font-size:10px;letter-spacing:.02em;font-weight:700;color:var(--muted);background:transparent;border:0;padding:0}
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--rail) minmax(0,1fr)}
.rail{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:30px 18px 22px;display:flex;flex-direction:column;background:color-mix(in srgb,var(--bg) 92%,transparent);z-index:10}
.brand{border:0;background:transparent;color:var(--text);text-align:left;font-size:18px;font-weight:850;letter-spacing:.38em;padding:7px 10px;margin-bottom:44px}
.rail-nav,.rail-bottom{display:flex;flex-direction:column;gap:5px}.rail-bottom{margin-top:auto}.nav,.rail-action{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;color:var(--muted);border-radius:13px;padding:11px 12px;font-weight:680;text-align:left}.nav:hover,.rail-action:hover{color:var(--text);background:var(--surface-2)}.nav.active{color:var(--text);background:var(--surface-2)}.nav.active kbd{color:var(--text)}
.rail-foot{font-size:9px;letter-spacing:.16em;color:var(--muted);font-weight:800;padding:18px 12px 0}
.main{min-width:0;padding:0 34px 78px;max-width:1500px;width:100%;margin:0 auto}
.utility-bar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px);z-index:8}
.command-trigger{width:290px;height:38px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px;box-shadow:0 6px 18px rgba(0,0,0,.03)}
.utility-right{display:flex;align-items:center;gap:10px}.capital-mini{display:flex;gap:8px;align-items:baseline;padding:0 8px;font-size:12px}.capital-mini span{color:var(--muted)}.capital-mini b{font-size:13px}
.health-pill{display:flex;gap:7px;align-items:center;border:1px solid var(--line);background:var(--surface);padding:9px 12px;border-radius:999px;font-size:12px}.health-pill>span,.status-dot,.health-dot{width:7px;height:7px;border-radius:50%;background:#cf9d39;flex:0 0 auto}.health-pill.ok>span,.status-dot.ok,.health-dot.ok{background:var(--green)}.health-pill.warn>span,.status-dot.warn,.health-dot.warn{background:#cf9d39}.health-pill.bad>span,.status-dot.bad,.health-dot.bad{background:var(--red)}
.new-trade-top,.primary{border:0;background:var(--text);color:var(--bg);font-weight:780;border-radius:13px;padding:11px 15px;display:inline-flex;align-items:center;gap:12px}.new-trade-top kbd,.primary kbd{color:color-mix(in srgb,var(--bg) 70%,transparent)}
.view{display:none;padding-top:36px}.active-view{display:block}
.page-intro,.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.home-intro{align-items:center;margin-top:10px;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:850;color:var(--muted)}
h1,h2,h3,p{margin:0}.page-intro h1,.page-header h1{font-size:52px;line-height:.98;letter-spacing:-.055em;font-weight:780;margin-top:8px}.page-intro p,.page-header p{color:var(--muted);font-size:14px;margin-top:12px;letter-spacing:-.01em}.page-header h1{font-size:46px}.page-header{padding-bottom:10px}.header-stat{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.header-stat span{font-size:11px;color:var(--muted)}.header-stat b{font-size:30px}
.market-status{min-width:190px;border-left:1px solid var(--line);padding-left:20px;display:flex;align-items:flex-start;gap:10px}.market-status div{display:flex;flex-direction:column;gap:4px}.market-status b{font-size:12px}.market-status small{font-size:11px;color:var(--muted)}
.panel,.list-row,.position-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.account-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.8fr) minmax(240px,.8fr);gap:14px}.pnl-card,.metric-card{border-radius:var(--radius);padding:22px}.pnl-card{min-height:315px;display:flex;flex-direction:column}.card-top{display:flex;align-items:flex-start;justify-content:space-between}.label{font-size:11px;letter-spacing:.02em;color:var(--muted);font-weight:730}.hero-number{font-size:62px;font-weight:760;letter-spacing:-.06em;margin-top:9px}.icon-button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);font-size:18px;display:grid;place-items:center}.icon-button:hover{background:var(--surface-2)}
#spark{width:100%;height:128px;margin-top:auto;display:block}.pnl-foot{border-top:1px solid var(--line);padding-top:13px;display:flex;gap:22px;font-size:12px;color:var(--muted)}.pnl-foot b{color:var(--text);margin-left:5px}.metric-card{min-height:180px;display:flex;flex-direction:column}.metric{font-size:34px;font-weight:760;letter-spacing:-.045em;margin-top:16px}.metric-foot{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;margin-top:auto}.meter{height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:26px}.meter i{display:block;height:100%;width:0;background:var(--text);border-radius:999px;transition:width .25s ease}
.split-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:26px;margin-top:38px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 2px 13px}.section-head h2{font-size:25px;letter-spacing:-.045em;margin-top:4px}.link-button,.shortcut-help{border:0;background:transparent;color:var(--muted);font-weight:700}.link-button:hover{color:var(--text)}
.list{display:flex;flex-direction:column;gap:8px}.list-row{border-radius:16px;padding:14px 16px;display:grid;align-items:center;gap:12px;box-shadow:none}.signal-row{grid-template-columns:76px minmax(160px,1.35fr) 110px 90px 100px}.scanner-row{grid-template-columns:76px minmax(180px,1.25fr) 105px 50px 105px 105px 80px}.order-row{grid-template-columns:48px minmax(210px,1.2fr) 70px 75px 100px 110px 80px}.health-row{grid-template-columns:120px 150px minmax(0,1fr)}
.table-head{display:grid;gap:12px;padding:0 16px 8px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.scanner-head{grid-template-columns:76px minmax(180px,1.25fr) 105px 50px 105px 105px 80px}.order-head{grid-template-columns:48px minmax(210px,1.2fr) 70px 75px 100px 110px 80px}.health-head{grid-template-columns:120px 150px minmax(0,1fr)}
.symbol{font-size:15px;font-weight:800}.instrument-sub,.micro{font-size:11px;color:var(--muted);margin-top:3px}.bull{color:var(--green)}.bear{color:var(--red)}.direction{font-size:11px;font-weight:850;letter-spacing:.02em}.tag{display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;background:var(--surface-2);font-size:10px;font-weight:800}.empty{padding:28px;border:1px dashed var(--line-strong);border-radius:18px;color:var(--muted);font-size:13px}
.position-mini-grid{display:flex;flex-direction:column;gap:8px}.position-mini{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:15px}.position-mini-top{display:flex;justify-content:space-between;gap:12px}.position-mini .pnl{font-weight:800}.position-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.position-card{border-radius:22px;padding:21px;box-shadow:none}.position-card-top{display:flex;justify-content:space-between;align-items:flex-start}.position-card h3{font-size:24px;margin-top:4px}.position-pnl{font-size:28px;font-weight:780}.position-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:23px}.position-meta div{background:var(--surface-2);border-radius:13px;padding:11px}.position-meta span{display:block;font-size:9px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.position-meta b{display:block;font-size:13px;margin-top:5px}.position-actions{display:flex;gap:8px;margin-top:16px}
.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.filter-row{display:flex;gap:7px}.chip,.secondary{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:750}.chip.active,.chip:hover{background:var(--text);border-color:var(--text);color:var(--bg)}.shortcut-help{border:1px solid var(--line);border-radius:10px;padding:7px 10px}
.health-hero{border-radius:22px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:26px}.health-big{display:flex;gap:10px;align-items:center}.health-big div{display:flex;flex-direction:column;gap:4px}.health-big b{font-size:18px}.health-big small,.health-note{color:var(--muted);font-size:11px}.health-note{max-width:460px;text-align:right}
.settings-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.settings-card{border-radius:22px;padding:24px;box-shadow:none}.settings-card:first-child{grid-row:span 2}.settings-value{font-size:52px;font-weight:770;letter-spacing:-.055em;margin-top:8px}.settings-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.settings-stats div{background:var(--surface-2);border-radius:14px;padding:14px}.settings-stats span{display:block;font-size:10px;color:var(--muted)}.settings-stats b{display:block;margin-top:5px}.button-row{display:flex;gap:8px;margin-top:15px}.secondary{border-radius:13px;color:var(--text)}.danger-zone{display:flex;flex-direction:column;justify-content:space-between}.danger-zone h3,.shortcuts-card h3{font-size:24px;margin-top:7px}.danger-zone p{font-size:12px;color:var(--muted);line-height:1.5;margin-top:8px}.danger{border:1px solid color-mix(in srgb,var(--red) 45%,var(--line));background:transparent;color:var(--red);border-radius:13px;padding:11px 14px;font-weight:760;margin-top:28px}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.shortcut-grid span{display:flex;justify-content:space-between;gap:12px;background:var(--surface-2);border-radius:11px;padding:10px;font-size:11px}
.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted);font-weight:700;position:relative}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:13px;padding:12px 13px;outline:none;font-weight:580}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 10%,transparent)}
.sheet-backdrop,.palette-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.28);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:50}.sheet-backdrop.show,.palette-backdrop.show{opacity:1;pointer-events:auto}.trade-sheet{position:absolute;right:14px;top:14px;bottom:14px;width:min(480px,calc(100vw - 28px));background:var(--bg);border:1px solid var(--line);border-radius:28px;padding:24px;overflow:auto;box-shadow:0 30px 100px rgba(0,0,0,.28);transform:translateX(24px);transition:transform .18s ease}.sheet-backdrop.show .trade-sheet{transform:none}.sheet-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.sheet-title h2{font-size:33px;letter-spacing:-.05em;margin-top:4px}.instrument-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-2);padding:4px;border-radius:14px;margin-bottom:10px}.instrument-tab{border:0;background:transparent;border-radius:10px;padding:10px;color:var(--muted);font-weight:760}.instrument-tab.active{background:var(--surface);color:var(--text);box-shadow:0 3px 15px rgba(0,0,0,.05)}.segmented{display:flex;background:var(--surface-2);padding:4px;border-radius:13px}.side-segment{margin-bottom:18px}.seg{flex:1;border:0;background:transparent;border-radius:9px;padding:9px;font-weight:760;color:var(--muted)}.seg.active.buy{background:color-mix(in srgb,var(--green) 16%,var(--surface));color:var(--green)}.seg.active.sell{background:color-mix(in srgb,var(--red) 15%,var(--surface));color:var(--red)}.segmented.mini{padding:3px}.segmented.mini .seg.active{background:var(--surface);color:var(--text)}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.trade-sheet>.field,.trade-sheet>div+.field{margin-top:12px}.hidden{display:none!important}.search-results{position:absolute;left:0;right:0;top:68px;z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);max-height:240px;overflow:auto}.search-item{padding:10px 12px;border-bottom:1px solid var(--line);cursor:pointer;color:var(--text);font-weight:650}.search-item:last-child{border:0}.search-item:hover{background:var(--surface-2)}.contract-card{margin-top:12px;border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:4px}.contract-card span{font-size:11px;color:var(--muted)}.contract-card b{font-size:15px}.contract-card small{grid-column:1/-1;color:var(--muted);font-size:10px}.order-preview{margin:16px 0 12px;padding:12px 14px;border-radius:13px;background:var(--surface-2);display:flex;justify-content:space-between;font-size:11px}.full{width:100%;justify-content:center}.form-message{font-size:11px;color:var(--red);text-align:center;min-height:20px;margin-top:8px}
.palette{position:absolute;top:12%;left:50%;transform:translateX(-50%) scale(.98);width:min(620px,calc(100vw - 30px));background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:0 35px 110px rgba(0,0,0,.28);transition:transform .16s ease}.palette-backdrop.show .palette{transform:translateX(-50%) scale(1)}.palette-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}.palette-search input{border:0;background:transparent;outline:none;font-size:16px}.palette-group{padding:10px 4px 4px}.palette-group small{display:block;color:var(--muted);font-size:9px;letter-spacing:.1em;font-weight:800;padding:6px 10px}.palette-group button{width:100%;display:flex;justify-content:space-between;border:0;background:transparent;border-radius:11px;padding:10px 11px;text-align:left}.palette-group button:hover{background:var(--surface-2)}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,18px);background:var(--text);color:var(--bg);padding:10px 14px;border-radius:999px;font-size:12px;font-weight:750;opacity:0;pointer-events:none;transition:.2s;z-index:90}.toast.show{opacity:1;transform:translate(-50%,0)}
.mobile-nav{display:none}
@media(max-width:1050px){.split-grid{grid-template-columns:1fr}.account-grid{grid-template-columns:1.5fr 1fr}.account-grid .metric-card:last-child{grid-column:2}.settings-grid{grid-template-columns:1fr}.settings-card:first-child{grid-row:auto}.position-list{grid-template-columns:1fr}.scanner-row,.scanner-head{grid-template-columns:70px minmax(160px,1fr) 90px 45px 95px 95px 70px}}
@media(max-width:760px){:root{--rail:0px}.app-shell{display:block}.rail{display:none}.main{padding:0 16px 88px}.utility-bar{height:60px}.command-trigger{width:42px;border-radius:50%;justify-content:center}.command-trigger span{display:none}.command-trigger kbd{font-size:0}.command-trigger kbd:after{content:'⌕';font-size:18px;color:var(--text)}.capital-mini{display:none}.new-trade-top{display:none}.view{padding-top:25px}.page-intro,.page-header{align-items:flex-start}.home-intro{margin-top:0}.page-intro h1,.page-header h1{font-size:39px}.page-intro p,.page-header p{max-width:310px}.market-status{display:none}.account-grid{display:grid;grid-template-columns:1fr 1fr}.pnl-card{grid-column:1/-1;min-height:270px}.metric-card{min-height:145px;padding:16px}.account-grid .metric-card:last-child{grid-column:auto}.hero-number{font-size:46px}.metric{font-size:25px}.metric-foot{flex-direction:column;gap:3px}.split-grid{margin-top:28px}.signal-row{grid-template-columns:62px 1fr 84px}.signal-row>*:nth-child(4),.signal-row>*:nth-child(5){display:none}.scanner-head{display:none}.scanner-row{grid-template-columns:64px 1fr 88px}.scanner-row>*:nth-child(n+4){display:none}.order-head,.health-head{display:none}.order-row{grid-template-columns:45px 1fr 70px}.order-row>*:nth-child(4),.order-row>*:nth-child(5),.order-row>*:nth-child(6){display:none}.health-row{grid-template-columns:100px 1fr}.health-row>*:nth-child(3){grid-column:1/-1}.position-meta{grid-template-columns:1fr 1fr}.health-hero{align-items:flex-start;flex-direction:column}.health-note{text-align:left}.mobile-nav{position:fixed;display:grid;grid-template-columns:1fr 1fr 64px 1fr 1fr;left:10px;right:10px;bottom:10px;height:58px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);backdrop-filter:blur(20px);border-radius:19px;padding:5px;z-index:20;box-shadow:0 12px 42px rgba(0,0,0,.14)}.mobile-nav button{border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:750}.mobile-nav .mobile-trade{width:46px;height:46px;align-self:center;justify-self:center;border-radius:50%;background:var(--text);color:var(--bg);font-size:23px}.trade-sheet{top:auto;left:8px;right:8px;bottom:8px;width:auto;max-height:92vh;border-radius:28px}.two{grid-template-columns:1fr 1fr}.settings-value{font-size:42px}.shortcut-grid{grid-template-columns:1fr}}

/* v0.3 — collapsible navigation + signal review */
.app-shell{transition:grid-template-columns .22s cubic-bezier(.2,.8,.2,1)}
.app-shell.rail-collapsed{grid-template-columns:0 minmax(0,1fr)}
.app-shell.rail-collapsed .rail{transform:translateX(-100%);opacity:0;pointer-events:none}
.rail{transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .16s ease}
.rail-brand-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}.rail-brand-row .brand{margin-bottom:0}.rail-close,.rail-open{border:1px solid var(--line);background:var(--surface);color:var(--muted);display:grid;place-items:center}.rail-close{width:30px;height:30px;border-radius:50%;font-size:17px}.rail-open{width:38px;height:38px;border-radius:12px;font-size:16px}.rail-close:hover,.rail-open:hover{color:var(--text);background:var(--surface-2)}
.utility-left{display:flex;align-items:center;gap:9px}
.actionable{cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.actionable:hover{transform:translateY(-1px);border-color:var(--line-strong);background:color-mix(in srgb,var(--surface) 84%,var(--surface-2))}.actionable:focus-visible{outline:3px solid color-mix(in srgb,var(--purple) 20%,transparent);outline-offset:2px}
.signal-context{font-size:12px!important;color:var(--muted);margin-top:7px!important}
.current-quote{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:13px 14px;display:grid;grid-template-columns:1fr auto;gap:3px;margin:0 0 10px}.current-quote span{font-size:10px;color:var(--muted);font-weight:760;text-transform:uppercase;letter-spacing:.06em}.current-quote b{font-size:19px}.current-quote small{grid-column:1/-1;color:var(--muted);font-size:10px}
.signal-option-suggestion{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:13px 14px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:3px;margin:0 0 10px}.signal-option-suggestion span{font-size:10px;color:var(--muted);font-weight:760;text-transform:uppercase;letter-spacing:.06em}.signal-option-suggestion b{font-size:14px}.signal-option-suggestion small{grid-column:1/-1;color:var(--muted);font-size:10px}.signal-option-suggestion:hover{background:var(--surface-2)}
@media(max-width:760px){.rail-open{display:none}.utility-left{gap:0}}
