:root {
  color-scheme: dark;
  --bg: #080b0d;
  --surface: #0e1316;
  --surface-raised: #12191c;
  --surface-soft: #171f22;
  --line: #263135;
  --line-soft: rgba(125, 154, 158, .16);
  --text: #edf2f0;
  --muted: #8e9b9c;
  --dim: #5d696b;
  --cyan: #70ded1;
  --cyan-strong: #38cbbd;
  --amber: #ffad57;
  --amber-deep: #c66d2b;
  --green: #35d4a0;
  --red: #f17d6f;
  --radius: 18px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); scroll-behavior: smooth; }
body { min-width: 320px; min-height: 100vh; margin: 0; color: var(--text); background: radial-gradient(ellipse at 84% -18%, rgba(38, 98, 95, .14), transparent 39%), radial-gradient(ellipse at 0% 40%, rgba(170, 89, 31, .08), transparent 34%), var(--bg); }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
a { color: inherit; }
.app-shell { min-height: 100vh; }
.topbar { height: 76px; position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; padding: 0 30px; border-bottom: 1px solid rgba(139, 160, 161, .13); background: rgba(8, 11, 13, .88); backdrop-filter: blur(22px); }
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; }
.brand-mark { width: 42px; height: 42px; filter: drop-shadow(0 0 14px rgba(255, 156, 54, .14)); }
.brand-copy { display: grid; gap: 3px; }
.brand-copy strong { font-size: 13px; letter-spacing: .2em; font-weight: 850; }
.brand-copy small { color: #849293; font-size: 8px; letter-spacing: .18em; }
.topbar-right { display: flex; align-items: center; gap: 10px; }
.venue-chip, .connection-chip, .mode-tag, .market-status, .micro-label { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 99px; padding: 8px 11px; color: #b9c7c4; font-size: 9px; letter-spacing: .12em; font-weight: 750; white-space: nowrap; }
.venue-chip { color: var(--amber); border-color: rgba(255, 173, 87, .2); background: rgba(255, 173, 87, .045); }
.venue-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 10px rgba(255, 173, 87, .8); }
.connection-chip { color: #9dabab; }
.connection-chip[data-state="live"] { border-color: rgba(53, 212, 160, .25); color: var(--green); }
.connection-chip[data-state="error"] { border-color: rgba(241, 125, 111, .25); color: var(--red); }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: #788486; }
.connection-chip[data-state="live"] .status-dot, .market-status[data-state="open"] .status-dot { background: var(--green); box-shadow: 0 0 9px rgba(53, 212, 160, .75); }
.connection-chip[data-state="error"] .status-dot { background: var(--red); }
.layout { display: grid; grid-template-columns: 222px minmax(0, 1fr); min-height: calc(100vh - 76px); }
.sidebar { position: sticky; top: 76px; height: calc(100vh - 76px); display: flex; flex-direction: column; padding: 32px 16px 20px; border-right: 1px solid rgba(139, 160, 161, .12); background: rgba(8, 11, 13, .36); }
.nav-label { padding: 0 13px 13px; color: #576567; font-size: 9px; letter-spacing: .16em; font-weight: 800; }
.nav-item { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; border: 1px solid transparent; border-radius: 12px; padding: 12px; margin: 3px 0; color: #98a4a5; background: transparent; text-align: left; cursor: pointer; font-size: 12px; transition: .2s ease; }
.nav-item:hover { background: rgba(255,255,255,.035); color: var(--text); }
.nav-item.active { color: var(--cyan); border-color: rgba(112, 222, 209, .13); background: linear-gradient(90deg, rgba(112, 222, 209, .085), rgba(112, 222, 209, .025)); }
.nav-icon { width: 19px; color: currentColor; font-size: 16px; text-align: center; }
.nav-count { margin-left: auto; color: #677375; font-size: 9px; letter-spacing: .08em; }
.sidebar-spacer { flex: 1; }
.sidebar-note { display: flex; gap: 10px; align-items: flex-start; padding: 13px 11px; border: 1px solid var(--line-soft); border-radius: 13px; background: rgba(255,255,255,.018); }
.sidebar-note strong, .sidebar-note small { display: block; }
.sidebar-note strong { margin: 2px 0 7px; color: #9db0ae; font-size: 8px; letter-spacing: .14em; }
.sidebar-note small { color: #667375; font-size: 9px; line-height: 1.7; }
.tiny-led, .source-pulse { display: inline-block; width: 6px; height: 6px; flex: 0 0 6px; margin-top: 4px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 8px rgba(112,222,209,.65); }
.tiny-led.amber { background: var(--amber); box-shadow: 0 0 8px rgba(255,173,87,.6); }
.main-content { width: min(1320px, 100%); margin: 0 auto; padding: 36px clamp(20px, 4vw, 60px) 64px; }
.view[hidden] { display: none; }
.page-heading { display: flex; align-items: center; justify-content: space-between; min-height: 245px; margin-bottom: 20px; }
.eyebrow { display: flex; align-items: center; gap: 9px; color: #839293; font-size: 9px; font-weight: 800; letter-spacing: .17em; }
.eyebrow-line { display: inline-block; width: 20px; height: 1px; background: var(--amber); }
.eyebrow-sep { color: #465255; }
h1 { margin: 18px 0 12px; font-size: clamp(38px, 5vw, 64px); line-height: .98; letter-spacing: -.055em; font-weight: 680; }
h1 em { color: var(--amber); font-style: normal; font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.06em; }
.lede { max-width: 620px; margin: 0; color: #9aa6a6; font-size: 13px; line-height: 1.8; }
.hero-mascot { position: relative; display: grid; place-items: center; width: 196px; height: 196px; margin: 0 5% 0 20px; }
.hero-mascot img { z-index: 1; width: 155px; height: 155px; filter: drop-shadow(0 0 30px rgba(255,156,54,.16)); animation: sentinel-float 4.8s ease-in-out infinite; }
.hero-mascot > span { position: absolute; bottom: -2px; z-index: 2; color: #859293; font-size: 8px; letter-spacing: .15em; white-space: nowrap; }
.hero-mascot > span b { color: var(--cyan); }
.mascot-orbit { position: absolute; border: 1px solid rgba(112,222,209,.18); border-radius: 50%; }
.orbit-one { inset: 8px; border-left-color: transparent; border-right-color: transparent; transform: rotate(-25deg); animation: orbit 12s linear infinite; }
.orbit-two { inset: 24px; border-color: rgba(255,173,87,.13); border-top-color: transparent; transform: rotate(36deg); animation: orbit 18s linear infinite reverse; }
@keyframes orbit { to { transform: rotate(335deg); } }
@keyframes sentinel-float { 50% { transform: translateY(-5px); } }
.notice-strip, .journal-note { display: flex; align-items: center; gap: 13px; padding: 13px 16px; border: 1px solid rgba(255,173,87,.18); border-radius: 13px; margin: 4px 0 18px; background: linear-gradient(90deg, rgba(255,173,87,.06), rgba(255,173,87,.015)); }
.notice-icon { display: grid; place-items: center; width: 19px; height: 19px; flex: 0 0 19px; border: 1px solid rgba(255,173,87,.5); border-radius: 50%; color: var(--amber); font-size: 11px; font-weight: 800; }
.notice-strip p, .journal-note p { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 12px; flex: 1; margin: 0; }
.notice-strip p strong, .journal-note p strong { color: #f0c18d; font-size: 9px; letter-spacing: .12em; }
.notice-strip p span, .journal-note p span { color: #909c9d; font-size: 10px; }
.mode-tag { border-color: rgba(255,173,87,.2); color: var(--amber); font-size: 8px; }
.top-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 14px; margin-bottom: 14px; }
.panel { border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(135deg, rgba(17,24,27,.96), rgba(11,15,17,.94)); box-shadow: 0 15px 40px rgba(0,0,0,.12); }
.scan-panel, .state-panel, .calculator-panel, .recent-panel, .journal-panel { padding: 20px; }
.panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.panel-heading > div:first-child { display: flex; align-items: center; gap: 10px; }
.section-number { display: inline-grid; place-items: center; width: 27px; height: 27px; border: 1px solid rgba(112,222,209,.16); border-radius: 8px; color: var(--cyan); background: rgba(112,222,209,.05); font-size: 9px; letter-spacing: .05em; }
.panel h2 { margin: 0; font-size: 14px; font-weight: 640; letter-spacing: -.01em; }
.micro-label { padding: 6px 8px; border-color: rgba(112,222,209,.16); color: #6eaaa4; font-size: 7px; }
.panel-copy { max-width: 620px; margin: 12px 0 17px; color: var(--muted); font-size: 11px; line-height: 1.7; }
.scan-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.primary-button, .secondary-button, .quiet-button { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; border-radius: 10px; padding: 0 14px; font-size: 10px; font-weight: 760; cursor: pointer; transition: transform .15s ease, background .15s ease, border .15s ease; }
.primary-button { border-color: rgba(112,222,209,.48); color: #071110; background: linear-gradient(105deg, #82f2df, #49c9bb); box-shadow: 0 5px 18px rgba(61,204,190,.12); }
.primary-button:hover { transform: translateY(-1px); background: linear-gradient(105deg, #a1ffef, #62e0ce); }
.secondary-button { border-color: #334145; color: #d6dfdd; background: #172023; }
.secondary-button:hover, .quiet-button:hover { border-color: #52666a; background: #1d292c; }
.quiet-button { border-color: var(--line); color: #a9b5b3; background: transparent; }
.button-glyph { color: #081718; font-size: 16px; }
.scan-status { color: #788586; font-size: 9px; }
.market-picker-wrap { margin-top: 15px; }
.market-picker-wrap label, .ticker-form label { display: block; margin: 0 0 7px; color: #718080; font-size: 8px; font-weight: 800; letter-spacing: .13em; }
.market-picker-wrap select, .outcome-selector select { width: 100%; }
select, input, textarea { min-height: 38px; border: 1px solid #2b383b; border-radius: 9px; padding: 8px 10px; color: var(--text); background: #0a0f11; font-size: 11px; }
select { color-scheme: dark; }
input::placeholder, textarea::placeholder { color: #505c5e; }
.ticker-form { margin-top: 15px; }
.input-row { display: flex; gap: 8px; }
.input-row input { min-width: 0; flex: 1; text-transform: uppercase; }
.source-footnote { display: flex; align-items: center; gap: 8px; margin-top: 15px; color: #677476; font-size: 9px; }
.source-pulse { width: 5px; height: 5px; flex-basis: 5px; margin: 0; }
.state-panel { position: relative; overflow: hidden; }
.state-panel:after { position: absolute; right: -60px; bottom: -90px; width: 220px; height: 220px; border: 1px solid rgba(112,222,209,.06); border-radius: 50%; content: ""; box-shadow: 0 0 0 22px rgba(112,222,209,.018), 0 0 0 47px rgba(112,222,209,.012); pointer-events: none; }
.state-tag { padding: 7px 10px; border: 1px solid rgba(255,173,87,.24); border-radius: 99px; color: var(--amber); background: rgba(255,173,87,.06); font-size: 8px; font-weight: 850; letter-spacing: .12em; }
.state-tag[data-state="review"] { border-color: rgba(112,222,209,.25); color: var(--cyan); background: rgba(112,222,209,.06); }
.state-tag[data-state="error"] { border-color: rgba(241,125,111,.27); color: var(--red); background: rgba(241,125,111,.05); }
.state-main { display: flex; gap: 13px; align-items: flex-start; margin: 23px 0 18px; }
.state-orb { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border: 1px solid rgba(255,173,87,.2); border-radius: 50%; background: radial-gradient(circle, rgba(255,173,87,.13), rgba(255,173,87,.015)); }
.state-orb span { width: 7px; height: 7px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 12px var(--amber); animation: blink 2s ease-in-out infinite; }
@keyframes blink { 50% { opacity: .35; box-shadow: 0 0 3px var(--amber); } }
.state-main h3 { margin: 1px 0 6px; font-size: 13px; }
.state-main p { max-width: 480px; margin: 0; color: #8a9899; font-size: 10px; line-height: 1.7; }
.state-divider { height: 1px; background: var(--line-soft); }
.state-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding-top: 14px; }
.state-meta div { display: grid; gap: 6px; }
.state-meta span { color: #657273; font-size: 7px; letter-spacing: .11em; font-weight: 800; }
.state-meta strong { color: #cbd4d1; font-size: 9px; font-weight: 700; }
.state-foot { display: flex; align-items: center; gap: 8px; margin-top: 15px; color: #727f80; font-size: 8px; }
.state-foot .tiny-led { margin: 0; }
.contract-panel { padding: 20px; margin-bottom: 14px; }
.contract-heading { padding-bottom: 15px; border-bottom: 1px solid var(--line-soft); }
.market-status { padding: 6px 8px; border-color: #2b3739; color: #829091; font-size: 7px; }
.market-status[data-state="open"] { border-color: rgba(53,212,160,.2); color: var(--green); }
.market-status[data-state="closed"] { border-color: rgba(241,125,111,.2); color: var(--red); }
.contract-main { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 17px 0 18px; }
.contract-kicker { display: flex; align-items: center; gap: 8px; color: var(--amber); font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.btc-mark { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 7px; color: #17100a; background: var(--amber); font-size: 13px; }
.contract-title-block h3 { margin: 10px 0 5px; font-size: 18px; font-weight: 620; letter-spacing: -.025em; }
.contract-title-block p { max-width: 720px; margin: 0; color: #829091; font-size: 10px; line-height: 1.6; }
.contract-clock { display: grid; gap: 6px; min-width: 150px; padding: 10px 12px; border: 1px solid var(--line-soft); border-radius: 10px; background: rgba(255,255,255,.015); }
.contract-clock span, .contract-clock small { color: #6e7c7d; font-size: 7px; letter-spacing: .1em; }
.contract-clock strong { font-size: 11px; }
.contract-clock small { letter-spacing: 0; font-size: 8px; }
.outcome-row { display: grid; grid-template-columns: 160px minmax(0, 1fr) 190px; align-items: center; gap: 15px; padding: 13px 0; border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
.outcome-selector label, .entry-quote > span { display: block; margin: 0 0 6px; color: #728081; font-size: 7px; font-weight: 800; letter-spacing: .11em; }
.outcome-selector select { min-height: 34px; }
.outcome-label-box { display: grid; gap: 4px; padding-left: 15px; border-left: 1px solid var(--line-soft); }
.outcome-label-box span { font-size: 13px; font-weight: 700; }
.outcome-label-box small { color: #738182; font-size: 8px; line-height: 1.5; }
.entry-quote { display: grid; justify-items: end; gap: 4px; }
.entry-quote strong { color: var(--cyan); font-size: 20px; letter-spacing: -.03em; }
.entry-quote small { color: #6c797b; font-size: 8px; }
.rules-details { margin-top: 12px; }
.rules-details summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 1px 1px; color: #b6c2bf; font-size: 9px; font-weight: 700; cursor: pointer; list-style: none; }
.rules-details summary::-webkit-details-marker { display: none; }
.rules-details summary:after { color: var(--cyan); content: "+"; font-size: 15px; }
.rules-details[open] summary:after { content: "−"; }
.summary-hint { margin-left: auto; color: #718080; font-size: 8px; font-weight: 500; }
.rules-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding-top: 14px; }
.rules-grid label { color: #6f7d7e; font-size: 7px; letter-spacing: .11em; font-weight: 800; }
.rules-grid p { max-height: 180px; overflow: auto; margin: 7px 0 0; color: #a1aeab; font-size: 9px; line-height: 1.7; white-space: pre-wrap; }
.metrics-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
.metric-card { display: grid; align-content: start; gap: 7px; min-height: 102px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(130deg, rgba(18,25,28,.94), rgba(12,17,19,.94)); }
.metric-label { color: #7c8b8c; font-size: 7px; font-weight: 850; letter-spacing: .13em; }
.metric-card > strong { font-size: 20px; font-weight: 680; letter-spacing: -.035em; }
.metric-card small { color: #748182; font-size: 8px; line-height: 1.5; }
.metric-amber > strong { color: var(--amber); }
.metric-green > strong { color: var(--green); }
.calculator-panel { margin-bottom: 14px; }
.calc-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(250px, .8fr); gap: 20px; }
.calc-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.calc-inputs > label { display: grid; gap: 6px; color: #768485; font-size: 7px; font-weight: 800; letter-spacing: .1em; }
.calc-inputs > .rules-confirm { display: flex; align-items: flex-start; gap: 9px; padding: 10px 11px; border: 1px solid rgba(112,222,209,.16); border-radius: 9px; color: #92a5a2; background: rgba(112,222,209,.025); font-size: 9px; font-weight: 550; line-height: 1.55; letter-spacing: 0; }
.rules-confirm input { flex: 0 0 auto; width: 15px; height: 15px; margin: 0; accent-color: var(--cyan); }
.input-with-prefix { display: flex; align-items: center; min-height: 38px; border: 1px solid #2b383b; border-radius: 9px; padding-left: 10px; color: #82908e; background: #0a0f11; }
.input-with-prefix > span { font-size: 11px; }
.input-with-prefix input { width: 100%; min-width: 0; min-height: 36px; border: 0; padding: 7px 10px 7px 5px; background: transparent; outline: none; }
.input-with-prefix input:focus-visible { outline: none; }
.suffix-input { padding: 0 10px 0 0; }
.suffix-input input { padding-left: 10px; }
.full-width { grid-column: 1 / -1; }
textarea { width: 100%; resize: vertical; min-height: 57px; }
.calc-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.calc-message { min-height: 14px; margin: -4px 0 0; color: #738182; font-size: 8px; line-height: 1.5; }
.calc-message.error { color: var(--red); }
.payout-card { align-self: stretch; border: 1px solid rgba(112,222,209,.2); border-radius: 14px; padding: 15px; background: radial-gradient(ellipse at 100% 0%, rgba(112,222,209,.08), transparent 50%), #0a1112; }
.payout-top { display: flex; align-items: center; justify-content: space-between; color: #94a3a1; font-size: 8px; font-weight: 850; letter-spacing: .13em; }
.payout-mini-led { width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
.payout-big { display: grid; gap: 3px; margin: 17px 0 13px; padding-bottom: 13px; border-bottom: 1px solid var(--line-soft); }
.payout-big small { color: #697879; font-size: 7px; letter-spacing: .1em; }
.payout-big #positionSummary { color: #8eaaa5; font-size: 8px; line-height: 1.5; letter-spacing: 0; }
.payout-big strong { color: var(--green); font-size: 31px; line-height: 1; letter-spacing: -.05em; }
.payout-row { display: flex; justify-content: space-between; gap: 8px; padding: 7px 0; border-bottom: 1px solid rgba(125,154,158,.1); color: #8b9999; font-size: 9px; }
.payout-row strong { color: #d3dcda; font-variant-numeric: tabular-nums; }
.payout-row:nth-child(4) strong { color: var(--red); }
.payout-row:nth-child(5) strong { color: var(--amber); }
.payout-note { margin-top: 10px; color: #647273; font-size: 7px; line-height: 1.6; }
.recent-panel { margin-bottom: 14px; }
.text-button { border: 0; padding: 5px; color: #8eaaa5; background: transparent; font-size: 9px; cursor: pointer; }
.text-button span { margin-left: 5px; color: var(--cyan); }
.empty-state { display: grid; justify-items: center; gap: 6px; min-height: 120px; padding: 20px; color: #667476; text-align: center; }
.empty-mark { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid #273336; border-radius: 50%; color: var(--cyan); font-size: 17px; }
.empty-state strong { margin-top: 4px; color: #aeb9b7; font-size: 10px; }
.empty-state small { max-width: 330px; color: #697577; font-size: 8px; line-height: 1.5; }
.ticket-list { margin-top: 14px; }
.ticket-card { position: relative; display: grid; grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(80px, .45fr)) auto; gap: 12px; align-items: center; padding: 13px 14px; border: 1px solid var(--line-soft); border-radius: 12px; margin: 8px 0; background: rgba(255,255,255,.015); }
.ticket-card:first-child { margin-top: 0; }
.ticket-title { min-width: 0; }
.ticket-title small, .ticket-stat small { display: block; margin-bottom: 5px; color: #6f7c7d; font-size: 7px; letter-spacing: .09em; }
.ticket-title strong { display: block; overflow: hidden; color: #d9e1de; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.ticket-title span { display: block; overflow: hidden; margin-top: 4px; color: #7c8989; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.ticket-stat strong { color: #cfd9d6; font-size: 10px; font-variant-numeric: tabular-nums; }
.ticket-card .ticket-status { justify-self: end; padding: 6px 8px; border: 1px solid rgba(255,173,87,.18); border-radius: 99px; color: var(--amber); font-size: 7px; font-weight: 800; letter-spacing: .08em; }
.ticket-card.settled .ticket-status { border-color: rgba(53,212,160,.18); color: var(--green); }
.ticket-card.closed-early .ticket-status { border-color: rgba(112,222,209,.22); color: var(--cyan); }
.ticket-controls { display: flex; gap: 4px; margin-top: 8px; }
.ticket-controls button { min-height: 24px; border: 1px solid #2c3a3d; border-radius: 7px; padding: 0 7px; color: #a5b1af; background: #11191b; font-size: 7px; cursor: pointer; }
.ticket-controls button:hover { border-color: #597174; color: white; }
.ticket-controls .win-control { color: var(--green); }
.ticket-controls .loss-control { color: var(--red); }
.reference-example { margin: 18px 0 5px; padding: 0; }
.reference-example summary { display: flex; align-items: center; gap: 10px; color: #9da9a7; font-size: 9px; cursor: pointer; }
.reference-example summary span { color: #657273; font-size: 8px; }
.reference-card { max-width: 520px; margin-top: 12px; padding: 16px; border: 1px solid #343d3f; border-radius: 16px; background: radial-gradient(circle at 0 0, rgba(184,107,42,.18), transparent 34%), #050708; }
.reference-head, .reference-numbers, .reference-profit { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.reference-head { padding-bottom: 12px; border-bottom: 1px solid #272d2e; color: #b7c0be; font-size: 8px; letter-spacing: .14em; font-weight: 800; }
.reference-head strong { color: #32d4a0; font-size: 14px; letter-spacing: -.04em; }
.reference-body { display: flex; align-items: center; gap: 12px; padding: 15px 0; }
.reference-coin { display: grid; place-items: center; width: 39px; height: 39px; border-radius: 10px; color: #191109; background: #ff9f31; font-size: 25px; font-weight: 800; }
.reference-body > div { display: grid; gap: 3px; }
.reference-body small, .reference-numbers small { color: #798485; font-size: 7px; letter-spacing: .12em; }
.reference-body strong { font-size: 17px; }
.reference-body p { margin: 0; color: #9da8a5; font-size: 8px; }
.reference-divider { height: 4px; margin: 0 -16px 12px; background: repeating-linear-gradient(90deg, #136b52 0 12px, #24bc89 12px 16px, #0b3b31 16px 26px); opacity: .75; }
.reference-numbers { align-items: flex-start; }
.reference-numbers div { display: grid; gap: 4px; }
.reference-numbers strong { font-size: 20px; }
.reference-numbers div:last-child strong { color: var(--green); }
.reference-profit { margin-top: 10px; padding-top: 9px; border-top: 1px solid #262d2f; color: #788384; font-size: 9px; }
.reference-profit strong { color: var(--green); font-size: 12px; }
.reference-profit small { font-size: 8px; }
.compact-heading { min-height: 230px; }
.journal-metrics { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin-top: 6px; }
.journal-panel { margin-top: 14px; }
.journal-note { margin-top: 14px; border-color: rgba(112,222,209,.18); background: rgba(112,222,209,.035); }
.journal-note .notice-icon { color: var(--cyan); border-color: rgba(112,222,209,.45); }
.journal-note p strong { color: var(--cyan); }
.guide-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.guide-card { padding: 20px; }
.guide-number { color: var(--amber); font-size: 8px; font-weight: 850; letter-spacing: .14em; }
.guide-card h2 { margin: 12px 0 8px; font-size: 16px; }
.guide-card p, .guide-card li { color: #94a09f; font-size: 10px; line-height: 1.75; }
.guide-card p { margin: 0; }
.guide-card ul { display: grid; gap: 7px; padding-left: 16px; margin: 12px 0 0; }
.guide-card li::marker { color: var(--cyan); }
.guide-mascot { display: flex; align-items: center; gap: 12px; margin-top: 16px; padding: 10px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(255,255,255,.015); }
.guide-mascot img { width: 48px; height: 48px; }
.guide-mascot span { color: #a0b4b1; font-size: 8px; font-weight: 800; letter-spacing: .1em; }
.guide-mascot b { color: var(--amber); }
.flow-line { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin-top: 14px; padding: 12px; border: 1px solid var(--line-soft); border-radius: 10px; background: rgba(255,255,255,.015); color: #90a3a1; font-size: 7px; font-weight: 800; letter-spacing: .06em; }
.flow-line b { color: var(--cyan); font-size: 11px; }
.guide-wide { grid-column: 1 / -1; }
.roadmap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; margin-top: 16px; }
.roadmap > div { position: relative; min-height: 121px; padding: 14px 12px 11px 17px; border: 1px solid var(--line-soft); border-radius: 11px; background: rgba(255,255,255,.014); }
.roadmap-dot { position: absolute; left: 7px; top: 18px; width: 5px; height: 5px; border-radius: 50%; background: #526164; }
.roadmap-dot.complete { background: var(--cyan); box-shadow: 0 0 8px rgba(112,222,209,.75); }
.roadmap strong { color: #d0d9d6; font-size: 9px; }
.roadmap p { margin-top: 7px; color: #788686; font-size: 8px; line-height: 1.65; }
.footer-disclaimer { margin-top: 17px; color: #647173; font-size: 8px; line-height: 1.7; }
.mobile-nav { display: none; }
.toast { position: fixed; right: 20px; bottom: 20px; z-index: 50; max-width: min(360px, calc(100% - 40px)); padding: 12px 15px; border: 1px solid #385151; border-radius: 10px; color: #cde4df; background: rgba(14, 23, 24, .96); box-shadow: 0 8px 30px rgba(0,0,0,.4); font-size: 10px; opacity: 0; transform: translateY(10px); pointer-events: none; transition: .2s ease; }
.toast.show { opacity: 1; transform: translateY(0); }
@media (max-width: 1040px) {
  .layout { grid-template-columns: 190px minmax(0,1fr); }
  .main-content { padding-right: 24px; padding-left: 24px; }
  .hero-mascot { margin-right: 0; }
  .ticket-card { grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(70px, .4fr)) auto; }
  .ticket-stat:nth-of-type(4) { display: none; }
  .roadmap { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .topbar { height: 64px; padding: 0 16px; }
  .brand-mark { width: 37px; height: 37px; }
  .brand-copy strong { font-size: 11px; }
  .brand-copy small { font-size: 7px; }
  .venue-chip { display: none; }
  .layout { display: block; min-height: calc(100vh - 64px); }
  .sidebar { display: none; }
  .main-content { padding: 25px 16px calc(92px + env(safe-area-inset-bottom)); }
  .page-heading { min-height: 0; margin-bottom: 17px; }
  .page-heading:not(.compact-heading) { align-items: flex-start; }
  .hero-mascot { width: 112px; height: 122px; margin: 8px -3px 0 3px; }
  .hero-mascot img { width: 91px; height: 91px; }
  .hero-mascot > span { font-size: 6px; }
  .orbit-one { inset: 5px; }
  .orbit-two { inset: 17px; }
  .eyebrow { gap: 6px; font-size: 7px; letter-spacing: .12em; }
  .eyebrow-line { width: 12px; }
  h1 { margin: 15px 0 9px; font-size: clamp(37px, 9vw, 54px); }
  .lede { font-size: 11px; line-height: 1.7; }
  .notice-strip { align-items: flex-start; padding: 11px; }
  .notice-strip p { display: grid; gap: 4px; }
  .notice-strip p span { line-height: 1.5; }
  .mode-tag { display: none; }
  .top-grid { grid-template-columns: 1fr; gap: 10px; }
  .scan-panel, .state-panel, .calculator-panel, .recent-panel, .journal-panel, .contract-panel { padding: 15px; }
  .panel h2 { font-size: 12px; }
  .micro-label { max-width: 120px; overflow: hidden; font-size: 6px; }
  .panel-copy { font-size: 10px; }
  .contract-main { flex-direction: column; gap: 12px; }
  .contract-clock { width: 100%; grid-template-columns: auto 1fr; align-items: center; }
  .contract-clock span { grid-column: 1; }
  .contract-clock strong { grid-column: 2; grid-row: 1; text-align: right; }
  .contract-clock small { grid-column: 1 / -1; }
  .contract-title-block h3 { font-size: 15px; }
  .outcome-row { grid-template-columns: 112px 1fr; gap: 10px; }
  .outcome-label-box { padding-left: 10px; }
  .outcome-label-box span { font-size: 11px; }
  .outcome-label-box small { font-size: 7px; }
  .entry-quote { grid-column: 1 / -1; display: flex; align-items: baseline; justify-content: space-between; padding: 9px 10px 0; border-top: 1px solid var(--line-soft); }
  .entry-quote > span { margin: 0; }
  .entry-quote strong { font-size: 18px; }
  .entry-quote small { margin-left: auto; }
  .summary-hint { display: none; }
  .rules-grid { grid-template-columns: 1fr; gap: 11px; }
  .metrics-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .metric-card { min-height: 88px; padding: 11px; }
  .metric-card > strong { font-size: 18px; }
  .metric-card small { font-size: 7px; }
  .calc-layout { grid-template-columns: 1fr; gap: 14px; }
  .calc-inputs { gap: 9px; }
  .calc-inputs > label { font-size: 6px; }
  .calc-actions button { flex: 1; min-width: 130px; }
  .payout-card { padding: 13px; }
  .ticket-card { grid-template-columns: minmax(0,1fr) minmax(70px,.45fr); gap: 9px; }
  .ticket-stat { display: none; }
  .ticket-card .ticket-status { grid-column: 2; grid-row: 1; }
  .ticket-title strong { max-width: 195px; }
  .ticket-controls { flex-wrap: wrap; }
  .reference-example summary { flex-wrap: wrap; font-size: 8px; }
  .reference-card { padding: 13px; }
  .reference-divider { margin-right: -13px; margin-left: -13px; }
  .compact-heading { min-height: auto; margin-bottom: 20px; }
  .guide-grid { grid-template-columns: 1fr; gap: 9px; }
  .guide-wide { grid-column: auto; }
  .guide-card { padding: 16px; }
  .roadmap { grid-template-columns: 1fr 1fr; gap: 8px; }
  .roadmap > div { min-height: 130px; }
  .journal-note { align-items: flex-start; padding: 12px; }
  .journal-note p { display: grid; }
  .mobile-nav { position: fixed; right: 0; bottom: 0; left: 0; z-index: 30; display: grid; grid-template-columns: repeat(3,1fr); padding: 8px 10px calc(8px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(139,160,161,.16); background: rgba(8,11,13,.92); backdrop-filter: blur(20px); }
  .mobile-nav button { display: grid; justify-items: center; gap: 3px; min-height: 47px; border: 0; border-radius: 9px; color: #788586; background: transparent; font-size: 8px; cursor: pointer; }
  .mobile-nav button span { font-size: 15px; }
  .mobile-nav button.active { color: var(--cyan); background: rgba(112,222,209,.06); }
  .toast { right: 12px; bottom: calc(74px + env(safe-area-inset-bottom)); }
}
@media (max-width: 380px) {
  .brand-copy small { letter-spacing: .1em; }
  .hero-mascot { width: 91px; margin-left: -3px; }
  .hero-mascot img { width: 77px; height: 77px; }
  .calc-inputs { grid-template-columns: 1fr; }
  .full-width { grid-column: auto; }
  .roadmap { grid-template-columns: 1fr; }
  .roadmap > div { min-height: auto; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

.settings-panel { margin-top: 14px; padding: 20px; }
.settings-fields { display: grid; grid-template-columns: repeat(3, minmax(135px, 1fr)) auto; align-items: end; gap: 12px; }
.settings-fields > label { display: grid; gap: 6px; color: #768485; font-size: 7px; font-weight: 800; letter-spacing: .1em; }
.settings-footnote { margin: 10px 0 0; color: #677475; font-size: 8px; line-height: 1.6; }
.early-close-dialog { width: min(460px, calc(100% - 24px)); max-width: none; margin: auto; padding: 0; border: 1px solid rgba(112,222,209,.24); border-radius: 16px; color: #d6e0dd; background: #0c1214; box-shadow: 0 24px 80px rgba(0,0,0,.65); }
.early-close-dialog::backdrop { background: rgba(0,0,0,.76); backdrop-filter: blur(5px); }
.early-close-content { display: grid; gap: 13px; padding: 20px; }
.early-close-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.early-close-heading h2 { margin: 5px 0 0; font-size: 18px; }
.early-close-content > label { display: grid; gap: 6px; color: #768485; font-size: 8px; font-weight: 800; letter-spacing: .1em; }
.early-close-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.early-close-actions button { flex: 1 1 150px; }
.icon-close { width: 32px; height: 32px; border: 1px solid var(--line); border-radius: 50%; color: #a9b5b2; background: #11191b; font-size: 18px; cursor: pointer; }
@media (max-width: 760px) {
  .settings-panel { padding: 15px; }
  .settings-fields { grid-template-columns: 1fr 1fr; gap: 9px; }
  .settings-fields > button { grid-column: 1 / -1; }
}
@media (max-width: 380px) {
  .settings-fields { grid-template-columns: 1fr; }
  .settings-fields > button { grid-column: auto; }
}

.casebook h3 { margin: 16px 0 6px; font-size: 14px; letter-spacing: .04em; }
.casebook-records { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.casebook-record { border: 1px solid var(--line, rgba(255,255,255,.1)); border-radius: 10px; padding: 12px; background: rgba(255,255,255,.02); }
.casebook-head { display: flex; flex-wrap: wrap; gap: 6px; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.casebook-head strong { font-family: ui-monospace, monospace; font-size: 12px; }
.casebook-badge { font-size: 10px; letter-spacing: .08em; padding: 3px 7px; border-radius: 999px; border: 1px solid currentColor; color: var(--amber, #f7a531); }
.casebook-record dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 10px; margin: 0; font-size: 12px; }
.casebook-record dt { opacity: .6; }
.casebook-record dd { margin: 0; }
.casebook-gate { margin-top: 12px; font-size: 13px; }
.casebook-entry { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 12px; opacity: .9; }
.link-button { background: none; border: 0; padding: 0; color: var(--cyan, #38e1ff); font: inherit; font-weight: 600; cursor: pointer; text-decoration: underline; }
@media (max-width: 760px) { .casebook-records { grid-template-columns: 1fr; } }
#casebook { scroll-margin-top: 90px; }

/* ===== Polish pass: boot intro, legal gate, YES/NO cards, core path, readability ===== */
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body.is-booting, body.gate-open { overflow: hidden; }
.boot-screen { position: fixed; inset: 0; z-index: 100; display: grid; place-content: center; justify-items: center; gap: 10px; padding: 24px max(20px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)); text-align: center; background: radial-gradient(circle at 50% 38%, rgba(255,173,87,.10), transparent 34%), radial-gradient(circle at 50% 42%, rgba(112,222,209,.08), transparent 48%), var(--bg); transition: opacity .5s ease; }
.boot-screen.is-leaving { opacity: 0; pointer-events: none; }
.boot-screen[hidden] { display: none; }
.boot-stage { position: relative; width: 220px; height: 220px; display: grid; place-items: center; margin-bottom: 8px; }
.boot-stage img { width: 150px; height: 150px; border-radius: 50%; position: relative; filter: drop-shadow(0 0 30px rgba(255,173,87,.18)); }
.boot-orbit { position: absolute; inset: 0; border-radius: 50%; border: 1px solid transparent; }
.boot-orbit-amber { border-top-color: rgba(255,173,87,.7); border-right-color: rgba(255,173,87,.15); animation: bootSpin 6s linear infinite; }
.boot-orbit-cyan { inset: 18px; border-bottom-color: rgba(112,222,209,.7); border-left-color: rgba(112,222,209,.15); animation: bootSpin 9s linear infinite reverse; }
@keyframes bootSpin { to { transform: rotate(360deg); } }
.boot-kicker { margin: 0; color: var(--amber); font-size: 12px; font-weight: 800; letter-spacing: .22em; }
.boot-title { margin: 0; font-size: clamp(26px, 6vw, 40px); letter-spacing: -.03em; }
.boot-copy { margin: 0; color: var(--text); font-size: 16px; }
.boot-note { margin: 4px 0 0; max-width: 34ch; color: var(--muted); font-size: 14px; line-height: 1.5; }

.legal-gate { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; overflow-y: auto; padding: max(16px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)); background: rgba(5,7,8,.92); backdrop-filter: blur(10px); }
.legal-gate[hidden] { display: none; }
.legal-card { width: min(600px, 100%); display: grid; gap: 16px; padding: 24px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(160deg, #12191c, #0b1012); box-shadow: 0 30px 80px rgba(0,0,0,.5), 0 0 0 1px rgba(255,173,87,.06) inset; }
.legal-head { display: flex; gap: 14px; align-items: center; }
.legal-kicker { margin: 0 0 4px; color: var(--amber); font-size: 13px; font-weight: 700; }
.legal-head h2 { margin: 0; font-size: 22px; letter-spacing: -.02em; outline: none; }
.legal-intro { margin: 0; color: #c3cfcc; font-size: 15px; line-height: 1.55; }
.legal-checks { display: grid; gap: 10px; margin: 0; padding: 0; border: 0; }
.legal-checks label { display: flex; gap: 12px; align-items: flex-start; min-height: 48px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.015); font-size: 15px; line-height: 1.45; cursor: pointer; }
.legal-checks label:has(input:checked) { border-color: rgba(112,222,209,.45); background: rgba(112,222,209,.05); }
.legal-checks input { flex: none; width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--cyan-strong); }
.legal-links { display: flex; flex-wrap: wrap; gap: 10px 18px; }
.legal-links a { color: var(--cyan); font-size: 15px; font-weight: 650; text-underline-offset: 3px; min-height: 32px; display: inline-flex; align-items: center; }
.legal-continue { min-height: 52px; font-size: 16px; }
.legal-continue:disabled { cursor: not-allowed; opacity: .45; filter: grayscale(.6); transform: none; }
.legal-status { margin: -6px 0 0; color: var(--muted); font-size: 13px; text-align: center; }
.sidebar-legal { margin-top: 10px; font-size: 13px; text-align: left; }
.legal-review-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line-soft); }
.legal-review-row strong { display: block; font-size: 15px; }
.legal-review-row small { color: var(--muted); font-size: 13px; }

.core-path { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; margin: 0 0 18px; padding: 0; }
.core-path li { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 14px; background: rgba(17,24,27,.7); font-size: 14px; font-weight: 650; }
.core-path b { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; border: 1px solid rgba(112,222,209,.3); color: var(--cyan); font-size: 13px; }
.core-path li[data-done="true"] { border-color: rgba(112,222,209,.35); }
.core-path li[data-done="true"] b { background: var(--cyan-strong); color: #071110; }
.core-path li[data-done="true"] b::after { content: ""; }

.side-choice { padding: 16px 0; border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
.side-choice-head h3 { margin: 0 0 6px; font-size: 18px; }
.side-choice-head p { margin: 0 0 14px; color: var(--muted); font-size: 14px; line-height: 1.5; max-width: 70ch; }
.side-cards { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.side-card { display: grid; gap: 12px; align-content: start; min-height: 210px; padding: 18px; text-align: left; border: 1.5px solid var(--line); border-radius: 16px; background: linear-gradient(160deg, rgba(23,31,34,.95), rgba(12,17,19,.95)); cursor: pointer; transition: border-color .2s, box-shadow .2s, background .2s; }
.side-card:hover[aria-disabled="false"] { border-color: rgba(112,222,209,.4); }
.side-card[data-state="selected"] { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(112,222,209,.16), 0 12px 30px rgba(0,0,0,.25); background: linear-gradient(160deg, rgba(25,45,45,.95), rgba(12,20,21,.95)); }
.side-card[data-state="blocked"] { cursor: not-allowed; border-style: dashed; opacity: .78; }
.side-card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.side-name { font-size: 26px; font-weight: 850; letter-spacing: .02em; }
.side-chip { padding: 5px 10px; border: 1px solid var(--line); border-radius: 99px; font-size: 12px; font-weight: 750; color: var(--muted); white-space: nowrap; }
.side-card[data-state="selected"] .side-chip { border-color: var(--cyan); color: var(--cyan); }
.side-card[data-state="ready"] .side-chip { color: var(--text); }
.side-card[data-state="blocked"] .side-chip { border-color: rgba(255,173,87,.4); color: var(--amber); }
.side-wording { font-size: 15px; line-height: 1.4; color: #d4ddda; overflow-wrap: anywhere; }
.side-price { display: grid; gap: 2px; }
.side-price small, .side-facts small { color: var(--muted); font-size: 12px; }
.side-price strong { font-size: 34px; letter-spacing: -.03em; color: var(--cyan); font-variant-numeric: tabular-nums; }
.side-card[data-state="blocked"] .side-price strong { color: var(--dim); }
.side-facts { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; padding-top: 10px; border-top: 1px solid var(--line-soft); }
.side-facts span { display: grid; gap: 2px; min-width: 0; }
.side-facts b { font-size: 14px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.side-source { color: var(--muted); font-size: 13px; }

/* Readability: lift the tiny all-caps labels */
.metric-label, .outcome-selector label, .entry-quote > span, .state-meta span, .calculator-panel label, .settings-fields label { font-size: 11px !important; letter-spacing: .06em !important; }
.micro-label, .venue-chip, .connection-chip, .mode-tag, .market-status { font-size: 10px; letter-spacing: .08em; }
.eyebrow { font-size: 11px; letter-spacing: .12em; }
.panel-copy, .metric-card small, .state-foot, .source-footnote, .settings-footnote { font-size: 13px !important; line-height: 1.5; }
.metric-card strong { font-variant-numeric: tabular-nums; }
.primary-button, .secondary-button { min-height: 46px; font-size: 14px; }
input, select, textarea { min-height: 44px; font-size: 16px !important; }
.brand-copy small { font-size: 9px; }

@media (max-width: 760px) {
  .core-path { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .core-path li { font-size: 13px; min-height: 48px; padding: 8px 10px; }
  .eyebrow { font-size: 10px; }
  .micro-label { font-size: 9px; }
  .legal-card { padding: 18px; }
}
@media (max-width: 520px) {
  .side-cards { grid-template-columns: 1fr; }
  .side-card { min-height: 0; }
}
@media (max-width: 380px) {
  .core-path { gap: 6px; }
  .core-path li { font-size: 12px; gap: 7px; }
  .core-path b { width: 24px; height: 24px; }
  .side-price strong { font-size: 30px; }
  .legal-checks label { font-size: 14px; padding: 10px; }
  .boot-stage { width: 180px; height: 180px; }
  .boot-stage img { width: 124px; height: 124px; }
}
@media (prefers-reduced-motion: reduce) {
  .boot-orbit { animation: none; }
  .boot-screen, .side-card { transition: none; }
}
.legacy-outcome[hidden], .legal-gate[hidden] { display: none !important; }
.scan-status, .state-main p, .contract-title-block p, .contract-clock small, .summary-hint, .notice-strip p span, .sidebar-note small { font-size: 13px !important; line-height: 1.5; }
.state-meta strong { font-size: 18px !important; font-variant-numeric: tabular-nums; }
.state-tag { font-size: 11px !important; }
.contract-kicker, .contract-clock > span, .rules-details summary, .notice-strip strong, .nav-label, .sidebar-note strong { font-size: 11px !important; }
.contract-clock strong { font-size: 17px !important; }
.rules-details summary { min-height: 48px; font-size: 14px !important; }

/* Observed quote history: full-width beneath the outcome cards. */
.quote-history { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); min-width: 0; letter-spacing: 0; }
.quote-history-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.quote-history-heading > div:first-child { min-width: 0; }
.quote-history h3 { margin: 0 0 6px; font-size: 18px; }
.quote-history-heading p { margin: 0; font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
.quote-windows { display: flex; flex: none; gap: 4px; }
.quote-windows button { min-width: 44px; min-height: 44px; padding: 0 10px; border-radius: 6px; font-size: 13px; }
.quote-windows button[aria-pressed="true"] { border-color: var(--cyan); color: var(--cyan); background: var(--surface-soft); }
.quote-history-status { padding: 12px 0; margin: 12px 0 0; border-top: 1px solid var(--line-soft); font-size: 13px; font-weight: 700; color: var(--cyan); line-height: 1.5; }
.quote-history-status[data-state="error"] { color: var(--red); }
.quote-history-status[data-state="stale"] { color: var(--amber); }
.quote-history-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.quote-legend { font-weight: 750; white-space: nowrap; }
.quote-legend-yes { color: var(--cyan); }
.quote-legend-no { color: var(--amber); }
.quote-axis-title { margin: 20px 0 14px; color: var(--muted); font-size: 11px; font-weight: 750; }
.quote-chart { display: grid; grid-template-columns: 48px minmax(0, 1fr); grid-template-rows: 300px 30px; gap: 0 10px; }
.quote-y-axis { display: flex; flex-direction: column; justify-content: space-between; text-align: right; color: var(--muted); font-size: 11px; font-variant-numeric: tabular-nums; }
.quote-plot-area { position: relative; min-width: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: repeating-linear-gradient(to bottom, transparent 0, transparent calc(25% - 1px), var(--line-soft) calc(25% - 1px), var(--line-soft) 25%); }
.quote-plot-area svg { display: block; width: 100%; height: 100%; overflow: visible; }
.quote-point-yes { fill: var(--cyan); stroke: var(--surface); stroke-width: 1px; }
.quote-point-no { fill: var(--surface); stroke: var(--amber); stroke-width: 2px; }
.quote-chart-empty { position: absolute; inset: 0; display: grid; place-content: center; padding: 18px; color: var(--muted); font-size: 14px; text-align: center; line-height: 1.6; }
.quote-chart [hidden] { display: none !important; }
.quote-x-axis { grid-column: 2; display: flex; justify-content: space-between; align-items: center; gap: 8px; color: var(--muted); font-size: 11px; font-variant-numeric: tabular-nums; }
.quote-observed-times, .quote-history-note { color: var(--muted); font-size: 12px; line-height: 1.6; margin: 8px 0 0; }
.quote-sample-details { margin-top: 12px; }
.quote-sample-details summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; color: var(--cyan); font-size: 13px; }
.quote-sample-scroll { max-height: 220px; overflow: auto; }
.quote-sample-scroll table { border-collapse: collapse; width: 100%; font-size: 12px; font-variant-numeric: tabular-nums; }
.quote-sample-scroll th, .quote-sample-scroll td { border-bottom: 1px solid var(--line-soft); text-align: right; padding: 10px 6px; }
.quote-sample-scroll th { color: var(--muted); }
.quote-sample-scroll th:first-child, .quote-sample-scroll td:first-child { text-align: left; }
@media (max-width: 760px) {
  .quote-chart { grid-template-rows: 250px 30px; grid-template-columns: 40px minmax(0, 1fr); gap: 0 8px; }
  .quote-history-heading { flex-wrap: wrap; gap: 12px; }
  .quote-history-meta { gap: 8px 14px; }
}


/* Transparent short-window directional read */
.direction-read { margin-top: 18px; padding: clamp(16px, 3vw, 24px); border: 1px solid rgba(112,222,209,.28); border-radius: 18px; background: radial-gradient(ellipse at 92% 0, rgba(34,127,116,.16), transparent 42%), linear-gradient(145deg, rgba(20,30,31,.98), rgba(11,16,18,.98)); box-shadow: 0 16px 36px rgba(0,0,0,.22); }
.direction-read-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
.direction-read-heading h3 { margin: 5px 0 0; font-size: clamp(18px, 2.5vw, 22px); letter-spacing: -.02em; }
.direction-read-status { display: inline-flex; align-items: center; min-height: 30px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .07em; text-align: center; }
.direction-read-status[data-state="yes"], .direction-read-status[data-state="no"] { border-color: rgba(112,222,209,.5); color: var(--cyan); }
.direction-read-status[data-state="mixed"], .direction-read-status[data-state="error"] { border-color: rgba(255,173,87,.45); color: var(--amber); }
.direction-read-score { display: grid; grid-template-columns: minmax(150px,.75fr) minmax(0,1.5fr); align-items: stretch; gap: 12px; margin-top: 18px; }
.direction-lean-block, .direction-estimate { display: grid; align-content: center; gap: 5px; min-width: 0; padding: 14px 16px; border: 1px solid var(--line-soft); border-radius: 13px; background: rgba(5,9,10,.56); }
.direction-lean-block small, .direction-evidence small { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.direction-lean-block strong { font-size: clamp(24px, 5vw, 38px); line-height: 1.05; letter-spacing: -.04em; color: var(--muted); }
.direction-lean-block strong[data-side="yes"], .direction-estimate-yes strong { color: var(--cyan); }
.direction-lean-block strong[data-side="no"], .direction-estimate-no strong { color: var(--amber); }
.direction-estimates { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.direction-estimate span { color: var(--muted); font-size: 11px; line-height: 1.35; overflow-wrap: anywhere; }
.direction-estimate strong { font-size: clamp(24px, 5vw, 34px); line-height: 1.05; font-variant-numeric: tabular-nums; }
.direction-evidence { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin-top: 10px; }
.direction-evidence > div { display: grid; gap: 4px; min-width: 0; padding: 12px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(5,9,10,.38); }
.direction-evidence strong { font-size: clamp(17px, 3vw, 22px); font-variant-numeric: tabular-nums; }
.direction-evidence span { color: var(--muted); font-size: 11px; line-height: 1.35; }
.direction-why { margin-top: 16px; }
.direction-why h4 { margin: 0 0 8px; color: var(--muted); font-size: 10px; letter-spacing: .1em; }
.direction-why ul { display: grid; gap: 6px; padding-left: 18px; margin: 0; color: #d4ddda; font-size: 13px; line-height: 1.5; }
.direction-read-meta { margin: 12px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.direction-method { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line-soft); }
.direction-method summary { color: var(--cyan); font-size: 12px; font-weight: 750; cursor: pointer; }
.direction-method p, .direction-read-disclaimer { color: var(--muted); font-size: 11px; line-height: 1.55; }
.direction-method p { margin: 8px 0 0; }
.direction-read-disclaimer { margin: 10px 0 0; }
.ticket-read-snapshot { display: block; margin-top: 5px; color: var(--cyan); font-size: 11px; line-height: 1.45; font-weight: 700; }
@media (max-width: 760px) {
  .direction-read-heading { flex-direction: column; }
  .direction-read-status { max-width: 100%; white-space: normal; }
  .direction-read-score { grid-template-columns: 1fr; }
  .direction-lean-block { grid-template-columns: 1fr auto; align-items: center; }
  .direction-evidence { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .direction-evidence-current { grid-column: 1 / -1; }
}
@media (max-width: 380px) {
  .direction-read { padding: 14px; }
  .direction-estimate { padding: 12px; }
  .direction-evidence > div { padding: 10px; }
  .direction-read-status { font-size: 9px; }
}

.direction-read-warning { margin: 12px 0 0; color: var(--amber); font-size: 11px; line-height: 1.45; letter-spacing: .015em; }
.direction-read-warning strong { font-weight: 850; }


/* Vigilance visual system · warm signal, clear hierarchy, calm motion */
:root {
  --bg: #08090b;
  --surface: #101316;
  --surface-raised: #151a1e;
  --surface-soft: #1b2226;
  --line: #30373b;
  --line-soft: rgba(201, 208, 204, .13);
  --text: #f3f1eb;
  --muted: #a1a5a3;
  --dim: #737a79;
  --cyan: #78e5d6;
  --cyan-strong: #47d5c3;
  --amber: #ffad57;
  --amber-deep: #d9873d;
  --green: #37d6a2;
  --red: #ff8376;
  --radius: 20px;
}
html { background: var(--bg); scroll-padding-top: 84px; }
body {
  color: var(--text);
  background:
    radial-gradient(ellipse at 88% 2%, rgba(35, 112, 102, .16), transparent 32%),
    radial-gradient(ellipse at -8% 22%, rgba(202, 104, 36, .12), transparent 32%),
    linear-gradient(180deg, #0b0d0f 0%, var(--bg) 48%, #0a0d0f 100%);
  background-attachment: fixed;
  font-size: 15px;
  line-height: 1.55;
  font-kerning: normal;
}
button, input, select, textarea { font-family: inherit; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, a:focus-visible {
  outline: 3px solid rgba(120, 229, 214, .95);
  outline-offset: 3px;
}
.app-shell { isolation: isolate; }
.topbar {
  height: 76px;
  border-bottom-color: rgba(255,255,255,.09);
  background: rgba(9, 11, 13, .86);
  box-shadow: 0 8px 28px rgba(0,0,0,.16);
}
.brand { gap: 13px; }
.brand-mark { width: 44px; height: 44px; }
.brand-copy strong { font-size: 13px; letter-spacing: .13em; }
.brand-copy small { color: #a5adab; font-size: 10px; letter-spacing: .1em; }
.venue-chip, .connection-chip, .market-status, .state-tag {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 11px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
}
.layout { gap: 24px; }
.sidebar { padding: 24px 15px; }
.nav-item { min-height: 48px; border-radius: 12px; font-size: 13px; }
.nav-item.active { border: 1px solid rgba(120,229,214,.16); }
.main-content { min-width: 0; padding: clamp(28px, 4vw, 58px) clamp(20px, 4vw, 58px) 72px; }
.page-heading { min-height: 250px; margin-bottom: 24px; }
.page-heading h1 { font-size: clamp(44px, 5.2vw, 76px); line-height: .99; letter-spacing: -.065em; }
.page-heading h1 em { color: var(--amber); }
.lede { max-width: 68ch; color: #c0c5c1; font-size: clamp(15px, 1.3vw, 18px); line-height: 1.72; }
.eyebrow { color: #ffc07e; font-size: 11px; font-weight: 850; letter-spacing: .15em; }
.hero-mascot { width: clamp(140px, 16vw, 190px); height: clamp(150px, 17vw, 200px); }
.hero-mascot img { width: min(72%, 158px); height: auto; }
.mascot-orbit { border-color: rgba(255,173,87,.3); }
.orbit-two { border-color: rgba(120,229,214,.2); }
.notice-strip, .journal-note {
  border-radius: 16px;
  padding: 16px 19px;
  background: linear-gradient(105deg, rgba(35,27,20,.72), rgba(16,21,22,.86) 52%, rgba(14,24,24,.9));
  box-shadow: inset 0 1px rgba(255,255,255,.04);
}
.notice-strip strong, .journal-note strong { font-size: 13px !important; letter-spacing: .055em; }
.notice-strip p span, .journal-note p span { color: #c1c6c1; font-size: 14px !important; line-height: 1.55; }
.core-path { gap: 10px; margin: 0 0 20px; }
.core-path li {
  min-height: 58px;
  border-color: rgba(255,255,255,.1);
  border-radius: 15px;
  background: linear-gradient(140deg, rgba(24,29,31,.88), rgba(14,18,20,.9));
  font-size: 14px;
}
.core-path b { width: 32px; height: 32px; font-size: 14px; }
.panel {
  position: relative;
  border-color: rgba(204,211,207,.14);
  border-radius: 21px;
  background:
    radial-gradient(ellipse at 100% 0, rgba(255,173,87,.055), transparent 38%),
    linear-gradient(148deg, rgba(20,25,28,.98), rgba(12,15,17,.98));
  box-shadow: 0 18px 46px rgba(0,0,0,.23), inset 0 1px rgba(255,255,255,.035);
  transition: border-color .22s ease, box-shadow .22s ease;
}
.panel-heading { gap: 14px; }
.panel h2 { font-size: clamp(16px, 1.45vw, 20px); letter-spacing: -.025em; }
.section-number { min-width: 29px; min-height: 29px; display: inline-grid; place-items: center; border-radius: 9px; background: rgba(255,173,87,.1); color: #ffc07e; font-size: 11px; font-weight: 900; }
.micro-label { color: #a8b1ae; font-size: 10px; letter-spacing: .1em; }
.panel-copy { max-width: 72ch; color: #b7c0bd; font-size: 14px !important; line-height: 1.65; }
.scan-panel, .state-panel { min-height: 330px; padding: clamp(20px, 2.3vw, 28px); }
.scan-actions { gap: 12px; }
.scan-status { color: #b3bcba; font-size: 13px !important; }
.source-footnote { color: #9ca6a3; font-size: 12px !important; }
.state-main { gap: 15px; margin: 26px 0 22px; }
.state-main h3 { font-size: 16px; letter-spacing: -.015em; }
.state-main p { color: #bac1bd; font-size: 14px !important; line-height: 1.62; }
.state-orb { width: 42px; height: 42px; flex-basis: 42px; }
.state-orb span { width: 9px; height: 9px; }
.state-meta { gap: 12px; padding-top: 18px; }
.state-meta span { color: #969f9d; font-size: 11px !important; letter-spacing: .08em !important; }
.state-meta strong { color: #f0eee8; font-size: clamp(15px, 1.6vw, 20px) !important; }
.state-foot { color: #a6aeac; font-size: 12px !important; }
.contract-panel { padding: clamp(20px, 3vw, 34px); margin-bottom: 18px; }
.contract-heading { padding-bottom: 18px; }
.market-status { border: 1px solid rgba(255,255,255,.12); }
.contract-main { gap: 24px; padding: 22px 0; }
.contract-title-block h3 { margin: 12px 0 7px; font-size: clamp(21px, 2.4vw, 30px); letter-spacing: -.04em; line-height: 1.12; }
.contract-title-block p { color: #b1bab7; font-size: 14px !important; line-height: 1.6; }
.contract-kicker { font-size: 11px !important; letter-spacing: .14em; }
.btc-mark { width: 30px; height: 30px; border-radius: 9px; font-size: 17px; box-shadow: 0 0 24px rgba(255,173,87,.16); }
.contract-clock { min-width: 190px; gap: 7px; padding: 14px 16px; border-color: rgba(255,255,255,.11); border-radius: 15px; background: rgba(4,7,8,.38); }
.contract-clock span { color: #a3aba8; font-size: 10px !important; letter-spacing: .12em; }
.contract-clock strong { font-size: 20px !important; font-variant-numeric: tabular-nums; }
.contract-clock small { color: #9ca7a4; font-size: 12px !important; }
.side-choice { padding: 20px 0; }
.side-choice-head h3 { margin-bottom: 7px; font-size: 20px; letter-spacing: -.03em; }
.side-choice-head p { max-width: 76ch; color: #bac2bf; font-size: 14px; line-height: 1.65; }
.side-cards { gap: 14px; }
.side-card {
  min-height: 236px;
  padding: clamp(18px, 2.2vw, 24px);
  border-color: rgba(217,223,218,.15);
  border-radius: 19px;
  background: linear-gradient(148deg, rgba(22,27,29,.98), rgba(10,13,15,.98));
  box-shadow: inset 0 1px rgba(255,255,255,.035), 0 10px 30px rgba(0,0,0,.17);
}
.side-card:hover[aria-disabled="false"] { border-color: rgba(120,229,214,.54); box-shadow: 0 12px 34px rgba(0,0,0,.26), 0 0 0 1px rgba(120,229,214,.15); }
.side-card:active[aria-disabled="false"] { transform: scale(.99); }
.side-name { font-size: clamp(28px, 3vw, 36px); }
.side-chip { min-height: 30px; padding: 6px 11px; font-size: 12px; }
.side-wording { color: #edf0eb; font-size: 16px; line-height: 1.5; }
.side-price strong { font-size: clamp(34px, 4.2vw, 44px); letter-spacing: -.055em; }
.side-price small, .side-facts small { color: #a6aeab; font-size: 12px; }
.side-facts { gap: 10px; padding-top: 13px; }
.side-facts b { color: #eeeee8; font-size: 16px; }
.side-source { color: #adb5b2; font-size: 12px; }
.direction-read {
  position: relative;
  overflow: hidden;
  margin-top: 22px;
  border-color: rgba(120,229,214,.34);
  border-radius: 21px;
  background:
    radial-gradient(ellipse at 96% 0, rgba(47,185,163,.19), transparent 42%),
    radial-gradient(ellipse at 0 100%, rgba(255,173,87,.08), transparent 42%),
    linear-gradient(146deg, #151d1e, #0e1214 70%);
  box-shadow: 0 20px 48px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.05);
}
.direction-read-heading h3 { font-size: clamp(20px, 2.5vw, 25px); }
.direction-read-warning { color: #ffc17e; font-size: 13px; }
.direction-read-status { min-height: 36px; padding: 8px 13px; font-size: 11px; }
.direction-read-score { gap: 14px; margin-top: 20px; }
.direction-lean-block, .direction-estimate { padding: 17px 19px; border-color: rgba(255,255,255,.12); border-radius: 16px; background: rgba(4,7,8,.48); }
.direction-lean-block small, .direction-evidence small { color: #a6b0ac; font-size: 11px; letter-spacing: .095em; }
.direction-lean-block strong { font-size: clamp(30px, 5vw, 46px); }
.direction-estimates { gap: 12px; }
.direction-estimate { position: relative; overflow: hidden; min-height: 118px; }
.direction-estimate span { color: #b9c2be; font-size: 13px; }
.direction-estimate strong { font-size: clamp(34px, 5vw, 48px); letter-spacing: -.055em; }
.direction-estimate-yes { border-color: rgba(120,229,214,.2); }
.direction-estimate-no { border-color: rgba(255,173,87,.2); }
.direction-evidence { gap: 11px; margin-top: 12px; }
.direction-evidence > div { padding: 14px; border-radius: 14px; background: rgba(5,8,9,.42); }
.direction-evidence strong { font-size: clamp(19px, 3vw, 25px); letter-spacing: -.035em; }
.direction-evidence span { color: #aeb8b4; font-size: 12px; line-height: 1.5; }
.direction-why { margin-top: 20px; padding: 16px 17px; border-left: 2px solid rgba(120,229,214,.45); border-radius: 0 12px 12px 0; background: rgba(120,229,214,.035); }
.direction-why h4 { color: #b7c2be; font-size: 11px; letter-spacing: .12em; }
.direction-why ul { color: #edf0eb; font-size: 14px; line-height: 1.65; }
.direction-read-meta, .direction-read-disclaimer { color: #adb7b3; font-size: 12px; line-height: 1.6; }
.direction-method summary { min-height: 44px; display: flex; align-items: center; font-size: 13px; }
.direction-method p { color: #bac3bf; font-size: 13px; line-height: 1.7; }
.metrics-grid { gap: 14px; margin-bottom: 18px; }
.metric-card {
  position: relative;
  overflow: hidden;
  min-height: 132px;
  padding: 19px 20px;
  border-color: rgba(255,255,255,.11);
  border-radius: 18px;
  background: linear-gradient(148deg, rgba(21,26,29,.98), rgba(12,15,17,.98));
  box-shadow: 0 10px 28px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.035);
}
.metric-label { color: #aab2af; font-size: 12px !important; letter-spacing: .085em !important; }
.metric-card > strong { color: #f4f1e9; font-size: clamp(27px, 3vw, 38px); line-height: 1.08; letter-spacing: -.05em; font-variant-numeric: lining-nums tabular-nums; }
.metric-card small { color: #a6afac; font-size: 13px !important; line-height: 1.5; }
.metric-amber > strong { color: #ffbd70; }
.metric-green > strong { color: var(--green); }
.calculator-panel, .recent-panel, .journal-panel, .settings-panel { padding: clamp(20px, 3vw, 30px); margin-bottom: 18px; }
.calc-layout { gap: 18px; }
.calc-inputs { gap: 14px; }
.calc-inputs > label, .settings-fields label { color: #a6afac; font-size: 12px !important; letter-spacing: .075em !important; line-height: 1.4; }
input, select, textarea {
  min-height: 48px;
  border-color: rgba(225,232,226,.17);
  border-radius: 12px;
  color: #f2f0e9;
  background-color: rgba(5,8,9,.72);
  font-size: 16px !important;
}
input::placeholder, textarea::placeholder { color: #818b88; }
textarea { min-height: 72px; line-height: 1.55; }
.input-with-prefix { min-height: 48px; border-color: rgba(225,232,226,.17); border-radius: 12px; background: rgba(5,8,9,.72); }
.input-with-prefix input { min-height: 46px; }
.rules-confirm { border-radius: 12px !important; font-size: 14px !important; }
.rules-confirm input { width: 20px; height: 20px; margin-top: 2px; }
.calc-message { color: #adb7b3; font-size: 13px !important; line-height: 1.55; }
.calc-message.error { color: #ff968b; }
.calc-actions { gap: 10px; }
.primary-button, .secondary-button, .quiet-button {
  min-height: 48px;
  border-radius: 13px;
  padding: 11px 17px;
  font-size: 14px;
  font-weight: 750;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease, filter .18s ease;
}
.primary-button {
  border: 1px solid rgba(255,199,139,.55);
  color: #21150d;
  background: linear-gradient(140deg, #ffbd75, #f39a45 65%, #d9813c);
  box-shadow: 0 7px 20px rgba(196,102,38,.15), inset 0 1px rgba(255,255,255,.48);
  font-weight: 850;
}
.primary-button:hover:not(:disabled) { filter: brightness(1.07); box-shadow: 0 10px 26px rgba(196,102,38,.24), inset 0 1px rgba(255,255,255,.55); transform: translateY(-1px); }
.primary-button:active:not(:disabled), .secondary-button:active:not(:disabled), .quiet-button:active:not(:disabled) { transform: translateY(1px) scale(.99); }
.secondary-button { border-color: rgba(120,229,214,.28); color: #ddf4ee; background: linear-gradient(145deg, rgba(31,54,52,.72), rgba(20,30,31,.9)); }
.secondary-button:hover:not(:disabled), .quiet-button:hover:not(:disabled) { border-color: rgba(120,229,214,.55); background-color: rgba(32,56,54,.82); }
.quiet-button { border-color: rgba(255,255,255,.1); color: #c1c9c5; background: rgba(255,255,255,.025); }
button:disabled, button[aria-disabled="true"] { cursor: not-allowed; filter: saturate(.45); }
.button-glyph { color: #21150d; }
.payout-card {
  border-color: rgba(120,229,214,.27);
  border-radius: 18px;
  padding: 20px;
  background:
    radial-gradient(ellipse at 100% 0, rgba(55,214,162,.12), transparent 52%),
    linear-gradient(145deg, #111b1a, #0c1112);
  box-shadow: inset 0 1px rgba(255,255,255,.04);
}
.payout-top { color: #bdc8c3; font-size: 11px; letter-spacing: .1em; }
.payout-big { gap: 6px; margin: 20px 0 15px; padding-bottom: 17px; }
.payout-big small { color: #a6b0ad; font-size: 11px; letter-spacing: .07em; }
.payout-big #positionSummary { color: #b5c5bd; font-size: 13px; }
.payout-big strong { font-size: clamp(42px, 5vw, 58px); letter-spacing: -.06em; font-variant-numeric: tabular-nums; }
.payout-row { padding: 10px 0; color: #c0c8c4; font-size: 14px; }
.payout-row strong { color: #f2f1ec; font-size: 15px; }
.payout-note { color: #a0aaa7; font-size: 12px; line-height: 1.6; }
.ticket-card {
  gap: 14px;
  padding: 16px 18px;
  border-color: rgba(220,226,220,.12);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(23,28,30,.85), rgba(13,16,18,.9));
}
.ticket-title small, .ticket-stat small { color: #9ba5a2; font-size: 10px; letter-spacing: .08em; }
.ticket-title strong { font-size: 13px; }
.ticket-title span { color: #a7b0ad; font-size: 12px; line-height: 1.45; white-space: normal; }
.ticket-stat strong { color: #eef0e9; font-size: 15px; font-variant-numeric: tabular-nums; }
.ticket-card .ticket-status { min-height: 30px; display: inline-flex; align-items: center; padding: 6px 10px; font-size: 10px; }
.ticket-controls { gap: 7px; }
.ticket-controls button { min-height: 38px; padding: 0 10px; border-radius: 9px; font-size: 11px; }
.empty-state { min-height: 165px; gap: 9px; color: #a0aaa7; }
.empty-mark { width: 42px; height: 42px; font-size: 22px; }
.empty-state strong { font-size: 15px; }
.empty-state small { color: #a3ada9; font-size: 13px; line-height: 1.6; }
.rules-details { margin-top: 14px; }
.rules-details summary { min-height: 52px; color: #e1e5df; }
.rules-details summary:after { font-size: 21px; }
.summary-hint { color: #a3ada9; font-size: 12px !important; }
.rules-grid { gap: 20px; padding: 16px 0 4px; }
.rules-grid label, .rules-grid p { color: #b2bbb7; font-size: 13px; line-height: 1.7; }
.rules-grid label { color: #ffbf7c; letter-spacing: .08em; font-weight: 850; }
.text-button, .link-button { min-height: 42px; border-radius: 9px; color: var(--cyan); font-size: 13px; }
.guide-card { padding: clamp(19px, 2.6vw, 28px); }
.guide-number { color: #ffc07e; font-size: 11px; }
.guide-card h2 { margin: 13px 0 10px; font-size: 20px; }
.guide-card p, .guide-card li { color: #bbc3bf; font-size: 14px; line-height: 1.7; }
.guide-card ul { gap: 9px; }
.guide-mascot { padding: 13px; border-radius: 14px; }
.guide-mascot img { width: 58px; height: 58px; }
.flow-line { padding: 15px; border-radius: 13px; color: #d0d9d4; font-size: 10px; }
.roadmap { gap: 13px; }
.roadmap > div { min-height: 140px; padding: 17px 13px 14px 19px; border-radius: 14px; }
.roadmap strong { font-size: 13px; }
.roadmap p { color: #aeb8b4; font-size: 12px; line-height: 1.6; }
.footer-disclaimer { color: #9ca6a2; font-size: 12px; line-height: 1.6; }
.quote-history { margin-top: 28px; padding-top: 24px; }
.quote-history h3 { font-size: 21px; letter-spacing: -.03em; }
.quote-history-heading p { color: #aeb8b4; font-size: 13px; }
.quote-windows { gap: 6px; }
.quote-windows button { min-width: 52px; min-height: 46px; border-radius: 11px; font-size: 13px; font-weight: 750; }
.quote-history-status { padding: 14px 0; font-size: 14px; }
.quote-history-meta { gap: 10px 18px; color: #aeb8b4; font-size: 13px; }
.quote-axis-title { color: #b3bcb9; font-size: 12px; }
.quote-chart { grid-template-rows: clamp(220px, 27vw, 340px) 34px; }
.quote-y-axis, .quote-x-axis { color: #a9b2af; font-size: 12px; }
.quote-chart-empty { color: #b0bab6; font-size: 15px; }
.quote-sample-details summary { min-height: 48px; font-size: 14px; }
.quote-sample-scroll table { font-size: 13px; }
.quote-sample-scroll th, .quote-sample-scroll td { padding: 11px 8px; }
.direction-read-disclaimer { color: #b3bcb9; }
.toast { border-color: rgba(120,229,214,.34); border-radius: 14px; font-size: 13px; box-shadow: 0 18px 48px rgba(0,0,0,.42); }
.mobile-nav {
  border-top-color: rgba(255,255,255,.12);
  background: rgba(9,11,13,.93);
  backdrop-filter: blur(24px);
  box-shadow: 0 -12px 36px rgba(0,0,0,.3);
  padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
}
.mobile-nav button {
  min-height: 54px;
  border-radius: 13px;
  color: #aeb8b4;
  font-size: 12px;
}
.mobile-nav button.active { color: #f4c18a; background: rgba(255,173,87,.09); }
.mobile-nav button span { font-size: 19px; }
.legal-gate { background: rgba(4,6,8,.86); backdrop-filter: blur(18px); }
.legal-card {
  width: min(680px, 100%);
  gap: 18px;
  padding: clamp(20px, 4vw, 34px);
  border-color: rgba(255,255,255,.16);
  border-radius: 24px;
  background:
    radial-gradient(ellipse at 100% 0, rgba(255,173,87,.12), transparent 40%),
    linear-gradient(155deg, #171b1c, #0c1012 72%);
  box-shadow: 0 32px 100px rgba(0,0,0,.58), inset 0 1px rgba(255,255,255,.055);
}
.legal-head img { width: 56px; height: 56px; }
.legal-kicker { color: #ffc07e; font-size: 13px; }
.legal-head h2 { font-size: clamp(22px, 4vw, 30px); }
.legal-intro { color: #c9ceca; font-size: 15px; line-height: 1.65; }
.legal-checks { gap: 9px; }
.legal-checks label {
  min-height: 58px;
  padding: 14px 15px;
  border-color: rgba(255,255,255,.12);
  border-radius: 14px;
  color: #e6e7e1;
  background: rgba(4,7,8,.3);
  font-size: 14px;
  line-height: 1.5;
}
.legal-checks label:hover { border-color: rgba(120,229,214,.38); }
.legal-checks input { flex: 0 0 22px; width: 22px; height: 22px; }
.legal-links { gap: 8px 18px; }
.legal-links a { min-height: 42px; color: #9ce9dd; font-size: 14px; }
.legal-continue { min-height: 54px; font-size: 15px; }
.legal-status { color: #b6bfbb; font-size: 13px; }
.legal-review-row { padding-top: 18px; }
.legal-review-row strong { font-size: 15px; }
.legal-review-row small { color: #adb7b3; font-size: 13px; }
.early-close-dialog { max-width: min(560px, calc(100vw - 24px)); padding: 24px; border: 1px solid rgba(255,255,255,.16); border-radius: 22px; color: var(--text); background: #111719; box-shadow: 0 30px 90px rgba(0,0,0,.6); }
.early-close-content { display: grid; gap: 15px; }
.early-close-content > label { display: grid; gap: 7px; color: #b5bfbb; font-size: 12px; font-weight: 800; letter-spacing: .06em; }
.early-close-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.early-close-heading h2 { margin: 8px 0; font-size: 23px; letter-spacing: -.04em; }
.icon-close { width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 12px; color: #d8ded9; background: #192023; font-size: 24px; cursor: pointer; }
.early-close-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.metric-card, .payout-card, .direction-estimate, .direction-evidence > div, .side-card, .ticket-card {
  backdrop-filter: blur(8px);
}
.ticket-read-snapshot { font-size: 12px; line-height: 1.55; }
.numeric, .metric-card > strong, .state-meta strong, .contract-clock strong, .side-price strong, .side-facts b, .entry-quote strong, .payout-big strong, .payout-row strong, .ticket-stat strong, .direction-read strong, .reference-numbers strong, .reference-profit strong {
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .panel:hover { border-color: rgba(255,255,255,.2); box-shadow: 0 22px 52px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.04); }
}
@media (prefers-reduced-motion: no-preference) {
  @keyframes vigil-enter { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes vigil-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
  @keyframes vigil-sweep { to { transform: rotate(1turn); } }
  @keyframes vigil-signal { 50% { opacity: .5; box-shadow: 0 0 3px currentColor; } }
  .view:not([hidden]) .page-heading { animation: vigil-enter .45s cubic-bezier(.2,.7,.2,1) both; }
  .boot-stage img { animation: vigil-float 4.6s ease-in-out infinite; }
  .boot-stage::before { animation: vigil-sweep 7s linear infinite; }
  .boot-kicker-mark, .status-dot, .tiny-led { animation: vigil-signal 2.8s ease-in-out infinite; }
}
.boot-screen {
  overflow-y: auto;
  background:
    radial-gradient(ellipse at 50% 34%, rgba(201,111,49,.18), transparent 32%),
    radial-gradient(ellipse at 50% 42%, rgba(49,139,130,.1), transparent 52%),
    #08090b;
}
.boot-frame { width: min(660px, 100%); padding: clamp(18px, 4vw, 30px); text-align: center; }
.boot-stage { width: clamp(186px, 29vw, 246px); height: clamp(186px, 29vw, 246px); margin: 0 auto 8px; isolation: isolate; }
.boot-stage::before {
  position: absolute;
  inset: 6px;
  z-index: 0;
  border-radius: 50%;
  background: conic-gradient(from 210deg, transparent 0deg, rgba(255,173,87,.04) 205deg, rgba(255,173,87,.86) 275deg, rgba(120,229,214,.38) 307deg, transparent 344deg);
  content: "";
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
}
.boot-stage::after { position: absolute; inset: 20px; z-index: -1; border: 1px dashed rgba(255,255,255,.1); border-radius: 50%; content: ""; }
.boot-stage img { z-index: 1; width: clamp(132px, 20vw, 172px); height: auto; }
.boot-orbit-amber { border-top-color: rgba(255,189,117,.8); border-right-color: rgba(255,189,117,.2); }
.boot-orbit-cyan { border-bottom-color: rgba(120,229,214,.72); border-left-color: rgba(120,229,214,.2); }
.boot-kicker { display: flex; align-items: center; justify-content: center; gap: 9px; margin: 0 0 10px; color: #ffc07e; font-size: 11px; letter-spacing: .16em; }
.boot-kicker-mark { width: 7px; height: 7px; border-radius: 50%; color: var(--cyan); background: currentColor; box-shadow: 0 0 12px currentColor; }
.boot-title { margin: 0; font-size: clamp(30px, 5.3vw, 48px); font-weight: 760; letter-spacing: -.055em; line-height: 1.08; }
.boot-copy { margin: 10px 0 0; color: #d0d4ce; font-size: 16px; }
.boot-progress { position: relative; overflow: hidden; width: min(360px, 84%); height: 3px; margin: 23px auto 18px; border-radius: 999px; background: rgba(255,255,255,.11); }
.boot-progress span { display: block; width: 38%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--amber-deep), #ffc27f, var(--cyan)); box-shadow: 0 0 16px rgba(255,173,87,.5); animation: boot-progress-scan 1.8s ease-in-out infinite alternate; }
@keyframes boot-progress-scan { from { transform: translateX(-12%); } to { transform: translateX(172%); } }
.boot-screen.is-ready .boot-progress span { width: 100%; animation: none; transition: width .35s ease; }
.boot-status-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; text-align: left; }
.boot-status-grid > div { display: grid; gap: 5px; min-width: 0; padding: 12px 13px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: rgba(255,255,255,.035); }
.boot-status-grid span { color: #9fa9a5; font-size: 10px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.boot-status-grid strong { color: #f0eee7; font-size: 12px; font-weight: 720; }
.boot-status-grid > div:nth-child(2) strong { color: #9ce9dd; }
.boot-status-grid > div:nth-child(3) strong { color: #ffc07e; }
.boot-note { max-width: 52ch; margin: 16px auto 0; color: #a6b0ac; font-size: 13px; line-height: 1.65; }
.boot-screen.is-leaving { transition: opacity .52s ease, visibility .52s ease; visibility: hidden; }
@media (max-width: 1040px) {
  .main-content { padding-right: 30px; padding-left: 30px; }
  .metrics-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .ticket-card { gap: 10px; }
}
@media (max-width: 760px) {
  .topbar { height: 66px; padding: 0 17px; }
  .brand-mark { width: 40px; height: 40px; }
  .main-content { padding: 25px 17px calc(112px + env(safe-area-inset-bottom)); }
  .page-heading { min-height: 0; margin-bottom: 19px; }
  .page-heading h1 { font-size: clamp(42px, 10vw, 58px); }
  .lede { font-size: 15px; }
  .hero-mascot { width: 104px; height: 114px; margin: 8px 0 0 7px; }
  .hero-mascot img { width: 85px; }
  .notice-strip { padding: 14px; }
  .core-path li { min-height: 52px; font-size: 13px; }
  .panel { border-radius: 18px; }
  .scan-panel, .state-panel { min-height: auto; padding: 18px; }
  .contract-panel, .calculator-panel, .recent-panel, .journal-panel, .settings-panel { padding: 18px; }
  .contract-main { gap: 14px; padding: 17px 0; }
  .contract-title-block h3 { font-size: 22px; }
  .contract-clock { min-width: 0; }
  .side-choice { padding: 15px 0; }
  .side-card { min-height: 0; padding: 17px; }
  .direction-read { padding: 17px; }
  .direction-read-score { gap: 10px; }
  .direction-estimate { min-height: 106px; }
  .metrics-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .metric-card { min-height: 118px; padding: 15px; }
  .metric-card > strong { font-size: clamp(25px, 7vw, 32px); }
  .calc-layout { grid-template-columns: minmax(0,1fr); }
  .calc-inputs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ticket-card { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ticket-title { grid-column: 1 / -1; }
  .ticket-card .ticket-status { justify-self: start; }
  .quote-chart { grid-template-rows: 230px 32px; grid-template-columns: 40px minmax(0,1fr); }
  .guide-grid { grid-template-columns: minmax(0,1fr); }
  .guide-wide { grid-column: auto; }
  .roadmap { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .legal-card { border-radius: 20px; }
  .mobile-nav { min-height: calc(70px + env(safe-area-inset-bottom)); }
  .early-close-dialog { padding: 18px; }
}
@media (max-width: 520px) {
  .topbar-right { gap: 7px; }
  .connection-chip { min-height: 30px; padding: 5px 8px; font-size: 9px; }
  .brand-copy small { max-width: 130px; font-size: 8px; }
  .main-content { padding-right: 14px; padding-left: 14px; }
  .page-heading:not(.compact-heading) { align-items: center; }
  .hero-mascot { width: 82px; height: 96px; }
  .hero-mascot img { width: 70px; }
  .hero-mascot > span { font-size: 5px; }
  .core-path { gap: 7px; }
  .core-path li { gap: 8px; padding: 8px 9px; font-size: 12px; }
  .side-card-top { align-items: flex-start; }
  .side-name { font-size: 30px; }
  .side-facts { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .direction-read-heading { gap: 10px; }
  .direction-read-score { grid-template-columns: 1fr; }
  .direction-lean-block { grid-template-columns: 1fr auto; }
  .direction-estimates { gap: 8px; }
  .direction-estimate { padding: 14px 12px; }
  .direction-estimate strong { font-size: clamp(30px, 9vw, 39px); }
  .direction-evidence { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .calc-inputs { grid-template-columns: minmax(0,1fr); }
  .calc-actions { display: grid; grid-template-columns: 1fr; }
  .quote-history-heading { align-items: flex-start; }
  .quote-chart { grid-template-columns: 34px minmax(0,1fr); grid-template-rows: 205px 30px; gap: 0 6px; }
  .quote-y-axis, .quote-x-axis { font-size: 10px; }
  .roadmap { grid-template-columns: minmax(0,1fr); }
  .boot-status-grid { gap: 6px; }
  .boot-status-grid > div { padding: 10px 9px; }
  .boot-status-grid span { font-size: 9px; letter-spacing: .04em; }
}
@media (max-width: 380px) {
  .main-content { padding-right: 12px; padding-left: 12px; }
  .boot-stage { width: 180px; height: 180px; }
  .boot-stage img { width: 126px; }
  .boot-status-grid { grid-template-columns: minmax(0,1fr); }
  .boot-status-grid > div { grid-template-columns: 1fr auto; align-items: center; }
  .boot-status-grid strong { text-align: right; }
  .metric-card { min-height: 110px; padding: 13px; }
  .metric-label { font-size: 11px !important; letter-spacing: .045em !important; }
  .metric-card small { font-size: 12px !important; }
  .ticket-card { padding: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .boot-progress span, .boot-stage img { transform: none !important; }
}


/* Keep the glance path compact; expand raw market evidence when wanted. */
.quote-history-disclosure {
  overflow: hidden;
  margin-top: 22px;
  border: 1px solid rgba(204,211,207,.14);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(19,24,26,.88), rgba(10,13,15,.94));
}
.quote-history-disclosure > summary {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 4px 14px;
  min-height: 68px;
  padding: 14px 18px;
  color: #e8ece6;
  cursor: pointer;
  list-style: none;
}
.quote-history-disclosure > summary::-webkit-details-marker { display: none; }
.quote-history-disclosure > summary span { font-size: 15px; font-weight: 780; letter-spacing: -.01em; }
.quote-history-disclosure > summary small { color: #a9b3af; font-size: 12px; line-height: 1.45; }
.quote-history-disclosure > summary::after {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(120,229,214,.26);
  border-radius: 50%;
  color: var(--cyan);
  background: rgba(120,229,214,.06);
  content: "+";
  font-size: 20px;
  font-weight: 500;
}
.quote-history-disclosure[open] > summary { border-bottom: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.025); }
.quote-history-disclosure[open] > summary::after { content: "−"; }
.quote-history-disclosure > .quote-history { margin: 0; padding: 18px; border-top: 0; }
@media (max-width: 520px) {
  .quote-history-disclosure { margin-top: 16px; }
  .quote-history-disclosure > summary { min-height: 64px; padding: 13px 14px; }
  .quote-history-disclosure > summary span { font-size: 14px; }
  .quote-history-disclosure > summary small { font-size: 11px; }
  .quote-history-disclosure > .quote-history { padding: 15px 12px; }
}

/* Sentinel Console · Vigilance / DV Machineworks visual system */
:root {
  --bg: #07090b;
  --surface: #0d1114;
  --surface-raised: #13191d;
  --surface-soft: #1a2226;
  --line: rgba(227, 232, 224, .16);
  --line-soft: rgba(227, 232, 224, .1);
  --text: #f3f0e9;
  --muted: #aab0ae;
  --dim: #77817f;
  --cyan: #7de5d5;
  --cyan-strong: #3bd0bd;
  --amber: #ffad57;
  --amber-deep: #c66b28;
  --green: #35d7a4;
  --red: #ff8178;
  --radius: 24px;
  font-family: "Avenir Next", "Segoe UI Variable", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
html { background: var(--bg); scroll-padding-top: 92px; }
body {
  position: relative;
  min-width: 320px;
  color: var(--text);
  background: radial-gradient(ellipse at 74% -22%, rgba(181, 95, 32, .2), transparent 42%), #07090b;
  font-size: 15px;
}
body::before {
  position: fixed;
  inset: 0;
  z-index: 0;
  background-image: linear-gradient(rgba(206, 217, 207, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(206, 217, 207, .025) 1px, transparent 1px);
  background-size: 72px 72px;
  content: "";
  pointer-events: none;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 82%);
}
.app-shell { position: relative; z-index: 1; min-height: 100vh; }
[hidden] { display: none !important; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, a:focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px; }
.topbar {
  height: 82px;
  padding: 0 clamp(18px, 3vw, 42px);
  border-bottom: 1px solid rgba(255,255,255,.09);
  background: rgba(7,9,11,.84);
  box-shadow: 0 12px 34px rgba(0,0,0,.2);
  backdrop-filter: blur(24px) saturate(140%);
}
.brand { gap: 14px; }
.brand-mark { width: 48px; height: 48px; filter: drop-shadow(0 0 20px rgba(255,155,68,.22)); }
.brand-copy { gap: 4px; }
.brand-copy strong { font-size: 14px; letter-spacing: .2em; }
.brand-copy small { color: #a4afaa; font: 600 10px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; }
.brand-copy small b { color: var(--amber); }
.topbar-right { gap: 12px; }
.venue-chip, .connection-chip, .market-status, .state-tag, .mode-tag, .micro-label {
  min-height: 36px;
  border: 1px solid rgba(230,235,228,.14);
  border-radius: 999px;
  padding: 0 14px;
  font: 750 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .07em;
}
.venue-chip { color: #ffc27f; border-color: rgba(255,173,87,.28); background: rgba(255,173,87,.075); }
.venue-dot, .status-dot { width: 8px; height: 8px; border-radius: 50%; }
.connection-chip { color: #bec5bf; background: rgba(255,255,255,.035); }
.connection-chip[data-state="live"] { border-color: rgba(53,215,164,.42); color: var(--green); background: rgba(53,215,164,.075); }
.connection-chip[data-state="error"] { border-color: rgba(255,129,120,.42); color: var(--red); background: rgba(255,129,120,.075); }
.connection-chip[data-state="live"] .status-dot, .market-status[data-state="open"] .status-dot { background: var(--green); box-shadow: 0 0 12px var(--green); }
.connection-chip[data-state="error"] .status-dot { background: var(--red); box-shadow: 0 0 12px var(--red); }
.install-button { min-height: 42px; border-color: rgba(255,173,87,.34); border-radius: 999px; color: var(--amber); background: rgba(255,173,87,.08); font-size: 13px; }
.layout { grid-template-columns: 254px minmax(0,1fr); gap: 0; min-height: calc(100vh - 82px); }
.sidebar {
  top: 82px;
  height: calc(100vh - 82px);
  padding: 34px 18px 24px;
  border-right: 1px solid rgba(255,255,255,.085);
  background: linear-gradient(180deg, rgba(10,13,15,.88), rgba(8,10,12,.5));
}
.nav-label { padding: 0 14px 14px; color: #77817f; font: 700 10px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .16em; }
.nav-item {
  position: relative;
  min-height: 54px;
  gap: 13px;
  margin: 4px 0;
  padding: 0 15px;
  border-radius: 15px;
  color: #b0b7b3;
  font-size: 15px;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}
.nav-item::before { position: absolute; left: -1px; top: 14px; bottom: 14px; width: 2px; border-radius: 2px; background: transparent; content: ""; }
.nav-item:hover { color: var(--text); background: rgba(255,255,255,.045); }
.nav-item.active { border-color: rgba(125,229,213,.12); color: var(--cyan); background: linear-gradient(100deg, rgba(125,229,213,.12), rgba(125,229,213,.025)); }
.nav-item.active::before { background: linear-gradient(var(--amber), var(--cyan)); box-shadow: 0 0 12px rgba(125,229,213,.42); }
.nav-icon { width: 22px; font-size: 19px; }
.nav-count { color: #8c9692; font: 700 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.sidebar-note { gap: 12px; padding: 15px 13px; border-color: rgba(255,255,255,.1); border-radius: 16px; background: rgba(255,255,255,.025); }
.sidebar-note strong { color: #e4e7df; font: 750 11px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; }
.sidebar-note small { color: #a2aba6; font-size: 12px; line-height: 1.6; }
.sidebar-legal { min-height: 44px; margin-top: 14px; color: #bcc2bc; font-size: 12px; }
.main-content { width: min(1720px,100%); padding: clamp(30px,4vw,60px) clamp(24px,4.2vw,72px) 86px; }
.view[hidden] { display: none !important; }
.page-heading {
  position: relative;
  min-height: 344px;
  align-items: center;
  overflow: hidden;
  margin: 0 0 26px;
  padding: 32px clamp(10px,2vw,32px) 30px;
  border-top: 1px solid rgba(255,255,255,.12);
  border-bottom: 1px solid rgba(255,255,255,.11);
  background: radial-gradient(ellipse at 82% 58%, rgba(182,93,32,.18), transparent 32%), linear-gradient(110deg, rgba(8,10,12,.2), rgba(15,17,17,.32));
}
.page-heading::before {
  position: absolute;
  top: -80px;
  right: 16%;
  color: rgba(237,224,205,.025);
  content: "BTC";
  font: 200 clamp(210px, 26vw, 420px)/1 "Avenir Next", "Segoe UI", sans-serif;
  letter-spacing: -.12em;
  pointer-events: none;
}
.page-heading > div:first-child { position: relative; z-index: 2; max-width: 780px; }
.eyebrow { gap: 10px; color: #ffc07e; font: 750 11px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .1em; }
.eyebrow-line { width: 28px; height: 2px; background: linear-gradient(90deg,var(--amber),var(--cyan)); }
.eyebrow-sep { color: #66716d; }
h1, .page-heading h1 { margin: 19px 0 17px; font-size: clamp(48px,6vw,92px); font-weight: 650; letter-spacing: -.075em; line-height: .93; }
h1 em, .page-heading h1 em { background: linear-gradient(100deg,#ffc17e 6%,#f29246 53%,#83e1d2 100%); background-clip: text; -webkit-background-clip: text; color: transparent; font-family: Georgia,"Times New Roman",serif; font-style: italic; font-weight: 400; letter-spacing: -.06em; }
.lede { max-width: 62ch; color: #c2c7c1; font-size: clamp(15px,1.25vw,18px); line-height: 1.72; }
.casebook-entry { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 12px; margin: 17px 0 0; }
.casebook-entry > span { color: #9ba5a0; font: 600 10px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .04em; }
.hero-mascot {
  z-index: 1;
  width: clamp(205px,23vw,330px);
  height: clamp(205px,23vw,330px);
  margin: 0 clamp(8px,4vw,70px) 0 30px;
  isolation: isolate;
}
.hero-mascot::before { position: absolute; inset: 6%; z-index: -1; border: 1px solid rgba(255,173,87,.24); border-radius: 50%; background: radial-gradient(circle,rgba(255,159,64,.14),rgba(255,159,64,.015) 59%,transparent 70%); box-shadow: 0 0 90px rgba(255,136,46,.13),inset 0 0 54px rgba(255,157,57,.07); content: ""; }
.hero-mascot::after { position: absolute; inset: -1%; z-index: -1; border: 1px dashed rgba(125,229,213,.22); border-radius: 50%; content: ""; }
.hero-mascot img { width: min(84%,250px); height: auto; filter: drop-shadow(0 18px 48px rgba(255,129,45,.19)); }
.hero-mascot > span { bottom: 3%; padding: 8px 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: #d9ded5; background: rgba(7,10,11,.8); font: 750 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .1em; }
.hero-mascot > span b { color: var(--cyan); }
.orbit-one { inset: 1%; border-color: rgba(125,229,213,.27); border-left-color: transparent; border-right-color: transparent; }
.orbit-two { inset: 13%; border-color: rgba(255,173,87,.27); border-top-color: transparent; }
.compact-heading { min-height: 260px; }
.compact-heading::before { content: "J"; right: 17%; top: -90px; font-size: clamp(300px,32vw,480px); }
.notice-strip, .journal-note {
  gap: 16px;
  min-height: 76px;
  padding: 17px 21px;
  border: 1px solid rgba(255,173,87,.22);
  border-radius: 18px;
  margin: 4px 0 20px;
  background: linear-gradient(100deg,rgba(73,40,18,.32),rgba(14,18,19,.88) 64%,rgba(13,24,23,.84));
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.notice-icon { width: 26px; height: 26px; flex-basis: 26px; border-color: rgba(255,173,87,.55); font: 700 14px/1 ui-monospace,monospace; }
.notice-strip p, .journal-note p { gap: 5px 14px; }
.notice-strip p strong, .journal-note p strong { color: #ffc27f; font: 750 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .09em; }
.notice-strip p span, .journal-note p span { color: #c3c8c1; font-size: 14px !important; line-height: 1.5; }
.mode-tag { border-color: rgba(255,173,87,.25); color: #ffc17b; background: rgba(255,173,87,.06); }
.core-path { gap: 0; overflow: hidden; margin: 0 0 22px; border: 1px solid rgba(255,255,255,.1); border-radius: 17px; background: rgba(13,17,19,.72); }
.core-path li { position: relative; min-height: 62px; gap: 12px; padding: 10px 15px; border: 0; border-radius: 0; background: transparent; font-size: 14px; }
.core-path li + li::before { position: absolute; left: 0; width: 1px; height: 22px; background: rgba(255,255,255,.12); content: ""; }
.core-path b { width: 32px; height: 32px; border-color: rgba(255,173,87,.32); color: #ffc17f; background: rgba(255,173,87,.08); font: 700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.core-path li[data-done="true"] { background: linear-gradient(100deg,rgba(125,229,213,.1),transparent); }
.core-path li[data-done="true"] b { border-color: var(--cyan); color: #07100f; background: var(--cyan); }
.top-grid { grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: 16px; margin-bottom: 17px; }
.panel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(225,232,224,.13);
  border-radius: 25px;
  background: linear-gradient(145deg,rgba(20,25,28,.97),rgba(11,14,16,.98) 74%);
  box-shadow: 0 22px 60px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.04);
  transition: border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.scan-panel, .state-panel { min-height: 330px; padding: clamp(22px,2.7vw,34px); }
.scan-panel { background: radial-gradient(ellipse at 12% 100%,rgba(175,91,31,.15),transparent 42%),linear-gradient(142deg,#171a1c,#0c1012 72%); }
.scan-panel::after { position: absolute; top: -95px; right: -78px; width: 220px; height: 220px; border: 1px solid rgba(255,173,87,.13); border-radius: 50%; box-shadow: 0 0 0 18px rgba(255,173,87,.018),0 0 0 42px rgba(255,173,87,.012); content: ""; pointer-events: none; }
.state-panel { background: radial-gradient(ellipse at 95% 10%,rgba(59,169,156,.18),transparent 45%),linear-gradient(142deg,#151d1e,#0b1012 72%); }
.state-panel::after { right: -85px; bottom: -112px; width: 250px; height: 250px; border-color: rgba(125,229,213,.15); box-shadow: 0 0 0 22px rgba(125,229,213,.025),0 0 0 50px rgba(125,229,213,.014); }
.panel-heading { gap: 14px; margin-bottom: 15px; }
.panel-heading > div:first-child { gap: 12px; }
.panel h2 { color: #f2f0e9; font-size: clamp(17px,1.55vw,21px); font-weight: 660; letter-spacing: -.035em; }
.section-number { width: 34px; height: 34px; border: 1px solid rgba(255,173,87,.27); border-radius: 11px; color: #ffc17d; background: rgba(255,173,87,.08); font: 700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.micro-label { min-height: 32px; border-color: rgba(125,229,213,.22); color: #a5c6bf; background: rgba(125,229,213,.035); font-size: 10px; }
.panel-copy { max-width: 72ch; margin: 12px 0 20px; color: #bdc4bf; font-size: 15px !important; line-height: 1.65; }
.primary-button, .secondary-button, .quiet-button {
  min-height: 48px;
  border-radius: 13px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 720;
  transition: transform .18s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
}
.primary-button { border-color: rgba(125,229,213,.62); color: #071312; background: linear-gradient(105deg,#a1f8e8,#5bd4c3); box-shadow: 0 10px 28px rgba(52,211,190,.16),inset 0 1px rgba(255,255,255,.58); }
.primary-button:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 15px 34px rgba(52,211,190,.23),inset 0 1px rgba(255,255,255,.72); }
.primary-button:disabled { cursor: not-allowed; opacity: .48; filter: saturate(.5); }
.secondary-button { border-color: rgba(225,232,224,.17); color: #f0f1eb; background: linear-gradient(180deg,rgba(37,45,47,.96),rgba(22,28,30,.96)); }
.secondary-button:hover, .quiet-button:hover { border-color: rgba(125,229,213,.42); background-color: #202d2e; }
.quiet-button { border-color: rgba(255,255,255,.12); color: #d0d6d0; background: rgba(255,255,255,.035); }
.button-glyph { font-size: 20px; }
.scan-actions { gap: 14px; }
.scan-status { color: #a7b1ac; font-size: 13px !important; }
.market-picker-wrap { position: relative; z-index: 1; margin-top: 20px; }
.market-picker-wrap label, .ticker-form label { display: block; margin: 0 0 8px; color: #a2aca7; font: 700 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .07em; }
.ticker-form { position: relative; z-index: 1; margin-top: 20px; }
.source-footnote { color: #a0aaa5; font-size: 12px !important; }
.state-tag { min-height: 34px; color: #ffc17f; border-color: rgba(255,173,87,.3); background: rgba(255,173,87,.075); }
.state-tag[data-state="review"] { border-color: rgba(125,229,213,.4); color: var(--cyan); background: rgba(125,229,213,.08); }
.state-tag[data-state="error"] { border-color: rgba(255,129,120,.44); color: var(--red); background: rgba(255,129,120,.08); }
.state-main { position: relative; z-index: 1; align-items: center; gap: 17px; margin: 29px 0 24px; }
.state-main h3 { margin: 0 0 7px; font-size: clamp(18px,1.7vw,23px); letter-spacing: -.035em; }
.state-main p { color: #c1c9c4; font-size: 14px !important; line-height: 1.65; }
.state-orb { position: relative; width: 64px; height: 64px; flex-basis: 64px; border-color: rgba(255,173,87,.28); background: radial-gradient(circle,rgba(255,173,87,.16),rgba(255,173,87,.025) 63%,transparent 65%); box-shadow: 0 0 35px rgba(255,173,87,.1); }
.state-orb::before, .state-orb::after { position: absolute; inset: -7px; border: 1px dashed rgba(255,173,87,.18); border-radius: 50%; content: ""; }
.state-orb::after { inset: 7px; border-style: solid; border-color: rgba(255,255,255,.12); }
.state-orb span { width: 10px; height: 10px; background: var(--amber); box-shadow: 0 0 17px var(--amber); }
.state-divider { border-color: rgba(255,255,255,.12); }
.state-meta { gap: 10px; padding-top: 17px; }
.state-meta > div { gap: 6px; }
.state-meta span { color: #a6b0aa; font: 650 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .06em; }
.state-meta strong { color: #f4f0e8; font-size: clamp(15px,1.5vw,19px) !important; }
.state-foot { position: relative; z-index: 1; color: #b0b8b2; font-size: 12px !important; }
.contract-panel { padding: clamp(23px,3vw,38px); margin-bottom: 18px; border-color: rgba(255,173,87,.18); background: radial-gradient(ellipse at 92% -2%,rgba(194,103,42,.12),transparent 34%),linear-gradient(148deg,#141819,#0a0d0f 72%); }
.contract-heading { padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.1); }
.market-status { color: #c0c8c1; background: rgba(255,255,255,.035); }
.market-status[data-state="open"] { border-color: rgba(53,215,164,.35); color: var(--green); background: rgba(53,215,164,.06); }
.market-status[data-state="closed"] { border-color: rgba(255,129,120,.34); color: var(--red); }
.contract-main { gap: 25px; padding: 25px 0; }
.contract-kicker { gap: 10px; color: #b8c0b9; font: 700 11px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .1em; }
.btc-mark { width: 36px; height: 36px; border-radius: 12px; color: #1c1008; background: linear-gradient(135deg,#ffc477,#f58c29); box-shadow: 0 6px 24px rgba(244,137,40,.22); font-size: 21px; }
.contract-title-block h3 { margin: 13px 0 8px; color: #f2eee5; font-size: clamp(23px,2.5vw,35px); letter-spacing: -.055em; line-height: 1.08; }
.contract-title-block p { color: #c0c7c0; font-size: 14px !important; line-height: 1.65; }
.contract-clock { min-width: 228px; gap: 8px; padding: 17px 19px; border-color: rgba(255,255,255,.12); border-radius: 17px; background: rgba(3,6,7,.44); }
.contract-clock > span { color: #a4aea7; font: 700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .1em; }
.contract-clock strong { color: #fff1dd; font-size: 21px !important; }
.contract-clock small { color: #aab3ad; font-size: 12px !important; }
.side-choice { padding: 24px 0; border-top-color: rgba(255,255,255,.1); border-bottom-color: rgba(255,255,255,.1); }
.side-choice-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.side-choice-head h3 { margin: 0; font-size: 22px; letter-spacing: -.04em; }
.side-choice-head p { max-width: 66ch; margin: 0; color: #b9c2bc; font-size: 13px; line-height: 1.6; }
.side-cards { gap: 15px; }
.side-card {
  position: relative;
  overflow: hidden;
  min-height: 264px;
  gap: 13px;
  padding: clamp(19px,2vw,28px);
  border: 1px solid rgba(225,232,224,.16);
  border-radius: 21px;
  background: radial-gradient(ellipse at 100% 0,rgba(255,255,255,.075),transparent 42%),linear-gradient(150deg,#171d20,#0d1113 70%);
  box-shadow: inset 0 1px rgba(255,255,255,.05),0 18px 42px rgba(0,0,0,.24);
}
.side-card::after { position: absolute; right: -12px; bottom: -71px; color: rgba(232,231,219,.035); content: attr(data-side); font: 800 140px/1 ui-sans-serif,system-ui,sans-serif; letter-spacing: -.1em; pointer-events: none; }
.side-card:hover[aria-disabled="false"] { transform: translateY(-3px); border-color: rgba(125,229,213,.52); box-shadow: 0 22px 46px rgba(0,0,0,.34),0 0 0 1px rgba(125,229,213,.13); }
.side-card[data-state="selected"] { border-color: rgba(125,229,213,.7); background: radial-gradient(ellipse at 88% 2%,rgba(61,203,183,.17),transparent 48%),linear-gradient(150deg,#192526,#0c1313 75%); box-shadow: inset 0 1px rgba(255,255,255,.08),0 0 0 2px rgba(125,229,213,.08),0 24px 50px rgba(0,0,0,.3); }
.side-card[data-state="blocked"] { opacity: .68; }
.side-card-top, .side-wording, .side-price, .side-facts, .side-source { position: relative; z-index: 1; }
.side-name { font: 760 clamp(30px,3vw,42px)/1 ui-sans-serif,system-ui,sans-serif; letter-spacing: -.065em; }
.side-chip { min-height: 32px; padding: 0 11px; border-color: rgba(255,255,255,.15); color: #c1c9c3; background: rgba(255,255,255,.035); font-size: 11px; }
.side-card[data-state="selected"] .side-chip { border-color: rgba(125,229,213,.48); color: var(--cyan); background: rgba(125,229,213,.07); }
.side-wording { max-width: 48ch; color: #e2e5de; font-size: 15px; line-height: 1.45; }
.side-price { gap: 3px; }
.side-price small, .side-facts small { color: #aab3ad; font-size: 12px; }
.side-price strong { color: #ffbf73; font-size: clamp(37px,4vw,52px); letter-spacing: -.065em; }
.side-card[data-state="selected"] .side-price strong { color: var(--cyan); }
.side-facts { gap: 10px; padding-top: 13px; border-color: rgba(255,255,255,.11); }
.side-facts b { color: #f1f0e9; font-size: 15px; }
.side-source { color: #b3bdb6; font-size: 12px; }
.direction-read {
  position: relative;
  overflow: hidden;
  margin-top: 20px;
  padding: clamp(19px,2.5vw,30px);
  border: 1px solid rgba(125,229,213,.24);
  border-radius: 22px;
  background: radial-gradient(ellipse at 100% 0,rgba(47,185,163,.2),transparent 42%),radial-gradient(ellipse at 0 100%,rgba(255,173,87,.09),transparent 44%),linear-gradient(145deg,#141d1e,#0c1113 78%);
  box-shadow: inset 0 1px rgba(255,255,255,.05),0 20px 45px rgba(0,0,0,.24);
}
.direction-read::after { position: absolute; top: -105px; right: 16%; width: 230px; height: 230px; border: 1px solid rgba(125,229,213,.08); border-radius: 50%; box-shadow: 0 0 0 23px rgba(125,229,213,.015),0 0 0 56px rgba(125,229,213,.01); content: ""; pointer-events: none; }
.direction-read-heading, .direction-read-score, .direction-evidence, .direction-why, .direction-read-meta, .direction-method, .direction-read-disclaimer { position: relative; z-index: 1; }
.direction-read-heading h3 { font-size: clamp(20px,2.4vw,27px); letter-spacing: -.045em; }
.direction-read-heading .eyebrow { color: #9edbd2; font-size: 10px; }
.direction-read-status { position: relative; z-index: 1; min-height: 38px; padding: 8px 13px; border-color: rgba(255,255,255,.16); color: #c5cec8; background: rgba(4,8,9,.5); font: 750 10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace; }
.direction-read-status[data-state="yes"], .direction-read-status[data-state="no"] { border-color: rgba(125,229,213,.38); color: var(--cyan); }
.direction-read-status[data-state="mixed"], .direction-read-status[data-state="error"] { border-color: rgba(255,173,87,.42); color: #ffc17e; }
.direction-read-warning { margin: 14px 0 0; color: #ffc17e; font-size: 13px; line-height: 1.5; }
.direction-read-score { gap: 13px; margin-top: 19px; }
.direction-lean-block, .direction-estimate { border-color: rgba(255,255,255,.12); border-radius: 17px; background: rgba(4,8,9,.53); box-shadow: inset 0 1px rgba(255,255,255,.035); }
.direction-lean-block { padding: 18px; }
.direction-lean-block small, .direction-evidence small { color: #b2bdb6; font: 700 10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .07em; }
.direction-lean-block strong { font-size: clamp(28px,4vw,48px); }
.direction-estimates { gap: 12px; }
.direction-estimate { min-height: 120px; padding: 17px; }
.direction-estimate span { color: #bac4bd; font: 700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; }
.direction-estimate strong { font-size: clamp(33px,4vw,47px); letter-spacing: -.06em; }
.direction-estimate-yes { border-color: rgba(125,229,213,.22); }
.direction-estimate-no { border-color: rgba(255,173,87,.2); }
.direction-evidence { gap: 10px; margin-top: 12px; }
.direction-evidence > div { padding: 15px; border-color: rgba(255,255,255,.1); border-radius: 15px; background: rgba(4,8,9,.4); }
.direction-evidence strong { font-size: clamp(20px,2.4vw,27px); letter-spacing: -.04em; }
.direction-evidence span { color: #bac3bd; font-size: 12px; line-height: 1.45; }
.direction-why { margin-top: 18px; padding: 16px 18px; border-left: 2px solid rgba(125,229,213,.55); border-radius: 0 14px 14px 0; background: rgba(125,229,213,.04); }
.direction-why h4 { color: #b6c9c2; font: 750 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .11em; }
.direction-why ul { gap: 8px; color: #e2e7df; font-size: 13px; line-height: 1.58; }
.direction-read-meta, .direction-read-disclaimer { color: #b1bcb5; font-size: 12px; line-height: 1.6; }
.direction-method { border-color: rgba(255,255,255,.1); }
.direction-method summary { min-height: 46px; color: var(--cyan); font-size: 13px; }
.direction-method p { color: #c1c9c1; font-size: 13px; line-height: 1.7; }
.quote-history-disclosure { border-color: rgba(255,255,255,.12); border-radius: 18px; background: rgba(5,8,9,.5); }
.quote-history-disclosure > summary { min-height: 74px; padding: 15px 19px; }
.quote-history-disclosure > summary span { font-size: 15px; }
.quote-history-disclosure > summary small { color: #b4bdb7; font-size: 12px; }
.quote-history-disclosure > summary::after { width: 38px; height: 38px; border-color: rgba(125,229,213,.28); color: var(--cyan); background: rgba(125,229,213,.06); }
.quote-history { border-color: rgba(255,255,255,.1); }
.quote-history h3 { font-size: 21px; }
.quote-history-meta, .quote-observed-times, .quote-history-note { color: #bdc5be; font-size: 13px; line-height: 1.55; }
.quote-plot-area { border-color: rgba(255,255,255,.1); background: linear-gradient(180deg,rgba(5,10,11,.68),rgba(10,14,15,.8)); }
.quote-chart-empty { color: #bdc5be; font-size: 13px; }
.quote-sample-scroll table { color: #e2e7df; font-size: 13px; }
.quote-sample-scroll th { color: #acb7af; }
.metrics-grid { gap: 0; overflow: hidden; margin: 0 0 20px; border: 1px solid rgba(255,255,255,.11); border-radius: 20px; background: linear-gradient(100deg,rgba(20,25,27,.92),rgba(12,15,17,.96)); box-shadow: 0 15px 40px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035); }
.metric-card {
  min-width: 0;
  min-height: 140px;
  gap: 9px;
  padding: 21px clamp(15px,2vw,25px);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.metric-card + .metric-card { border-left: 1px solid rgba(255,255,255,.09); }
.metric-card::after { position: absolute; right: 12px; bottom: -36px; width: 100px; height: 100px; border: 1px solid rgba(255,255,255,.035); border-radius: 50%; content: ""; pointer-events: none; }
.metric-label { position: relative; z-index: 1; color: #aab4ad; font: 700 10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace !important; letter-spacing: .075em !important; }
.metric-card > strong { position: relative; z-index: 1; overflow-wrap: anywhere; color: #f4f1e9; font-size: clamp(27px,2.7vw,39px); line-height: 1.05; letter-spacing: -.06em; }
.metric-card small { position: relative; z-index: 1; max-width: 30ch; color: #afb8b1; font-size: 12px !important; line-height: 1.48; }
.metric-amber > strong { color: #ffc17d; }
.metric-green > strong { color: var(--green); }
.calculator-panel, .recent-panel, .journal-panel, .settings-panel { padding: clamp(22px,3vw,36px); margin-bottom: 18px; }
.calc-layout { grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr); gap: 25px; }
.calc-inputs { gap: 16px; }
.calc-inputs > label, .settings-fields > label, .early-close-content > label { color: #b5beb7; font: 700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace !important; letter-spacing: .065em !important; }
input, select, textarea { min-height: 50px; border-color: rgba(230,235,228,.16); border-radius: 12px; color: #f3f1ea; background: rgba(5,8,9,.72); font-size: 16px !important; }
input::placeholder, textarea::placeholder { color: #89928d; }
textarea { min-height: 78px; line-height: 1.55; }
.input-with-prefix { min-height: 50px; border-color: rgba(230,235,228,.16); border-radius: 12px; background: rgba(5,8,9,.72); }
.input-with-prefix input { min-height: 48px; }
.input-with-prefix > span { color: #c6cec6; }
.rules-confirm { padding: 13px 14px !important; border-color: rgba(125,229,213,.18) !important; border-radius: 14px !important; color: #c5d0c8 !important; background: rgba(125,229,213,.045) !important; font-size: 13px !important; line-height: 1.55; }
.rules-confirm input { width: 20px; height: 20px; min-height: 20px; accent-color: var(--cyan); }
.calc-actions { gap: 12px; }
.calc-actions .primary-button { flex: 1 1 220px; }
.calc-message { color: #b5c0b8; font-size: 13px !important; line-height: 1.58; }
.payout-card { padding: clamp(20px,2.6vw,30px); border: 1px solid rgba(125,229,213,.2); border-radius: 21px; background: radial-gradient(ellipse at 100% 0,rgba(53,215,164,.14),transparent 42%),linear-gradient(150deg,#101918,#0a0f10 76%); }
.payout-top { color: #bac5bd; font: 750 10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .08em; }
.payout-mini-led { width: 8px; height: 8px; background: var(--green); box-shadow: 0 0 15px var(--green); }
.payout-big { gap: 7px; margin: 22px 0 18px; padding-bottom: 18px; }
.payout-big small { color: #b3beb6; font: 650 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .05em; }
.payout-big strong { color: var(--green); font-size: clamp(38px,4.7vw,58px); }
.payout-big #positionSummary { color: #bac4bd; font-size: 13px; line-height: 1.5; }
.payout-row { padding: 11px 0; color: #bac4bd; font-size: 13px; }
.payout-row strong { color: #f2f0e8; font-size: 15px; }
.payout-note { color: #9ea9a2; font-size: 12px; line-height: 1.6; }
.recent-panel { margin-top: 18px; }
.text-button, .link-button { min-height: 42px; color: var(--cyan); font-size: 13px; }
.empty-state { min-height: 168px; gap: 9px; color: #aab4ad; }
.empty-mark { width: 42px; height: 42px; border-color: rgba(125,229,213,.25); color: var(--cyan); font-size: 22px; }
.empty-state strong { color: #e6e8e1; font-size: 16px; }
.empty-state small { color: #aeb8b1; font-size: 13px; line-height: 1.55; }
.ticket-list { margin-top: 15px; }
.ticket-card { grid-template-columns: minmax(0,1.3fr) repeat(3,minmax(95px,.45fr)) auto; gap: 14px; padding: 16px 17px; border-color: rgba(255,255,255,.1); border-radius: 16px; margin: 8px 0; background: rgba(255,255,255,.025); }
.ticket-title small, .ticket-stat small { color: #a5b0a9; font: 650 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; }
.ticket-title strong { color: #f0f1e9; font-size: 15px; }
.ticket-title span { color: #b2bcb5; font-size: 12px; line-height: 1.5; }
.ticket-stat strong { color: #e6e9e2; font-size: 15px; }
.ticket-card .ticket-status { padding: 7px 10px; border-color: rgba(255,173,87,.25); font-size: 10px; }
.ticket-controls { gap: 7px; margin-top: 10px; }
.ticket-controls button { min-height: 34px; border-radius: 9px; padding: 0 10px; font-size: 11px; }
.journal-metrics { gap: 0; margin-top: 8px; }
.journal-panel { margin-top: 18px; }
.journal-note { margin-top: 17px; }
.reference-example { margin: 20px 0 8px; }
.reference-example > summary { color: #d2d8d1; font-size: 14px; }
.reference-example > summary span { color: #aab4ad; font-size: 12px; }
.reference-card { max-width: 570px; padding: 20px; border-color: rgba(255,173,87,.22); border-radius: 20px; }
.reference-head { font-size: 11px; }
.reference-body small, .reference-numbers small { font-size: 10px; }
.reference-body strong { font-size: 21px; }
.reference-body p { color: #b8c2bb; font-size: 12px; }
.reference-numbers strong { font-size: 25px; }
.reference-profit { font-size: 12px; }
.reference-profit strong { font-size: 15px; }
.guide-grid { gap: 16px; }
.guide-card { padding: clamp(20px,2.5vw,30px); }
.guide-number { color: #ffc17e; font: 750 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .09em; }
.guide-card h2 { margin: 15px 0 9px; font-size: clamp(19px,2vw,24px); letter-spacing: -.045em; }
.guide-card p, .guide-card li { color: #c0c8c1; font-size: 14px; line-height: 1.68; }
.guide-card ul { gap: 9px; margin-top: 14px; }
.guide-mascot { gap: 15px; margin-top: 19px; padding: 14px; border-color: rgba(255,255,255,.11); border-radius: 15px; background: rgba(255,255,255,.03); }
.guide-mascot img { width: 62px; height: 62px; }
.guide-mascot span { color: #c3d3cc; font: 700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; }
.flow-line { gap: 12px; padding: 16px; border-color: rgba(125,229,213,.14); border-radius: 14px; color: #bac4bd; background: rgba(125,229,213,.035); font: 700 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; }
.flow-line b { color: var(--amber); font-size: 16px; }
.roadmap { gap: 12px; margin-top: 18px; }
.roadmap > div { min-height: 160px; padding: 20px 18px 16px 24px; border-color: rgba(255,255,255,.11); border-radius: 16px; background: rgba(255,255,255,.025); }
.roadmap-dot { left: 10px; top: 24px; width: 6px; height: 6px; background: #64706a; }
.roadmap strong { color: #e4e8e0; font-size: 14px; }
.roadmap p { color: #abb6ae; font-size: 13px; line-height: 1.58; }
.settings-panel { margin-top: 18px; }
.settings-fields { gap: 14px; }
.settings-footnote, .footer-disclaimer { color: #adb7af; font-size: 12px; line-height: 1.65; }
.quote-history-heading h3 { font-size: 22px; }
.quote-history-heading p { color: #b5c0b8; font-size: 13px; }
.quote-history-status { font-size: 14px; }
.quote-legend { font-size: 12px; }
.quote-axis-title { color: #abb5ae; font: 700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; }
.quote-y-axis, .quote-x-axis { color: #abb5ae; font-size: 11px; }
.legal-gate { z-index: 90; background: rgba(3,5,6,.86); backdrop-filter: blur(22px) saturate(120%); }
.legal-gate::before { position: fixed; inset: 0; z-index: -1; background: radial-gradient(ellipse at 25% 20%,rgba(194,103,42,.2),transparent 35%),radial-gradient(ellipse at 82% 76%,rgba(45,166,152,.11),transparent 38%); content: ""; }
.legal-card { width: min(760px,100%); gap: 18px; padding: clamp(23px,4vw,42px); border-color: rgba(255,255,255,.17); border-radius: 28px; background: radial-gradient(ellipse at 100% 0,rgba(191,101,42,.1),transparent 40%),linear-gradient(150deg,#171b1d,#0b0e10 78%); box-shadow: 0 35px 110px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.06); }
.legal-head { gap: 15px; }
.legal-head img { width: 58px; height: 58px; filter: drop-shadow(0 0 18px rgba(255,173,87,.2)); }
.legal-kicker { color: #ffc17d; font: 700 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .1em; text-transform: uppercase; }
.legal-head h2 { margin: 5px 0 0; font-size: clamp(25px,4vw,34px); letter-spacing: -.06em; }
.legal-intro { color: #bec6bf; font-size: 14px; line-height: 1.65; }
.legal-checks { gap: 9px; }
.legal-checks label { min-height: 64px; gap: 14px; border-color: rgba(255,255,255,.11); border-radius: 15px; color: #e2e6de; background: rgba(255,255,255,.03); font-size: 14px; line-height: 1.55; }
.legal-checks label:has(input:checked) { border-color: rgba(125,229,213,.4); background: rgba(125,229,213,.06); }
.legal-checks input { width: 22px; height: 22px; flex-basis: 22px; accent-color: var(--cyan); }
.legal-links { gap: 10px 22px; }
.legal-links a { min-height: 42px; color: var(--cyan); font-size: 13px; }
.legal-continue { min-height: 56px; font-size: 15px; }
.legal-status { color: #c0c8c1; font: 650 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; }
.legal-review-row { border-top-color: rgba(255,255,255,.1); }
.legal-review-row strong { color: #eceee7; font-size: 14px; }
.legal-review-row small { color: #b2bcb5; font-size: 12px; }
.boot-screen {
  z-index: 100;
  background: radial-gradient(ellipse at 50% 40%,rgba(190,96,39,.18),transparent 30%),radial-gradient(ellipse at 50% 52%,rgba(43,159,146,.11),transparent 52%),#07090b;
}
.boot-screen::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(206,217,207,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(206,217,207,.025) 1px,transparent 1px); background-size: 68px 68px; content: ""; mask-image: linear-gradient(transparent,#000 18%,transparent 90%); pointer-events: none; }
.boot-frame { position: relative; z-index: 1; width: min(730px,100%); padding: clamp(22px,5vw,44px); }
.boot-stage { width: clamp(200px,31vw,280px); height: clamp(200px,31vw,280px); margin-bottom: 18px; }
.boot-stage::after { inset: 16px; border-color: rgba(255,255,255,.14); }
.boot-stage img { width: clamp(145px,22vw,202px); filter: drop-shadow(0 22px 48px rgba(255,133,44,.2)); }
.boot-orbit-amber { inset: -5px; border-top-color: rgba(255,189,117,.86); border-right-color: rgba(255,189,117,.19); }
.boot-orbit-cyan { inset: 14px; border-bottom-color: rgba(120,229,214,.75); border-left-color: rgba(120,229,214,.2); }
.boot-kicker { color: #ffc17d; font: 750 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .12em; }
.boot-title { margin: 0; color: #f5f1e9; font-size: clamp(32px,5vw,52px); font-weight: 620; letter-spacing: -.07em; line-height: 1; }
.boot-copy { margin: 12px 0 0; color: #c3cbc4; font-size: 16px; line-height: 1.5; }
.boot-progress { width: min(410px,85%); height: 4px; margin: 26px auto 23px; background: rgba(255,255,255,.13); }
.boot-progress span { background: linear-gradient(90deg,#b75a20,#ffc078,#85e7d5); box-shadow: 0 0 20px rgba(255,173,87,.42); }
.boot-status-grid { gap: 0; border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); }
.boot-status-grid > div { gap: 7px; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; }
.boot-status-grid > div + div { border-left: 1px solid rgba(255,255,255,.1); }
.boot-status-grid span { color: #abb5ae; font: 650 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .06em; text-transform: uppercase; }
.boot-status-grid strong { color: #eff0e9; font-size: 13px; }
.boot-status-grid > div:nth-child(2) strong { color: var(--cyan); }
.boot-status-grid > div:nth-child(3) strong { color: #ffc17d; }
.boot-note { color: #b2bcb5; font-size: 13px; line-height: 1.6; }
.toast { right: 24px; bottom: 24px; max-width: min(430px,calc(100% - 48px)); padding: 15px 18px; border-color: rgba(125,229,213,.3); border-radius: 15px; color: #e6f0e9; background: rgba(10,17,18,.96); font-size: 13px; box-shadow: 0 18px 45px rgba(0,0,0,.42); }
.early-close-dialog { max-width: min(620px,calc(100vw - 24px)); padding: 0; border-color: rgba(125,229,213,.25); border-radius: 25px; background: linear-gradient(148deg,#171e20,#0b0f11); box-shadow: 0 35px 100px rgba(0,0,0,.7); }
.early-close-content { gap: 17px; padding: clamp(22px,4vw,34px); }
.early-close-heading h2 { font-size: 26px; letter-spacing: -.055em; }
.icon-close { width: 42px; height: 42px; border-radius: 13px; border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.045); }
.ticket-read-snapshot { color: var(--cyan); font-size: 13px; line-height: 1.5; }
.numeric, .metric-card > strong, .state-meta strong, .contract-clock strong, .side-price strong, .side-facts b, .entry-quote strong, .payout-big strong, .payout-row strong, .ticket-stat strong, .direction-read strong, .reference-numbers strong, .reference-profit strong { font-variant-numeric: lining-nums tabular-nums; font-feature-settings: "tnum" 1,"lnum" 1; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .panel:hover { border-color: rgba(225,232,224,.2); box-shadow: 0 26px 65px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.055); }
}
@media (prefers-reduced-motion:no-preference) {
  @keyframes console-reveal { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes console-breathe { 50% { box-shadow: 0 0 34px rgba(255,173,87,.18),inset 0 0 24px rgba(255,173,87,.06); } }
  @keyframes console-sweep { to { transform: rotate(1turn); } }
  .view:not([hidden]) .page-heading { animation: console-reveal .55s cubic-bezier(.2,.7,.2,1) both; }
  .hero-mascot::after { animation: console-sweep 46s linear infinite; }
  .state-orb { animation: console-breathe 3.8s ease-in-out infinite; }
}
@media (max-width: 1180px) {
  .layout { grid-template-columns: 218px minmax(0,1fr); }
  .main-content { padding-right: 30px; padding-left: 30px; }
  .page-heading { min-height: 300px; }
  .hero-mascot { width: 225px; height: 225px; margin-right: 15px; }
  .calc-layout { grid-template-columns: minmax(0,1fr) minmax(260px,.72fr); }
}
@media (max-width: 900px) {
  .layout { grid-template-columns: 74px minmax(0,1fr); }
  .sidebar { align-items: center; padding-right: 10px; padding-left: 10px; }
  .nav-label, .nav-item > span:not(.nav-icon), .sidebar-note > div, .sidebar-legal { display: none; }
  .nav-item { justify-content: center; width: 52px; height: 52px; padding: 0; }
  .nav-icon { font-size: 21px; }
  .sidebar-note { padding: 14px; }
  .main-content { padding-right: 28px; padding-left: 28px; }
  .top-grid { grid-template-columns: minmax(0,1fr); }
  .scan-panel, .state-panel { min-height: 0; }
  .metric-card { min-height: 132px; }
  .ticket-card { grid-template-columns: minmax(0,1.2fr) repeat(2,minmax(90px,.4fr)) auto; }
  .ticket-stat:nth-of-type(4) { display: none; }
}
@media (max-width: 760px) {
  .topbar { height: 68px; padding: 0 17px; }
  .brand-mark { width: 42px; height: 42px; }
  .brand-copy strong { font-size: 12px; }
  .brand-copy small { max-width: 180px; font-size: 9px; }
  .topbar-right { gap: 7px; }
  .venue-chip { display: none; }
  .connection-chip { min-height: 32px; padding: 0 9px; font-size: 9px; }
  .install-button { min-height: 36px; padding: 0 11px; font-size: 12px; }
  .layout { display: block; min-height: calc(100vh - 68px); }
  .sidebar { display: none; }
  .main-content { width: 100%; padding: 21px 16px calc(104px + env(safe-area-inset-bottom)); }
  .page-heading { min-height: 276px; align-items: center; margin-bottom: 17px; padding: 24px 6px; }
  .page-heading:not(.compact-heading) { align-items: center; }
  .page-heading > div:first-child { max-width: 68%; }
  .page-heading::before { top: -12px; right: 0; font-size: 42vw; }
  .page-heading h1 { margin: 15px 0 12px; font-size: clamp(41px,9.4vw,66px); }
  .eyebrow { flex-wrap: wrap; font-size: 9px; letter-spacing: .07em; }
  .eyebrow-line { width: 18px; }
  .lede { font-size: 14px; line-height: 1.58; }
  .casebook-entry { gap: 3px 8px; }
  .casebook-entry > span { font-size: 9px; }
  .hero-mascot { width: 29vw; min-width: 105px; max-width: 170px; height: 29vw; min-height: 105px; max-height: 170px; margin: 7px -5px 0 0; }
  .hero-mascot img { width: 86%; }
  .hero-mascot > span { bottom: -8px; padding: 6px 8px; font-size: 8px; letter-spacing: .045em; }
  .notice-strip { align-items: flex-start; gap: 11px; min-height: 0; padding: 14px; margin-bottom: 14px; }
  .notice-strip p { display: grid; gap: 5px; }
  .notice-strip p span { font-size: 13px !important; }
  .mode-tag { display: none; }
  .core-path { grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 15px; }
  .core-path li { min-height: 54px; gap: 9px; padding: 8px 11px; font-size: 13px; }
  .core-path li + li::before { display: none; }
  .core-path li:nth-child(even) { border-left: 1px solid rgba(255,255,255,.08); }
  .core-path li:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.08); }
  .core-path b { width: 29px; height: 29px; }
  .top-grid { gap: 12px; margin-bottom: 13px; }
  .panel { border-radius: 21px; }
  .scan-panel, .state-panel, .contract-panel, .calculator-panel, .recent-panel, .journal-panel, .settings-panel { padding: 18px; }
  .panel-heading { align-items: flex-start; gap: 9px; }
  .panel-heading > div:first-child { gap: 9px; }
  .panel h2 { font-size: 17px; }
  .section-number { width: 30px; height: 30px; flex: 0 0 30px; }
  .micro-label { min-height: 28px; padding: 0 9px; font-size: 9px; letter-spacing: .03em; }
  .panel-copy { font-size: 14px !important; }
  .scan-actions { align-items: stretch; }
  .scan-actions .primary-button { flex: 1 1 100%; }
  .scan-status { min-height: 22px; }
  .source-footnote { align-items: flex-start; font-size: 11px !important; }
  .state-main { gap: 13px; margin: 21px 0 18px; }
  .state-orb { width: 54px; height: 54px; flex-basis: 54px; }
  .state-meta { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
  .state-meta span { font-size: 9px !important; }
  .state-meta strong { font-size: 14px !important; overflow-wrap: anywhere; }
  .state-foot { font-size: 11px !important; line-height: 1.5; }
  .contract-panel { margin-bottom: 14px; }
  .contract-main { align-items: start; gap: 14px; padding: 18px 0; }
  .contract-title-block { min-width: 0; }
  .contract-title-block h3 { font-size: clamp(20px,5.5vw,28px); overflow-wrap: anywhere; }
  .contract-title-block p { font-size: 13px !important; }
  .contract-clock { min-width: 0; width: 42%; padding: 12px; }
  .contract-clock strong { font-size: 15px !important; }
  .contract-clock small { font-size: 10px !important; line-height: 1.35; }
  .contract-clock > span { font-size: 9px; }
  .side-choice { padding: 18px 0; }
  .side-choice-head { display: block; margin-bottom: 13px; }
  .side-choice-head h3 { margin-bottom: 6px; font-size: 19px; }
  .side-choice-head p { font-size: 12px; line-height: 1.5; }
  .side-cards { gap: 10px; }
  .side-card { min-width: 0; min-height: 230px; gap: 11px; padding: 14px; border-radius: 17px; }
  .side-card::after { right: -7px; bottom: -33px; font-size: 92px; }
  .side-card-top { align-items: flex-start; flex-wrap: wrap; }
  .side-name { font-size: clamp(27px,7vw,35px); }
  .side-chip { min-height: 28px; padding: 0 8px; font-size: 10px; }
  .side-wording { font-size: 13px; }
  .side-price strong { font-size: clamp(30px,8vw,40px); }
  .side-price small, .side-facts small { font-size: 10px; }
  .side-facts { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; padding-top: 9px; }
  .side-facts b { font-size: 12px; }
  .side-source { font-size: 10px; line-height: 1.4; }
  .direction-read { margin-top: 14px; padding: 15px; border-radius: 18px; }
  .direction-read-heading { flex-direction: column; gap: 10px; }
  .direction-read-heading h3 { font-size: 19px; }
  .direction-read-heading .eyebrow { font-size: 9px; }
  .direction-read-status { min-height: 34px; max-width: 100%; font-size: 9px; }
  .direction-read-warning { font-size: 12px; }
  .direction-read-score { grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: 8px; margin-top: 14px; }
  .direction-lean-block, .direction-estimate { padding: 12px; border-radius: 14px; }
  .direction-lean-block small { font-size: 9px; }
  .direction-lean-block strong { font-size: clamp(21px,6vw,32px); }
  .direction-estimates { gap: 7px; }
  .direction-estimate { min-height: 90px; }
  .direction-estimate span { font-size: 9px; }
  .direction-estimate strong { font-size: clamp(26px,7vw,35px); }
  .direction-evidence { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin-top: 8px; }
  .direction-evidence-current { grid-column: 1 / -1; }
  .direction-evidence > div { gap: 3px; padding: 11px; border-radius: 12px; }
  .direction-evidence small { font-size: 9px; }
  .direction-evidence strong { font-size: 19px; }
  .direction-evidence span { font-size: 10px; }
  .direction-why { margin-top: 12px; padding: 12px; }
  .direction-why ul { padding-left: 16px; font-size: 12px; }
  .direction-read-meta, .direction-read-disclaimer { font-size: 11px; }
  .quote-history-disclosure { margin-top: 14px; }
  .quote-history-disclosure > summary { min-height: 68px; padding: 12px 14px; gap: 4px 9px; }
  .quote-history-disclosure > summary span { font-size: 13px; }
  .quote-history-disclosure > summary small { font-size: 10px; }
  .quote-history-disclosure > summary::after { width: 32px; height: 32px; }
  .quote-history-disclosure > .quote-history { padding: 14px 11px; }
  .quote-chart { grid-template-columns: 36px minmax(0,1fr); grid-template-rows: 190px 30px; }
  .metrics-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; border-radius: 17px; }
  .metric-card { min-height: 126px; padding: 15px; }
  .metric-card:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.08); }
  .metric-card:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.08); }
  .metric-card + .metric-card { border-left: 0; }
  .metric-label { font-size: 9px !important; }
  .metric-card > strong { font-size: clamp(25px,7vw,33px); }
  .metric-card small { font-size: 11px !important; }
  .calc-layout { grid-template-columns: minmax(0,1fr); gap: 15px; }
  .calc-inputs { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .calc-inputs > label, .settings-fields > label { font-size: 10px !important; }
  .calc-actions { display: grid; grid-template-columns: 1fr; }
  .calc-actions .primary-button { flex: initial; }
  .payout-card { padding: 19px; }
  .payout-big strong { font-size: 43px; }
  .ticket-card { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 15px; }
  .ticket-title { grid-column: 1 / -1; }
  .ticket-title strong { font-size: 14px; }
  .ticket-stat strong { font-size: 13px; }
  .ticket-card .ticket-status { justify-self: start; }
  .guide-grid { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .guide-wide { grid-column: auto; }
  .guide-card { padding: 19px; }
  .guide-card h2 { font-size: 21px; }
  .guide-card p, .guide-card li { font-size: 13px; }
  .flow-line { justify-content: flex-start; gap: 9px; font-size: 9px; }
  .roadmap { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .roadmap > div { min-height: 150px; padding: 17px 12px 13px 19px; }
  .roadmap strong { font-size: 12px; }
  .roadmap p { font-size: 11px; }
  .mobile-nav {
    position: fixed;
    right: 12px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    left: 12px;
    z-index: 30;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    min-height: 68px;
    padding: 7px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 22px;
    background: rgba(11,15,16,.92);
    box-shadow: 0 18px 55px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.045);
    backdrop-filter: blur(22px) saturate(140%);
  }
  .mobile-nav button { position: relative; gap: 4px; min-height: 52px; border: 0; border-radius: 15px; color: #aab4ad; background: transparent; font: 650 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; }
  .mobile-nav button span { font-size: 19px; }
  .mobile-nav button.active { color: var(--cyan); background: linear-gradient(180deg,rgba(125,229,213,.1),rgba(125,229,213,.025)); }
  .mobile-nav button.active::before { position: absolute; top: 2px; left: 50%; width: 18px; height: 2px; border-radius: 2px; background: var(--cyan); content: ""; transform: translateX(-50%); }
  .legal-gate { padding: max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom)); }
  .legal-card { gap: 14px; padding: 20px; border-radius: 22px; }
  .legal-head img { width: 46px; height: 46px; }
  .legal-kicker { font-size: 9px; }
  .legal-head h2 { font-size: 25px; }
  .legal-intro { margin: 0; font-size: 13px; }
  .legal-checks { gap: 7px; }
  .legal-checks label { min-height: 55px; padding: 11px; font-size: 12px; }
  .legal-checks input { flex-basis: 20px; width: 20px; height: 20px; }
  .legal-links { gap: 5px 12px; }
  .legal-links a { min-height: 36px; font-size: 11px; }
  .legal-continue { min-height: 50px; font-size: 14px; }
  .boot-frame { padding: 20px; }
  .boot-stage { width: 200px; height: 200px; }
  .boot-stage img { width: 145px; }
  .boot-status-grid { gap: 0; }
  .boot-status-grid > div { padding: 11px 8px; }
  .boot-status-grid span { font-size: 8px; letter-spacing: .02em; }
  .boot-status-grid strong { font-size: 11px; }
  .boot-note { font-size: 12px; }
  .early-close-dialog { padding: 0; }
  .early-close-content { padding: 20px; }
  .toast { right: 14px; bottom: calc(91px + env(safe-area-inset-bottom)); }
}
@media (max-width: 420px) {
  .brand-copy small { max-width: 143px; font-size: 8px; letter-spacing: .04em; }
  .connection-chip { max-width: 112px; white-space: normal; text-align: center; font-size: 8px; line-height: 1.15; }
  .main-content { padding-right: 13px; padding-left: 13px; }
  .page-heading { min-height: 250px; }
  .page-heading > div:first-child { max-width: 72%; }
  .page-heading h1 { font-size: clamp(38px,9.2vw,48px); }
  .hero-mascot { width: 26vw; min-width: 91px; height: 26vw; min-height: 91px; margin-right: -3px; }
  .hero-mascot > span { font-size: 7px; }
  .casebook-entry > span { max-width: 29ch; }
  .panel-heading { flex-wrap: wrap; }
  .state-meta { grid-template-columns: 1fr 1fr; }
  .state-meta > div:last-child { grid-column: 1 / -1; }
  .contract-main { display: block; }
  .contract-clock { width: 100%; margin-top: 14px; }
  .side-cards { grid-template-columns: 1fr; }
  .side-card { min-height: 215px; padding: 17px; }
  .side-card::after { right: 2px; bottom: -56px; font-size: 135px; }
  .side-name { font-size: 35px; }
  .side-price strong { font-size: 42px; }
  .side-facts b { font-size: 14px; }
  .direction-read-score { grid-template-columns: 1fr; }
  .direction-lean-block { grid-template-columns: 1fr auto; align-items: center; }
  .direction-estimate { min-height: 94px; }
  .calc-inputs { grid-template-columns: minmax(0,1fr); }
  .full-width { grid-column: auto; }
  .roadmap { grid-template-columns: minmax(0,1fr); }
  .roadmap > div { min-height: 0; }
  .boot-status-grid { grid-template-columns: minmax(0,1fr); }
  .boot-status-grid > div { grid-template-columns: 1fr auto; align-items: center; padding: 9px 12px; }
  .boot-status-grid > div + div { border-top: 1px solid rgba(255,255,255,.08); border-left: 0; }
  .boot-status-grid strong { text-align: right; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .boot-progress span, .boot-stage img, .hero-mascot img { transform: none !important; }
}

/* Cross-asset research estimate state; never style it as a directional trade signal. */
.direction-read[data-state="estimate"] { border-color: rgba(112,222,209,.38); }
.direction-read-status[data-state="estimate"] { border-color: rgba(255,173,87,.45); color: var(--amber); }
.direction-read[data-state="estimate"] .direction-lean-block strong { color: var(--cyan); }
.direction-evidence-current small { line-height: 1.35; }

/* JGMI multi-market radar */
.market-radar {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 18px 0 22px;
  padding: clamp(18px, 2.7vw, 30px);
  border-radius: 26px;
  border-color: rgba(111, 220, 205, .2);
  background:
    radial-gradient(ellipse at 100% 0%, rgba(27, 203, 169, .075), transparent 34%),
    radial-gradient(ellipse at 0% 100%, rgba(255, 91, 107, .045), transparent 30%),
    linear-gradient(145deg, rgba(18, 25, 28, .98), rgba(9, 13, 15, .99) 54%, rgba(13, 18, 20, .98));
  box-shadow: 0 26px 72px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.025);
}
.market-radar::before {
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(112,222,209,.72), rgba(255,173,87,.45), transparent);
  content: "";
}
.radar-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:22px; }
.radar-kicker { display:flex; align-items:center; gap:9px; color:#81bdb6; font:750 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.15em; }
.radar-kicker > span:not(.radar-kicker-mark) { color:#526563; }
.radar-kicker-mark { position:relative; width:9px; height:9px; border:1px solid rgba(112,222,209,.8); border-radius:50%; }
.radar-kicker-mark::after { position:absolute; inset:2px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px rgba(112,222,209,.8); content:""; }
.radar-heading h2 { margin:13px 0 6px; font-size:clamp(25px,3vw,36px); font-weight:740; letter-spacing:-.045em; }
.radar-heading p { max-width:640px; margin:0; color:#99a5a5; font-size:12px; line-height:1.65; }
.radar-heading-actions { display:grid; justify-items:end; gap:10px; flex:0 0 auto; }
.radar-updated { color:#748181; font:9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.06em; }
.radar-refresh-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:42px; padding:0 15px; border:1px solid rgba(112,222,209,.25); border-radius:13px; color:#dffaf4; background:linear-gradient(135deg,rgba(41,182,153,.16),rgba(20,47,45,.2)); font-size:11px; font-weight:700; cursor:pointer; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.radar-refresh-button:hover { transform:translateY(-1px); border-color:rgba(112,222,209,.58); background:linear-gradient(135deg,rgba(41,182,153,.24),rgba(20,47,45,.32)); }
.radar-refresh-button:disabled { opacity:.62; cursor:progress; }
.radar-refresh-button > span { color:var(--cyan); font-size:19px; line-height:1; }
.radar-refresh-button[aria-busy="true"] > span { animation:radar-spin 1.2s linear infinite; }
.radar-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:22px; padding-bottom:12px; border-bottom:1px solid rgba(124,147,148,.15); }
.radar-tabs { display:inline-flex; gap:5px; padding:4px; border:1px solid rgba(136,159,160,.13); border-radius:14px; background:rgba(4,7,8,.55); }
.radar-tabs button { min-height:35px; padding:0 14px; border:1px solid transparent; border-radius:10px; color:#849090; background:transparent; font-size:10px; font-weight:720; cursor:pointer; transition:background .2s ease,color .2s ease,border-color .2s ease; }
.radar-tabs button:hover { color:#dfe8e6; }
.radar-tabs button[aria-selected="true"] { border-color:rgba(112,222,209,.2); color:#b8f2e7; background:linear-gradient(180deg,rgba(66,181,160,.19),rgba(29,81,73,.13)); box-shadow:inset 0 1px rgba(255,255,255,.035),0 4px 18px rgba(0,0,0,.17); }
.radar-source { display:flex; align-items:center; gap:7px; color:#788483; font:8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; }
.radar-source-dot { width:6px; height:6px; border-radius:50%; background:#36d8a5; box-shadow:0 0 12px rgba(54,216,165,.65); }
.radar-legend { display:flex; flex-wrap:wrap; align-items:center; gap:9px 18px; padding:13px 0 5px; color:#889594; font-size:9px; }
.radar-legend span { display:inline-flex; align-items:center; gap:7px; }
.radar-legend i { display:inline-block; width:7px; height:7px; border-radius:50%; }
.legend-quote { background:#8e9b9c; }
.legend-guidance { background:var(--cyan); box-shadow:0 0 9px rgba(112,222,209,.55); }
.radar-legend-note { color:#d5a76e; }
.radar-state { display:flex; align-items:center; gap:9px; min-height:35px; margin:6px 0 12px; color:#849190; font-size:10px; }
.radar-state[data-state="loading"] { color:#bbd7d2; }
.radar-state[data-state="loading"]::before { width:8px; height:8px; border:1px solid rgba(112,222,209,.3); border-top-color:var(--cyan); border-radius:50%; content:""; animation:radar-spin .8s linear infinite; }
.radar-state[data-state="ready"]::before { width:6px; height:6px; border-radius:50%; background:#29d5a2; content:""; }
.radar-state[data-state="error"] { color:#ff9b92; }
.radar-state[data-state="error"]::before { width:7px; height:7px; border-radius:50%; background:#f17d6f; content:""; }
.radar-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.radar-grid[data-count="0"] { display:none; }
.radar-market-card, .radar-skeleton { min-width:0; border:1px solid rgba(129,150,151,.2); border-radius:21px; background:linear-gradient(150deg,rgba(17,22,24,.98),rgba(9,12,14,.98) 70%); box-shadow:inset 0 1px rgba(255,255,255,.025),0 14px 35px rgba(0,0,0,.17); }
.radar-market-card { position:relative; overflow:hidden; padding:18px; transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease; }
.radar-market-card::before { position:absolute; inset:0 auto 0 0; width:2px; background:linear-gradient(180deg,rgba(241,125,111,.52),rgba(112,222,209,.12) 64%,transparent); content:""; opacity:.72; }
.radar-market-card:hover { transform:translateY(-2px); border-color:rgba(112,222,209,.34); box-shadow:inset 0 1px rgba(255,255,255,.035),0 20px 44px rgba(0,0,0,.28); }
.radar-card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.radar-title-block { min-width:0; }
.radar-title-block h3 { margin:0; color:#ecf1ef; font-size:clamp(14px,1.7vw,17px); font-weight:720; line-height:1.35; letter-spacing:-.025em; }
.radar-live-row { display:flex; flex-wrap:wrap; align-items:center; gap:11px; margin-top:9px; }
.radar-live { display:inline-flex; align-items:center; gap:6px; color:#ff6470; font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; }
.radar-live i { width:7px; height:7px; border-radius:50%; background:#fb4e5e; box-shadow:0 0 10px rgba(251,78,94,.42); animation:radar-live-pulse 1.7s ease-in-out infinite; }
.radar-countdown { color:#ffb164; font:600 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; }
.radar-symbol { display:grid; place-items:center; flex:0 0 auto; width:37px; height:37px; border:1px solid rgba(255,173,87,.22); border-radius:12px; color:#ffc17c; background:linear-gradient(145deg,rgba(255,173,87,.19),rgba(121,62,27,.11)); font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.radar-market-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; margin-top:17px; }
.radar-target { min-width:0; display:grid; gap:5px; }
.radar-target > span, .radar-section-label { color:#6d7a7a; font:750 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; }
.radar-target strong { overflow:hidden; color:#d0d7d5; font-size:13px; font-weight:560; line-height:1.35; text-overflow:ellipsis; }
.radar-exchange-quotes { display:flex; justify-content:flex-end; gap:8px; }
.radar-quote-pill { display:grid; justify-items:center; align-content:center; gap:5px; min-width:74px; min-height:61px; padding:7px 11px; border:1px solid rgba(112,222,209,.16); border-radius:999px; background:linear-gradient(145deg,rgba(7,16,15,.76),rgba(5,9,10,.8)); }
.radar-quote-pill span { color:#7e8e8c; font:750 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.09em; }
.radar-quote-pill strong { color:#24d6aa; font-size:19px; font-weight:750; line-height:1; font-variant-numeric:tabular-nums; }
.radar-quote-pill.no { border-color:rgba(255,98,114,.18); }
.radar-quote-pill.no strong { color:#ff6272; }
.radar-chart-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:14px; margin-top:16px; padding:12px 0; border-top:1px solid rgba(255,255,255,.055); border-bottom:1px solid rgba(255,255,255,.055); }
.radar-spark-wrap { display:grid; gap:7px; min-width:0; }
.radar-sparkline { display:block; width:min(100%,250px); height:39px; overflow:visible; }
.radar-sparkline polyline { filter:drop-shadow(0 0 5px rgba(36,214,170,.36)); }
.radar-sparkline-fill { fill:rgba(36,214,170,.06); stroke:none; }
.radar-chart-empty { height:39px; display:flex; align-items:center; color:#637070; font-size:9px; }
.radar-window-moves { display:grid; grid-template-columns:repeat(3,minmax(42px,1fr)); gap:9px; }
.radar-window-moves > div { display:grid; gap:5px; justify-items:end; }
.radar-window-moves span { color:#687575; font:750 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.05em; }
.radar-window-moves b { color:#cbd4d2; font:650 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace; font-variant-numeric:tabular-nums; }
.radar-guidance { margin-top:13px; padding:12px 13px 11px; border:1px solid rgba(129,150,151,.14); border-radius:15px; background:linear-gradient(125deg,rgba(24,32,34,.8),rgba(13,18,20,.88)); }
.radar-guidance[data-state="yes"] { border-color:rgba(36,214,170,.23); background:linear-gradient(125deg,rgba(17,57,48,.33),rgba(13,18,20,.88)); }
.radar-guidance[data-state="no"] { border-color:rgba(255,98,114,.23); background:linear-gradient(125deg,rgba(71,29,35,.32),rgba(13,18,20,.88)); }
.radar-guidance-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.radar-guidance-top > div:first-child { display:grid; gap:7px; }
.radar-guidance-top > div:first-child strong { color:#cbd5d3; font-size:13px; font-weight:760; letter-spacing:.025em; }
.radar-guidance[data-state="yes"] .radar-guidance-top > div:first-child strong { color:#53e7bd; }
.radar-guidance[data-state="no"] .radar-guidance-top > div:first-child strong { color:#ff7783; }
.radar-score-pair { display:flex; gap:5px; }
.radar-score-pair > div { display:grid; justify-items:center; gap:4px; min-width:43px; padding:5px 8px; border:1px solid rgba(112,222,209,.15); border-radius:10px; background:rgba(3,8,9,.32); }
.radar-score-pair > div:last-child { border-color:rgba(255,98,114,.13); }
.radar-score-pair span { color:#7f918d; font:750 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.radar-score-pair b { color:#65dfc2; font:750 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace; font-variant-numeric:tabular-nums; }
.radar-score-pair > div:last-child b { color:#ff8991; }
.radar-guidance p { margin:9px 0 0; color:#99a5a3; font-size:9px; line-height:1.6; }
.radar-card-foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:7px 12px; margin-top:12px; color:#74807f; font:8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; }
.radar-inspect-button { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:40px; margin-top:12px; padding:0 12px; border:1px solid rgba(123,145,145,.15); border-radius:11px; color:#b8c4c1; background:rgba(3,7,8,.34); font-size:10px; font-weight:650; cursor:pointer; transition:border-color .18s ease,color .18s ease,background .18s ease; }
.radar-inspect-button span { color:var(--cyan); font-size:15px; }
.radar-inspect-button:hover { border-color:rgba(112,222,209,.35); color:#effaf6; background:rgba(31,92,80,.17); }
.radar-disclaimer { margin:13px 0 0; color:#677473; font-size:9px; line-height:1.55; }
.radar-skeleton { min-height:330px; padding:20px; display:grid; align-content:start; gap:17px; }
.radar-skeleton span, .radar-skeleton b, .radar-skeleton i, .radar-skeleton em { display:block; border-radius:9px; background:linear-gradient(100deg,rgba(141,160,158,.07),rgba(141,160,158,.15),rgba(141,160,158,.07)); background-size:220% 100%; animation:radar-shimmer 1.5s ease-in-out infinite; }
.radar-skeleton span { width:68%; height:17px; }
.radar-skeleton b { width:46%; height:61px; }
.radar-skeleton i { width:100%; height:68px; }
.radar-skeleton em { width:100%; height:75px; }
@keyframes radar-spin { to { transform:rotate(360deg); } }
@keyframes radar-live-pulse { 0%,100% { opacity:.55; box-shadow:0 0 3px rgba(251,78,94,.25); } 50% { opacity:1; box-shadow:0 0 12px rgba(251,78,94,.62); } }
@keyframes radar-shimmer { to { background-position:-220% 0; } }
@media (max-width: 760px) {
  .market-radar { margin:15px 0 19px; padding:18px 14px; border-radius:22px; }
  .radar-heading { align-items:flex-start; flex-direction:column; gap:14px; }
  .radar-heading h2 { margin-top:11px; font-size:28px; }
  .radar-heading-actions { display:flex; align-items:center; justify-content:space-between; width:100%; }
  .radar-toolbar { align-items:flex-start; flex-direction:column; margin-top:18px; gap:10px; }
  .radar-tabs { width:100%; }
  .radar-tabs button { flex:1 1 0; padding:0 8px; }
  .radar-grid { grid-template-columns:minmax(0,1fr); gap:10px; }
  .radar-market-card { padding:16px; border-radius:19px; }
  .radar-market-row { grid-template-columns:minmax(0,1fr) auto; gap:8px; }
  .radar-quote-pill { min-width:67px; min-height:57px; }
  .radar-quote-pill strong { font-size:17px; }
  .radar-chart-row { gap:9px; }
  .radar-window-moves { gap:6px; }
  .radar-window-moves b { font-size:9px; }
}
@media (max-width: 420px) {
  .radar-heading p { font-size:11px; }
  .radar-refresh-button { min-height:39px; padding:0 11px; font-size:10px; }
  .radar-tabs button { min-height:33px; font-size:9px; }
  .radar-source { font-size:7px; }
  .radar-legend { gap:8px 12px; font-size:8px; }
  .radar-market-row { grid-template-columns:minmax(0,1fr); }
  .radar-exchange-quotes { justify-content:flex-start; }
  .radar-quote-pill { min-width:88px; }
  .radar-chart-row { grid-template-columns:minmax(0,1fr); }
  .radar-window-moves { justify-content:space-between; }
  .radar-window-moves > div { justify-items:start; }
  .radar-guidance-top { align-items:flex-start; }
  .radar-guidance-top > div:first-child strong { font-size:12px; }
}


.radar-frame-grid { display:grid; grid-template-columns:repeat(4,minmax(42px,1fr)); gap:7px; align-self:center; }
.radar-frame-chip { display:grid; justify-items:center; gap:4px; min-width:0; padding:8px 5px; border:1px solid rgba(125,154,158,.14); border-radius:11px; background:rgba(4,8,9,.45); }
.radar-frame-chip small { color:#788785; font:750 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.radar-frame-chip b { color:#c4cecc; font:750 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.radar-frame-chip i { color:#a1adaa; font:650 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace; font-style:normal; }
.radar-frame-chip[data-direction="up"] { border-color:rgba(36,214,170,.18); }
.radar-frame-chip[data-direction="up"] b, .radar-frame-chip[data-direction="up"] i { color:#54d8b4; }
.radar-frame-chip[data-direction="down"] { border-color:rgba(255,98,114,.18); }
.radar-frame-chip[data-direction="down"] b, .radar-frame-chip[data-direction="down"] i { color:#ff7e88; }
.radar-provider { display:block; overflow:hidden; color:#697574; font:8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; text-overflow:ellipsis; white-space:nowrap; }
.radar-estimate-pair { display:flex; gap:6px; }
.radar-estimate-pair > div { display:grid; justify-items:center; gap:4px; min-width:54px; padding:6px 9px; border:1px solid rgba(36,214,170,.2); border-radius:12px; background:rgba(3,8,9,.32); }
.radar-estimate-pair > div:last-child { border-color:rgba(255,98,114,.18); }
.radar-estimate-pair span { color:#7f918d; font:750 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; }
.radar-estimate-pair b { color:#65dfc2; font:780 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace; font-variant-numeric:tabular-nums; }
.radar-estimate-pair > div:last-child b { color:#ff8991; }
.radar-guidance[data-state="estimate"] { border-color:rgba(112,222,209,.22); background:linear-gradient(125deg,rgba(22,64,57,.28),rgba(13,18,20,.88)); }
.radar-market-card[data-state="wait"] .radar-guidance { border-color:rgba(255,173,87,.16); }
.radar-market-card[data-state="wait"] .radar-guidance-top > div:first-child strong { color:#e4b879; }
.radar-guidance > small { display:block; margin-top:5px; color:#75827f; font:8px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace; }
@media (max-width: 760px) {
  .radar-tabs { width:100%; overflow-x:auto; scrollbar-width:none; }
  .radar-tabs::-webkit-scrollbar { display:none; }
  .radar-tabs button { flex:0 0 auto; padding:0 11px; }
  .radar-frame-grid { gap:5px; }
}
@media (max-width: 420px) {
  .radar-frame-chip { padding:7px 3px; }
  .radar-frame-chip i { font-size:7px; }
  .radar-estimate-pair > div { min-width:47px; padding:6px; }
  .radar-estimate-pair b { font-size:13px; }
}

.radar-short-moves { display:flex; gap:7px; margin-top:8px; }
.radar-short-move { display:flex; align-items:baseline; justify-content:space-between; gap:9px; min-width:76px; padding:5px 8px; border:1px solid rgba(129,150,151,.16); border-radius:9px; background:rgba(255,255,255,.025); }
.radar-short-move small { color:#74817f; font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; }
.radar-short-move b { color:#aeb9b7; font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.radar-short-move[data-direction="up"] b { color:#33d9a8; }
.radar-short-move[data-direction="down"] b { color:#ff737c; }
.radar-short-move[data-direction="unavailable"] b { color:#697575; }
.radar-short-move[data-direction="flat"] b { color:#c5b486; }
@media (max-width: 420px) {
  .radar-short-moves { gap:5px; }
  .radar-short-move { flex:1 1 0; min-width:0; padding:5px 6px; }
}