:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background:#0b1211; color:#e6ebe9; }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; background:radial-gradient(circle at 80% -10%,#183c2e 0,transparent 30rem),#0b1211; }
.sidebar { position:fixed; inset:0 auto 0 0; width:250px; padding:28px 18px; background:#0d1714; border-right:1px solid #263930; display:flex; flex-direction:column; }
.wordmark { color:#f0f6f2; text-decoration:none; font-size:20px; font-weight:700; letter-spacing:-.05em; }.wordmark span{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:6px;border-radius:7px;background:#80e2b4;color:#0a2117;font-size:15px}
.eyebrow{color:#91b7a4;font-size:11px;font-weight:700;letter-spacing:.13em;margin:18px 0 10px}.sidebar nav{display:grid;gap:5px}.nav-button{width:100%;text-align:left;color:#b7c8bf;background:transparent;border:0;border-radius:7px;padding:10px 12px;cursor:pointer}.nav-button:hover,.nav-button.active{color:#ecfff5;background:#1a3026}.sidebar-note{margin-top:auto;color:#789183;font-size:12px;line-height:1.55}
main{margin-left:250px;max-width:1500px;padding:42px clamp(22px,4vw,72px) 70px}header{display:flex;gap:25px;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #2b3d34;padding-bottom:27px}h1,h2,h3{letter-spacing:-.04em;margin:0;color:#f5faf7}h1{font-size:clamp(29px,4vw,48px)}h2{font-size:25px}h3{font-size:17px}.muted{color:#9cb0a5;line-height:1.55}.button{color:#092016;background:#7ee4b7;border:0;border-radius:7px;padding:11px 15px;font-weight:700;cursor:pointer;white-space:nowrap}.notice{margin:22px 0;padding:12px 15px;border:1px solid #355443;border-radius:8px;background:#11241b;color:#bce5ce}.section{scroll-margin-top:24px;margin:42px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.count{font-size:13px;color:#9db8aa;background:#193429;border-radius:20px;padding:4px 8px;vertical-align:middle}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:14px}.card,.panel{background:#101b17;border:1px solid #293c33;border-radius:10px;padding:18px}.card p{margin:7px 0 0}.card .value{font:700 27px/1.1 ui-monospace,SFMono-Regular,monospace;color:#a4ebc7}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.record{padding:14px;border-top:1px solid #26382f}.record:first-child{border-top:0}.record-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.tag{background:#1b382b;color:#a4eac5;padding:3px 7px;border-radius:20px;font-size:11px;font-weight:700}.small{font-size:12px}.json{display:none;overflow:auto;max-height:380px;margin-top:12px;padding:12px;background:#09100d;border:1px solid #23362d;border-radius:6px;color:#b7d4c3;font:12px/1.5 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap}.show-json{display:block}button.link{border:0;padding:5px 0;background:transparent;color:#8be0b5;cursor:pointer}.empty{color:#91a99c;padding:18px 0}details summary{cursor:pointer;color:#9eddb9}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #283a31;padding:10px 8px;vertical-align:top}th{color:#a9bdb2;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.warning{color:#ffc982}.status-failed{color:#ff9898}.status-succeeded{color:#9ee9bd}
@media(max-width:760px){.sidebar{position:static;width:auto;border-right:0;border-bottom:1px solid #263930;padding:18px}.sidebar nav{display:flex;overflow:auto}.nav-button{width:auto;white-space:nowrap}.sidebar-note{display:none}main{margin:0;padding:28px 18px}header,.section-heading{align-items:flex-start;flex-direction:column}.two-columns{grid-template-columns:1fr}}
.chart-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#09100d;margin-bottom:11px}

.study-page {
  --panel: #121d19;
  --line: #28382f;
  --muted: #8b9c92;
  --ink: #e6ebe9;
  --green: #96e5be;
}
.study-page .muted { color: var(--muted); }
.study-page .panel { background: var(--panel); border-color: var(--line); padding: 22px; }
.study-page .panel > p { font-size: 12px; }
.study-page .section-heading { align-items: center; margin: 0 0 20px; }
.study-page .section-heading .eyebrow { margin-bottom: 7px; }
.study-page button { color: inherit; background: none; border: 1px solid #32423c; border-radius: 7px; padding: 9px 13px; cursor: pointer; }
.study-page button:hover:not(:disabled) { border-color: #66cda4; background: #1d3027; }
.study-page button:disabled { cursor: not-allowed; opacity: .55; }
.study-page .plan-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 19px; }
.study-page .plan-card { min-width: 0; padding: 23px; background: var(--panel); border: 1px solid var(--line); border-radius: 11px; transition: border-color .15s; }
.study-page .plan-card:hover { border-color: #426e52; }
.study-page .card-head { display: flex; align-items: center; gap: 12px; margin-bottom: 17px; }
.study-page .card-head h3 { font-size: 21px; }
.study-page .card-head p { margin: 5px 0; }
.study-page .ticker-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 42px; flex-shrink: 0; background: #284535; color: #a6e6c1; border: 1px solid #3e5d49; border-radius: 8px; font-size: 20px; }
.study-page .direction { display: inline-block; margin-left: 6px; padding: 4px 6px; border-radius: 4px; color: #9bdfb8; background: #254b3533; font-size: 9px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; vertical-align: middle; }
.study-page .direction.short { color: #f2ab9f; background: #6c302a33; }
.study-page .grade { width: 62px; margin-left: auto; padding: 5px; border: 1px solid #436544; border-radius: 7px; background: #3a5d2a33; color: #c5e7a7; font-size: 24px; font-weight: 600; line-height: 1; text-align: center; }
.study-page .grade small { display: block; margin: 4px 0; color: var(--muted); font-size: 8px; font-weight: 500; line-height: 1.2; }
.study-page .grade-B { color: #dfdca7; }
.study-page .grade-C { color: #e9bf99; }
.study-page .spread { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.study-page .badge { display: inline-block; padding: 6px 9px; border: 1px solid var(--line); border-radius: 5px; color: var(--muted); font-size: 10px; letter-spacing: .025em; white-space: nowrap; }
.study-page .danger-text { color: #f2a699; }
.study-page .wt-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; overflow: hidden; margin: 19px 0 10px; border: 1px solid var(--line); border-radius: 7px; background: var(--line); }
.study-page .wt-grid div { padding: 11px 5px; background: var(--panel); text-align: center; }
.study-page .wt-grid span { display: block; margin-bottom: 4px; color: var(--muted); font-size: 9px; letter-spacing: .07em; }
.study-page .wt-grid strong { font-size: 13px; }
.study-page .score-breakdown { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 13px; color: var(--muted); font-size: 9px; }
.study-page .score-breakdown span { padding: 4px 6px; border: 1px solid var(--line); border-radius: 4px; }
.study-page .score-breakdown strong { margin-left: 3px; color: var(--ink); }
.study-page .operator-brief { margin: 15px 0; padding: 14px; border: 1px solid #3e5d49; border-radius: 8px; background: #294c331f; }
.study-page .operator-brief h4 { margin: 9px 0 5px; font-size: 14px; }
.study-page .operator-brief p { margin: 7px 0; }
.study-page .brief-status { display: inline-block; padding: 3px 6px; border: 1px solid #436544; border-radius: 4px; color: #a6e6c1; font-size: 9px; font-weight: 600; letter-spacing: .06em; }
.study-page .brief-status.conditional { border-color: #756d46; color: #dfdca7; }
.study-page .brief-status.no_trade { border-color: #754b46; color: #f2ab9f; }
.study-page table { width: 100%; border-collapse: collapse; font-size: 12px; }
.study-page th { color: var(--muted); font-size: 9px; font-weight: 500; letter-spacing: .07em; text-align: left; text-transform: uppercase; }
.study-page th, .study-page td { padding: 10px 5px; border-bottom: 1px solid var(--line); vertical-align: top; }
.study-page .ladder th:last-child, .study-page .ladder td:last-child { text-align: right; }
.study-page .conditional-ladder { margin-top: 8px; }
.study-page .conditional-ladder th:last-child, .study-page .conditional-ladder td:last-child { text-align: left; }
.study-page .ladder td:nth-child(2) { font-weight: 500; }
.study-page .risk-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 15px 0; }
.study-page .risk-row small { display: block; margin-bottom: 5px; color: var(--muted); font-size: 9px; }
.study-page .risk-row strong { font-size: 16px; }
.study-page .targets { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.study-page .targets div { padding: 12px 9px; border: 1px solid var(--line); border-radius: 6px; background: #294c3330; }
.study-page .targets span { display: block; color: var(--green); font-size: 10px; }
.study-page .targets strong { display: block; margin-top: 7px; font-size: 15px; }
.study-page .targets small { display: block; margin-top: 6px; color: var(--muted); font-size: 9px; line-height: 1.5; }
.study-page .thesis { margin-top: 16px; font-size: 12px; }
.study-page .thesis > p:first-child { font-weight: 500; }
.study-page .flags { display: flex; flex-wrap: wrap; gap: 5px; }
.study-page .flags span { padding: 5px 7px; border: 1px solid #8b6e323d; border-radius: 4px; color: #dfc19a; background: #77592022; font-size: 10px; }
.study-page details { margin: 20px 0; }
.study-page summary { cursor: pointer; color: var(--green); }
.study-page .research { padding-top: 12px; border-top: 1px solid var(--line); }
.study-page .research > strong { font-size: 11px; }
.study-page .research a { color: var(--green); }
.study-page .chart-links { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 19px 0; }
.study-page .chart-links button { padding: 9px 4px; border-color: var(--line); color: var(--muted); font-size: 10px; }
.study-page .empty { grid-column: 1 / -1; padding: 48px 25px; border: 1px dashed var(--line); border-radius: 10px; color: var(--muted); text-align: center; }
.study-page .empty > span { color: #729e81; font-size: 35px; }
.study-page .empty h3 { margin: 12px 0 5px; color: var(--ink); }
.study-page .empty p { max-width: 490px; margin: 0 auto; font-size: 12px; }
.modal-backdrop { position: fixed; inset: 0; z-index: 40; display: flex; align-items: center; justify-content: center; padding: 24px; background: #020904dc; }
.chart-modal { position: relative; width: fit-content; max-width: min(1920px, calc(100vw - 48px)); max-height: calc(100vh - 72px); }
.chart-modal img { display: block; width: auto; height: auto; max-width: 100%; max-height: calc(100vh - 72px); border-radius: 7px; object-fit: contain; }
.close-chart { position: absolute; top: -37px; right: 4px; padding: 0 10px; border: 1px solid #32423c; border-radius: 7px; background: #263b2b; color: #e6ebe9; font-size: 27px; cursor: pointer; }
@media (min-width: 1550px) { .study-page .plan-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1150px) { .study-page .plan-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .modal-backdrop { padding: 10px; } }
@media (max-width: 420px) {
  .study-page .plan-card { padding: 18px; }
  .study-page .card-head h3 { font-size: 19px; }
  .study-page .ticker-icon { width: 34px; height: 36px; }
  .study-page .grade { width: 54px; }
  .study-page .targets strong { font-size: 13px; }
  .study-page .targets div { padding: 10px 6px; }
  .study-page .risk-row strong { font-size: 14px; }
  .study-page .spread.small { align-items: flex-start; }
  .study-page .spread.small > .muted { max-width: 65%; font-size: 10px; line-height: 1.6; text-align: right; }
}