/* =============================================================
 NORTHSTAR v4.4 · MIDNIGHT GLASS
 Black-first Liquid Glass × restrained Frutiger Aero refractions.
 VISUAL ONLY. This sheet is placed last and changes no data,
 live market logic, paper strategy logic, or execution lock.
 No animations on actual financial values. Reduced-motion safe.
 ============================================================= */
:root{
  color-scheme:dark;
  --bg:#020305;--panel:#0a0d12;--surface:#101820;
  --side:#06090e;--line:rgba(185,226,236,.15);
  --line-light:rgba(184,234,243,.13);
  --text:#f3f8fb;--muted:#adbdc9;
  --mint:#9feeda;--mint-dark:#54bb9e;
  --amber:#f0c58c;--red:#fb929e;
  --terminal-gold:#b6e5ff;
  --terminal-softgold:#cceaf4;
  --terminal-shadow:0 24px 70px rgba(0,0,0,.38);
  --terminal-stroke:rgba(180,218,242,.18);
  --glass-edge:rgba(213,241,251,.23);
  --glass-surface:rgba(16,22,30,.70);
  --glass-soft:rgba(17,24,33,.59);
  --glass-text:#f5faff;
  --glass-muted:#b7c9d6;
  --glass-aqua:#92e4ed;
  --glass-mint:#a6f1d6;
  --glass-blue:#b4c9ff;
  --glass-amber:#f4d1a1;
  --glass-radius:22px;
  --glass-blur:blur(20px) saturate(1.45);
}
html{scroll-behavior:smooth;scroll-padding-top:26px}
body{
  background:
    radial-gradient(ellipse 35% 26% at 92% 3%,rgba(60,132,169,.095),transparent 78%),
    radial-gradient(ellipse 37% 27% at 12% 55%,rgba(31,104,112,.065),transparent 80%),
    radial-gradient(ellipse 26% 14% at 83% 88%,rgba(90,105,175,.075),transparent 78%),
    #020305;
  color:var(--glass-text);
  font:400 14px/1.58 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,sans-serif;
  -webkit-font-smoothing:antialiased;
  letter-spacing:0;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.016),transparent 32%,rgba(91,166,194,.012) 72%,transparent);
}
::selection{background:#38778b;color:white}
button,summary,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,summary:focus-visible,#price-chart:focus-visible{
  outline:2px solid #a4e6f4;outline-offset:3px;
}
h1,h2,h3,p{overflow-wrap:break-word}
.app-shell{align-items:stretch}
.main{background:transparent;min-width:0}
.page{max-width:1550px;padding:24px 32px 46px}

/* An inset, floating glass navigation rail. */
.sidebar{
  width:244px;flex-basis:244px;
  padding:25px 13px 17px;margin:0;
  border-right:1px solid rgba(198,229,242,.10);
  background:linear-gradient(159deg,rgba(18,25,34,.77),rgba(5,9,15,.78) 65%,rgba(9,17,22,.82));
  backdrop-filter:blur(28px) saturate(1.5);
  -webkit-backdrop-filter:blur(28px) saturate(1.5);
  box-shadow:inset -1px 0 rgba(255,255,255,.045),10px 0 42px rgba(0,0,0,.09);
}
.brand{
  padding:0 9px 20px;gap:10px;
  border-bottom:1px solid rgba(198,228,241,.13);
}
.brand-symbol{
  width:39px;flex:0 0 39px;font-family:inherit;font-size:34px;
  color:#b4f2ff;text-shadow:0 0 30px rgba(149,224,250,.36);
}
.brand-name{
  font:730 15px/1.08 -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif;
  letter-spacing:-.5px;color:#fff;white-space:normal;
}
.brand-name strong{color:#d1ecf8}
.brand-name small{
  color:#a8c6d3;font-weight:650;font-size:9px;line-height:1.4;font-family:inherit;
  letter-spacing:1.05px;margin-top:8px;
}
.sidebar-label,.nav-section-label{
  color:#89a2b3;font-weight:680;font-size:10px;line-height:1.5;font-family:inherit;letter-spacing:1.3px;
}
.sidebar-label{margin:26px 12px 12px}
.sidebar-label::before,.nav-section-label::before{content:"";display:none}
.nav{gap:5px}
.nav-section-label{
  padding:15px 4px 0;margin:16px 9px 9px;
  border-color:rgba(186,222,238,.12);
}
.nav-link{
  gap:12px;min-height:42px;padding:11px 12px;
  border:1px solid transparent;border-radius:12px;
  color:#b7c7d1;background:transparent;
  font-weight:620;font-size:12px;line-height:1.45;font-family:inherit;letter-spacing:0;
  transition:background .15s,border-color .15s,color .15s,transform .15s;
}
.nav-link span{
  width:21px;font-family:inherit;font-size:18px;color:#8ca6b3;
}
.nav-link:hover{
  background:rgba(164,225,237,.085);
  border-color:rgba(219,245,255,.13);color:#eefaff;
  transform:translateX(1px);
}
.nav-link.active{
  color:#f1fcff;border-color:rgba(223,246,255,.25);
  background:linear-gradient(125deg,rgba(145,214,239,.22),rgba(81,144,174,.055));
  box-shadow:inset 0 1px rgba(244,251,255,.15),0 6px 22px rgba(8,21,29,.26);
}
.nav-link.active::before{display:none}
.nav-link.active span{color:#bcf1fa}
.sidebar-spacer{min-height:22px}
.side-status{
  padding:17px 14px;
  border:1px solid rgba(195,229,238,.19);border-radius:17px;
  background:linear-gradient(155deg,rgba(94,150,157,.10),rgba(15,22,28,.72));
  box-shadow:inset 0 1px rgba(255,255,255,.07);
}
.side-status::before{display:none}
.side-status .tiny-label{color:#b3dae3}
.side-status strong{
  font-weight:700;font-size:13px;line-height:1.3;font-family:inherit;color:#e3fff0;letter-spacing:.1px;margin:12px 0 8px;
}
.side-status p{font-size:11px;line-height:1.72;color:#bbccd1}
.lock-line{
  color:#ffe0b4;background:rgba(73,47,27,.27);
  border:1px solid rgba(250,209,150,.27);border-radius:9px;
  font-weight:650;font-size:10px;line-height:1.55;font-family:inherit;margin-top:15px;padding:10px 9px;
}
.side-foot{
  padding:19px 10px 0;color:#8da9b3;
  font-weight:630;font-size:10px;font-family:inherit;letter-spacing:.25px;
}
.side-foot span{color:#a7ddeb}
.green-dot{background:#85ebc2;box-shadow:0 0 0 3px rgba(119,238,190,.10)}

/* Glass header, not a command shell. */
.topbar{
  height:68px;padding:0 32px;
  background:linear-gradient(180deg,rgba(19,25,32,.77),rgba(12,17,24,.60));
  backdrop-filter:blur(20px) saturate(1.6);
  -webkit-backdrop-filter:blur(20px) saturate(1.6);
  border-bottom:1px solid rgba(227,243,255,.13);
  box-shadow:0 5px 25px rgba(0,0,0,.16);
}
.crumbs{
  color:#d2e1e9;font-weight:670;font-size:11px;line-height:1.3;font-family:inherit;letter-spacing:.4px;
}
.crumbs span{color:#88bfcf;margin:0 10px}
.crumbs .crumb-star{
  margin:0 9px 0 0;color:#d9efff;font-size:17px;text-shadow:0 0 17px rgba(179,224,255,.4);
}
.topbar-actions{gap:13px}
.status-pill{
  background:rgba(21,80,64,.32);color:#b9f7d9;
  border:1px solid rgba(144,244,194,.28);
  border-radius:999px;padding:8px 13px;
  font-weight:670;font-size:10px;line-height:1.25;font-family:inherit;letter-spacing:.35px;
}
.status-pill.warn{color:#ffe0b4;background:rgba(90,57,30,.37);border-color:rgba(244,198,131,.37)}
.status-pill.error{color:#ffc0ce;background:rgba(93,44,56,.35);border-color:rgba(241,134,156,.3)}
.utc-clock{color:#b6cad4;font:570 12px inherit}
.refresh-btn{
  width:35px;height:35px;background:rgba(172,222,240,.085);
  border:1px solid rgba(216,246,255,.23);
  border-radius:12px;color:#e5faff;
  box-shadow:inset 0 1px rgba(255,255,255,.06);font-size:20px;
}
.refresh-btn:hover{background:rgba(132,218,246,.15)}
.terminal-command{
  margin:0 0 15px;padding:11px 16px;
  background:linear-gradient(112deg,rgba(29,40,52,.67),rgba(17,25,31,.49));
  border:1px solid rgba(217,243,253,.18);
  border-radius:14px;box-shadow:inset 0 1px rgba(255,255,255,.07),0 6px 24px rgba(0,0,0,.10);
  color:#c7dbe5;font-weight:590;font-size:11px;line-height:1.55;font-family:inherit;letter-spacing:0;
  backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
}
.terminal-command .cmd-prompt{color:#b3ebef;font-weight:760}
.terminal-command .cmd-text{color:#c3d6dd}
.terminal-command .cmd-right{color:#9bb6c1;font-size:10px;gap:13px}
.terminal-command .cmd-right b{color:#b4f1d8}
.terminal-command .cmd-right strong{color:#ffd9a4}

/* The hero is an illuminated black glass slab with an aquatic orbit. */
.hero{
  position:relative;isolation:isolate;
  grid-template-columns:minmax(0,1fr) minmax(210px,230px);
  min-height:245px;align-items:center;padding:35px 38px;
  gap:24px;overflow:hidden;
  border:1px solid rgba(223,246,255,.25);border-radius:27px;
  background:
    radial-gradient(ellipse 38% 90% at 78% 24%,rgba(74,194,206,.20),transparent 75%),
    radial-gradient(ellipse 60% 70% at 105% 92%,rgba(84,108,204,.12),transparent 74%),
    linear-gradient(112deg,rgba(18,26,35,.95),rgba(8,15,23,.88) 72%,rgba(18,33,39,.92));
  box-shadow:0 26px 65px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.12),inset 0 -2px rgba(134,204,234,.08);
}
.hero::before{
  content:"";pointer-events:none;display:block;
  position:absolute;inset:0;z-index:0;height:auto;width:auto;
  border-radius:inherit;
  background:
    radial-gradient(ellipse 27% 88% at 86% 50%,rgba(163,235,248,.15),transparent 78%),
    linear-gradient(158deg,rgba(255,255,255,.105),transparent 28%,transparent 76%,rgba(124,214,240,.06));
  opacity:1;box-shadow:none;
}
.hero::after{
  content:"";display:block;pointer-events:none;
  position:absolute;inset:0;z-index:0;border-radius:inherit;
  background:url("terminal-orbit.svg") no-repeat right -12px center/auto 122%;
  opacity:.56;filter:hue-rotate(80deg) saturate(.70);
  -webkit-mask-image:linear-gradient(90deg,transparent 44%,#000 73%);
  mask-image:linear-gradient(90deg,transparent 44%,#000 73%);
}
.hero-text,.hero-panel{position:relative;z-index:1}
.eyebrow,.section-number,.tiny-label{
  color:#a7d1db;font-weight:710;font-size:10px;line-height:1.5;font-family:inherit;letter-spacing:1.18px;
}
.eyebrow{gap:8px}
.signal-glyph{color:#a2ecf1;font-size:17px;text-shadow:0 0 19px rgba(93,216,234,.4)}
.hero-line{background:rgba(180,235,246,.39);width:26px}
.hero h1{
  color:#f5faff;
  font:780 clamp(38px,4.25vw,61px)/1.07 -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif;
  letter-spacing:-2.7px;margin:16px 0 13px;text-shadow:none;
}
.hero h1 em{
  color:#c2f6ff;font-style:normal;
  text-shadow:0 0 36px rgba(124,214,231,.18);
}
.hero p{font-size:13px;line-height:1.72;max-width:600px;color:#c8d8e2}
.hero-tags{margin-top:21px;gap:8px}
.hero-tags span{
  padding:8px 11px;border:1px solid rgba(215,245,255,.22);
  border-radius:999px;background:rgba(37,63,75,.34);
  color:#d0e9ec;font-weight:630;font-size:10px;line-height:1.3;font-family:inherit;letter-spacing:.15px;box-shadow:none;
}
.hero-tags span::before,.hero-tags span::after{content:none}
.hero-panel{
  padding:19px 17px;min-height:0;
  border:1px solid rgba(214,241,251,.23);border-radius:18px;
  background:linear-gradient(140deg,rgba(75,111,126,.29),rgba(16,27,37,.64) 65%,rgba(15,29,33,.72));
  box-shadow:inset 0 1px rgba(255,255,255,.16),0 12px 33px rgba(0,0,0,.25);
  backdrop-filter:blur(16px) saturate(1.35);
  -webkit-backdrop-filter:blur(16px) saturate(1.35);
}
.hero-panel::before{display:none;content:none}
.hero-panel .tiny-label{color:#abd7e0;font-weight:650;font-size:10px;font-family:inherit;letter-spacing:.55px}
.secure-mark{color:#a5f6d5;text-shadow:0 0 12px rgba(122,242,200,.3)}
.hero-panel-main{
  color:#c2fce3;font:750 25px/1.18 -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif;
  letter-spacing:-.8px;margin:17px 0 14px;
}
.hero-panel-main span{
  color:#f0f9fb;font-weight:670;font-size:12px;line-height:1.5;font-family:inherit;letter-spacing:.25px;
}
.panel-rule{background:rgba(207,236,248,.18);margin-bottom:12px}
.hero-panel-foot{font-weight:620;font-size:10px;line-height:2;font-family:inherit;color:#a9c2c9}
.hero-panel-foot strong{color:#ffe0b4;font-size:10px}
.disclosure{
  border:1px solid rgba(248,207,143,.22);
  border-radius:15px;background:rgba(60,43,28,.30);
  box-shadow:none;margin:14px 0 27px;padding:13px 16px;
  color:#d9caba;font-size:11px;line-height:1.72;
}
.disclosure-icon{color:#f5d2a5}
.disclosure b{color:#ffdfa9;font-weight:750;font-size:11px;font-family:inherit;letter-spacing:0}
.section-head{margin-bottom:15px}
.section-head h2{
  font:750 27px/1.25 -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif;
  letter-spacing:-.95px;color:#f3f9fc;margin:4px 0 0;
}
.section-head h2::before{content:none}
.section-number{color:#96b9c9;font-size:10px;letter-spacing:1.0px}
.section-number::before{content:none}
.section-meta{color:#bdcdd5;font:530 11px/1.5 inherit}

/* Liquid Glass surface system: bright refractive edge, dark interior. */
.panel,.metric{
  border:1px solid rgba(216,244,255,.18);
  border-radius:var(--glass-radius);
  background:linear-gradient(143deg,rgba(54,75,91,.29),rgba(15,23,32,.70) 34%,rgba(9,16,24,.79) 85%,rgba(47,74,81,.20));
  box-shadow:0 14px 46px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.055);
}
.panel{overflow:hidden;position:relative;isolation:isolate}
.panel::before{
  content:"";display:block;position:absolute;z-index:0;
  left:0;right:0;top:0;width:auto;height:1px;
  background:linear-gradient(90deg,transparent 5%,rgba(228,250,255,.37) 31%,rgba(255,255,255,.08) 68%,transparent 95%);
  box-shadow:none;pointer-events:none;
}
.panel::after{content:none;display:none}
.panel>*,.panel article{position:relative;z-index:1}
.panel-top{padding:22px 23px 15px;gap:12px}
.panel-top h3,.forward-panel .panel-top h3,.validation-panel .panel-top h3,.method-panel h3{
  color:#f5faff;
  font:745 21px/1.22 -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif;
  letter-spacing:-.55px;margin:5px 0 4px;
}
.panel-top h3::before{content:none}
.panel-top p{color:#b4c8d1;font-size:12px;line-height:1.66;max-width:675px}
.interval,.tag-small,.tag-muted{
  border-radius:999px;background:rgba(91,170,192,.12);
  border:1px solid rgba(152,226,240,.22);
  color:#c7f1fb;font-weight:680;font-size:10px;line-height:1.25;font-family:inherit;
  letter-spacing:.22px;padding:7px 11px;
}
.tag-muted{
  color:#ffe0b5;background:rgba(140,94,51,.18);
  border-color:rgba(242,199,140,.25);
}
.metrics{gap:12px;margin-bottom:18px}
.metric{
  min-height:125px;padding:19px 19px;overflow:hidden;position:relative;
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
.metric::before{
  content:"";position:absolute;left:0;right:0;top:0;bottom:auto;
  height:1px;width:auto;background:linear-gradient(90deg,transparent,rgba(236,251,255,.26),transparent);
}
.metric::after{display:none}
.metric:hover{
  background:linear-gradient(145deg,rgba(73,107,119,.34),rgba(17,27,35,.74));
  border-color:rgba(191,246,254,.32);
  transform:translateY(-2px);box-shadow:0 19px 48px rgba(0,0,0,.25);
}
.metric-label{color:#a8bfcb;font-weight:720;font-size:10px;line-height:1.35;font-family:inherit;letter-spacing:.75px}
.metric-label span{
  min-width:29px;height:29px;border-radius:10px;
  background:rgba(113,187,202,.13);border:1px solid rgba(165,235,248,.20);
  color:#b1f5fb;font-size:15px;
}
.metric-number{
  color:#f5fbff;font:760 34px/1.17 -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif;
  letter-spacing:-1.3px;margin:13px 0 5px;
}
.metric-number.small-metric{
  font:745 20px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif;
  letter-spacing:-.4px;
}
.metric-desc{font-size:11px;color:#a5bac5}

/* Market instruments with liquid-aqua glass toggles. */
.market-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.85fr);gap:14px;margin-bottom:16px}
.chart-panel{border-color:var(--glass-edge);box-shadow:0 14px 46px rgba(0,0,0,.20)}
.chart-panel::before{display:block}
.market-pickers{padding:0 21px;margin-bottom:14px;gap:7px}
.market-tab,.live-tape-tab{
  border:1px solid rgba(202,235,249,.16);border-radius:12px;
  background:rgba(120,174,191,.075);color:#bfced9;
  font-weight:680;font-size:11px;line-height:1.3;font-family:inherit;padding:9px 14px;
  transition:background .16s,border-color .16s,transform .16s,color .16s;
}
.market-tab:hover,.live-tape-tab:hover{
  background:rgba(126,219,232,.15);color:white;border-color:rgba(184,244,253,.39);
  transform:translateY(-1px);
}
.market-tab.selected,.live-tape-tab.selected{
  color:#071921;background:linear-gradient(160deg,#d5f8ff,#9de3f0);
  border-color:rgba(239,254,255,.75);
  box-shadow:inset 0 1px rgba(255,255,255,.92),0 7px 19px rgba(94,200,226,.16);
}
.market-tab.selected span{color:#275164}
.chart-summary{padding:0 22px 13px}
.chart-summary .tiny-label{color:#a9cbd7}
.price-line strong{
  color:#f0faff;font:760 clamp(25px,2.4vw,35px)/1.18 -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif;
  letter-spacing:-1.1px;
}
.change-pill{
  border-radius:999px;padding:6px 10px;font-weight:690;font-size:10px;font-family:inherit;
  color:#bdf3da;background:rgba(57,125,100,.24);border-color:rgba(118,219,175,.23);
}
.change-pill.negative{color:#ffc1ca;background:rgba(144,68,92,.20);border-color:rgba(232,143,165,.27)}
.chart-time{color:#b0c5d0;font:600 10px/1.65 inherit}
.chart-time b{color:#e1f6ff;font:660 11px inherit}
.chart-frame{
  height:268px;background:
    linear-gradient(rgba(173,228,244,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(173,228,244,.045) 1px,transparent 1px),
    rgba(4,10,17,.75);
  background-size:55px 55px,55px 55px,auto;
  border-top:1px solid rgba(187,223,238,.12);
}
.chart-tooltip{
  background:rgba(15,30,39,.93);color:#eafff7;
  border:1px solid rgba(171,240,251,.34);border-radius:12px;
  box-shadow:0 14px 26px rgba(0,0,0,.4);
}
.chart-foot{border-color:rgba(192,228,244,.12);color:#a5bdc9;font:610 10px/1.5 inherit}
.chart-foot span:nth-child(2){color:#9ab7c2}
.chart-hint{color:#aabfc9;font-size:11px}
.radar-panel{border-color:var(--glass-edge)}
.watchlist{padding:0 14px;gap:7px}
.watch-row{
  min-height:70px;padding:13px 14px;margin:0 0 7px;
  border:1px solid rgba(199,235,249,.11);border-radius:13px;
  background:rgba(83,123,140,.085);
  box-shadow:inset 0 1px rgba(255,255,255,.03);
  transition:background .18s,border-color .18s,transform .18s;
}
.watch-row.selected{
  background:linear-gradient(110deg,rgba(107,191,202,.22),rgba(86,122,151,.09));
  border-color:rgba(169,238,242,.39);
  box-shadow:inset 0 1px rgba(255,255,255,.13);
}
.watch-row:hover{background:rgba(92,159,180,.16);border-color:rgba(199,245,251,.32);transform:translateY(-1px)}
.coin-icon,.coin-icon.eth,.coin-icon.sol{
  border:1px solid rgba(174,230,243,.21);border-radius:12px;
  background:linear-gradient(140deg,rgba(146,196,220,.21),rgba(69,96,131,.12));
  color:#daf5fc;box-shadow:none;
}
.asset-id strong,.asset-price strong{
  color:#eefaff;font:730 13px -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,sans-serif;
}
.asset-price strong{font-size:16px}
.watch-row .asset-id small,.watch-row .asset-price small{font-size:11px;color:#b2c7d0}
.radar-foot{border-color:rgba(200,234,247,.13);font-weight:630;font-size:10px;font-family:inherit;color:#a7c4d0}
.radar-foot .schedule{color:#b5eff5}

/* A luminous, dark, submerged glass live-market cockpit. */
.live-tape-panel{
  margin:0 0 18px;
  border:1px solid rgba(180,242,246,.30);
  box-shadow:0 19px 55px rgba(0,0,0,.23),0 0 52px rgba(63,147,185,.055),inset 0 1px rgba(255,255,255,.13);
  background:
    radial-gradient(ellipse 40% 65% at 5% 0%,rgba(88,153,177,.13),transparent 72%),
    linear-gradient(143deg,rgba(45,65,80,.35),rgba(9,16,25,.78) 55%,rgba(7,17,22,.82));
}
.live-tape-panel::before{
  content:"";position:absolute;display:block;top:0;left:9%;right:11%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(221,250,254,.47),transparent);
}
.live-tape-layout{
  grid-template-columns:minmax(0,1.7fr) minmax(265px,.79fr);
  padding:0 16px 16px;gap:14px;
}
.live-tape-chart-panel{
  border:1px solid rgba(185,238,248,.23);border-radius:18px;
  background:radial-gradient(ellipse 65% 30% at 80% 0%,rgba(77,164,186,.11),transparent 80%),rgba(3,12,19,.68);
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 9px 30px rgba(0,0,0,.19);
}
.live-tape-topline{padding:23px 23px 9px}
.live-tape-big strong{
  color:#effbff;font:790 clamp(27px,2.8vw,41px)/1.11 -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif;
  letter-spacing:-1.45px;text-shadow:0 0 25px rgba(159,235,245,.13);
}
.live-tape-big span{font-weight:700;font-size:11px;font-family:inherit;color:#abc3cc}
.live-tape-big span[data-direction="up"]{color:#a8f4d2}
.live-tape-big span[data-direction="down"]{color:#ffc1ca}
.live-tape-ts{font-weight:600;font-size:11px;line-height:1.6;font-family:inherit;color:#b9d1dc}
.live-tape-ts small{font-weight:560;font-size:10px;font-family:inherit;color:#a0b8c4}
.live-tape-ts small[data-stale="true"]{color:#ffdbab}
.live-tape-picker{padding:10px 23px;gap:7px}
#live-tape-chart{
  height:250px;border-color:rgba(190,232,247,.10);
  background:
    linear-gradient(rgba(177,224,244,.042) 1px,transparent 1px),
    linear-gradient(90deg,rgba(177,224,244,.042) 1px,transparent 1px),
    rgba(4,13,19,.5);
  background-size:55px 55px,55px 55px,auto;
}
.live-tape-foot{padding:12px 23px;color:#a5bdc9;font:620 10px/1.5 inherit}
.live-tape-markets{gap:9px}
.live-tape-market{
  padding:15px 15px;border:1px solid rgba(180,222,235,.16);
  border-radius:15px;background:linear-gradient(130deg,rgba(80,119,139,.19),rgba(13,27,38,.30));
  box-shadow:inset 0 1px rgba(255,255,255,.07);
}
.live-tape-market>span{color:#e0f5fc;font:740 12px inherit}
.live-tape-market>span small{color:#a8c6d2;font-weight:610;font-size:9px;font-family:inherit;letter-spacing:.5px}
.live-tape-market>strong{font:780 18px -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif;color:#f2fbff}
.live-tape-market>small{font-weight:600;font-size:10px;font-family:inherit;color:#a7d4cf}
.live-tape-market>small[data-stale="true"]{color:#ffdaa6}
.live-tape-notice{
  padding:15px;border:1px solid rgba(235,211,172,.18);
  border-radius:15px;background:rgba(58,47,42,.18);
}
.live-tape-notice>b{color:#e9d5b3;font:740 11px inherit}
.live-tape-notice p{color:#c6cad0;font-size:11px;line-height:1.73}
.live-tape-notice a{color:#b4f0fa;font:670 11px inherit}
.live-tape-status{
  border-radius:999px;font-weight:720;font-size:10px;line-height:1.3;font-family:inherit;
  letter-spacing:.2px;color:#deebf2;
  background:rgba(111,139,163,.19);border-color:rgba(217,245,254,.25);
}
.live-tape-status::before{background:#f1c77f;box-shadow:0 0 8px rgba(254,203,116,.4)}
.live-tape-status[data-state="healthy"]{
  background:rgba(39,112,86,.26);
  border-color:rgba(131,246,193,.33);color:#c8ffe4;
}
.live-tape-status[data-state="healthy"]::before{
  background:#8af0bd;box-shadow:0 0 10px rgba(122,244,188,.53);
  animation:none;
}

/* Research gets readable cards, unambiguous warnings and generous rows. */
.forward-panel,.validation-panel,.reliability-panel{border-color:var(--glass-edge);margin-bottom:17px}
.forward-overview,.validation-overview{gap:10px;padding:0 19px 19px}
.coverage-stats>div,.forward-overview>div,.validation-overview>div{
  border:1px solid rgba(201,237,248,.16);border-radius:15px;
  background:linear-gradient(138deg,rgba(74,107,129,.17),rgba(13,25,34,.24));
  box-shadow:inset 0 1px rgba(255,255,255,.04);padding:16px;
}
.coverage-stats{gap:10px}
.coverage-stats strong{font:780 24px -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif;color:#eaf8ff}
.coverage-stats span,.forward-overview span,.validation-overview small{
  color:#a9bfca;font-weight:670;font-size:10px;line-height:1.5;font-family:inherit;letter-spacing:.45px;
}
.forward-overview strong,.validation-overview strong{
  font:785 27px/1.15 -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif;
  color:#f0faff;
}
.validation-overview #validation-review{color:#c2f6dd}
.validation-overview #validation-status{font-weight:760;font-size:18px;font-family:inherit;color:#ffdcad}
.validation-rules{padding:0 19px 17px;gap:8px}
.validation-rules span{
  border-radius:10px;background:rgba(99,146,156,.10);border-color:rgba(201,233,242,.14);
  font-weight:650;font-size:10px;line-height:1.5;font-family:inherit;color:#bcd0d9;padding:8px 10px;
}
.validation-rules b{color:#d4eef4}
.paper-disclaimer,.validation-disclaimer{
  border-color:rgba(242,201,137,.20);border-radius:11px;
  background:rgba(73,53,33,.24);color:#ddccb3;
  font-size:11px;line-height:1.8;
}
.validation-disclaimer{padding:15px 19px}
.timeline-body{padding:0 19px 19px}
.window-label,.timeline-legend{color:#b6cad0;font:650 10px inherit}
.window-bar{height:29px;border-radius:6px}
.timeline-window.verified .window-bar{
  background:linear-gradient(180deg,#8fe0cb,#337f77);border-color:rgba(181,248,228,.35);box-shadow:none;
}
.timeline-window.partial .window-bar{background:#b88a55;border-color:#deaf7b}
.timeline-window.unrecorded .window-bar{background:#263444;border-color:#485b6b}
.timeline-note{color:#8faab8!important}
.table-wrap{scrollbar-color:#638b98 #101821}
thead{background:rgba(80,117,140,.15)}
table{border-collapse:collapse}
th{
  color:#c6deea;font-weight:730;font-size:10px;line-height:1.6;font-family:inherit;
  letter-spacing:.6px;padding:14px 15px;
  border-bottom:1px solid rgba(197,239,248,.20);white-space:nowrap;
}
td{
  color:#c9d9e0;font-weight:520;font-size:12px;line-height:1.6;font-family:inherit;
  padding:14px 15px;border-top:1px solid rgba(190,225,237,.09);
}
td:first-child{color:#effbff;font-weight:740}
tbody tr:nth-child(even){background:rgba(76,106,133,.055)}
tbody tr:hover{background:rgba(125,185,203,.11)}
td.empty-cell{color:#a9c0cb;font-weight:550;font-size:12px;line-height:1.55;font-family:inherit;padding:26px 16px}
.good-tag,.bad-tag{border-radius:999px;font-weight:730;font-size:10px;line-height:1.3;font-family:inherit;padding:6px 10px}
.good-tag{color:#c0f7d8;background:rgba(43,125,89,.23);border-color:rgba(137,235,182,.24)}
.bad-tag{color:#f7d8ac;background:rgba(141,89,47,.20);border-color:rgba(234,185,119,.24)}
.validation-more summary{color:#b2f0fb;font:700 11px/1.5 inherit}
.validation-more ul{color:#c9d9e0}
.validation-more li{color:#bfced7}
.method-panel{
  background:linear-gradient(137deg,rgba(52,75,91,.23),rgba(9,18,26,.79));
  border:1px solid var(--glass-edge);border-radius:22px;
  box-shadow:0 14px 39px rgba(0,0,0,.16);padding:25px;gap:22px;
}
.method-panel h3{color:#f3faff;font-weight:750;font-size:22px;line-height:1.2;font-family:inherit;letter-spacing:-.5px}
.method-panel h3::before{content:none}
.method-panel p{font-size:12px;color:#b7cbd5;line-height:1.8}
.method-items>div{background:rgba(73,111,129,.13);border-color:rgba(195,237,252,.15);border-radius:13px}
.method-items span{color:#b0ebed;font-family:inherit}
.method-items b{color:#f1f9fc;font:740 11px inherit}
.method-items small{color:#b2c6cf;font-size:11px}
.footer{color:#94aeb9;font-weight:580;font-size:10px;line-height:1.5;font-family:inherit;border-color:rgba(198,232,246,.14)}
.footer span:first-child{color:#badbe9}
.footer span b{color:#9db5be}
section[id],article[id]{scroll-margin-top:24px}

/* Backdrop material degrades to solid dark glass on unsupported browsers. */
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .sidebar{background:#0b1119}
  .topbar{background:#0b121a}
  .terminal-command{background:#17202b}
  .hero-panel{background:#18252e}
}
/* Simple optical highlight only, never a distracting finance animation. */
@media(min-width:851px){
  .sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4b6b7e transparent}
}
@media(max-width:1270px){
  .sidebar{width:224px;flex-basis:224px}
  .page{padding:22px 23px 39px}
  .topbar{padding:0 23px}
}
@media(max-width:1090px){
  .market-grid,.live-tape-layout{grid-template-columns:1fr}
  .live-tape-markets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .live-tape-market{grid-template-columns:1fr;min-width:0}
  .live-tape-market>strong{justify-self:start}
  .live-tape-market>small{grid-column:1;text-align:left}
  .live-tape-notice{grid-column:1/-1}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
  .sidebar{
    position:static;min-height:0;height:auto;width:100%;flex-basis:auto;
    padding:13px 14px 12px;border-right:none;
    border-bottom:1px solid rgba(216,239,251,.18);
  }
  .brand{padding:0 0 12px;margin:0 0 7px}
  .nav{display:flex;gap:7px;padding:0 0 4px;overflow-x:auto;scrollbar-width:thin}
  .nav-link{
    min-height:38px;flex:none;padding:9px 13px;
    border:1px solid rgba(207,231,247,.16);border-radius:999px;
    background:rgba(135,180,200,.065);
  }
  .nav-section-label,.sidebar-label,.side-status,.side-foot,.sidebar-spacer{display:none}
  .hero{grid-template-columns:minmax(0,1fr) minmax(175px,210px)}
  .terminal-command .cmd-right{gap:8px}
}
@media(max-width:620px){
  .page{padding:15px 12px 30px}
  .topbar{height:58px;padding:0 13px}
  .crumbs{font-size:10px;letter-spacing:.1px}
  .crumbs span{margin:0 6px}
  .topbar-actions{gap:8px}
  .status-pill{font-size:9px;padding:7px 9px}
  .utc-clock{display:none}
  .terminal-command{padding:10px 12px;margin:0 0 12px;align-items:flex-start}
  .terminal-command .cmd-left{min-width:0;gap:5px}
  .terminal-command .cmd-prompt{flex:none;font-size:10px}
  .terminal-command .cmd-text{font-size:10px}
  .terminal-command .cmd-right{align-items:flex-end;gap:5px;flex-direction:column;font-size:9px}
  .hero{
    grid-template-columns:1fr;padding:25px 19px;
    gap:15px;min-height:0;border-radius:23px;
  }
  .hero::after{background-size:auto 74%;background-position:right -20px top 4px;opacity:.28}
  .hero h1{font-size:clamp(36px,10vw,48px);letter-spacing:-1.75px;margin:14px 0 9px}
  .hero p{font-size:12px}
  .hero-panel{padding:15px;border-radius:16px;width:100%;max-width:none}
  .hero-panel-main{font-size:23px;margin:10px 0 11px}
  .hero-panel-main span{font-size:11px}
  .hero-tags{margin-top:16px;gap:6px}
  .hero-tags span{padding:6px 9px;font-size:9px}
  .disclosure{padding:12px;margin:11px 0 22px}
  .section-head h2{font-size:23px}
  .section-meta{font-size:10px}
  .metric{padding:15px 12px;min-height:112px;border-radius:18px}
  .metric-number{font-size:29px}
  .metric-number.small-metric{font-size:17px}
  .metric-label{font-size:9px;letter-spacing:.25px}
  .metric-desc{font-size:10px}
  .panel{border-radius:19px}
  .panel-top{padding:18px 14px 12px}
  .panel-top h3,.forward-panel .panel-top h3,.validation-panel .panel-top h3{font-size:19px}
  .panel-top p{font-size:11px}
  .interval,.tag-small,.tag-muted{font-size:9px;padding:6px 8px}
  .live-tape-layout{padding:0 10px 12px}
  .live-tape-chart-panel{border-radius:16px}
  .live-tape-topline{padding:16px 13px 8px}
  .live-tape-big strong{font-size:clamp(24px,7vw,34px)}
  .live-tape-big span{font-size:10px}
  .live-tape-ts{font-size:10px}
  .live-tape-picker{padding:8px 13px}
  #live-tape-chart{height:205px}
  .live-tape-foot{padding:10px 13px;font-size:9px}
  .live-tape-markets{grid-template-columns:1fr;gap:7px}
  .live-tape-market{grid-template-columns:1fr auto;border-radius:13px}
  .live-tape-market>strong{justify-self:end}
  .live-tape-market>small{grid-column:2;text-align:right}
  .live-tape-notice{grid-column:auto}
  .market-pickers{padding:0 13px}
  .chart-summary{padding:0 13px 10px}
  .chart-frame{height:233px}
  .chart-foot{padding:10px 13px}
  .coverage-stats{gap:7px}
  .coverage-stats>div{padding:12px;border-radius:12px}
  .coverage-stats strong{font-size:20px}
  .coverage-stats span{font-size:10px}
  .timeline-body{padding:0 12px 14px}
  .forward-overview,.validation-overview{gap:8px;padding:0 12px 13px}
  .forward-overview>div,.validation-overview>div{padding:11px;border-radius:12px}
  .forward-overview strong,.validation-overview strong{font-size:21px}
  .validation-overview #validation-status{font-size:15px}
  .validation-rules{padding:0 12px 12px}
  .method-panel{padding:17px;border-radius:19px}
  .method-panel h3{font-size:19px}
  .footer{font-size:10px}
  th{font-size:10px;padding:11px}
  td{padding:12px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .metric,.nav-link,.market-tab,.live-tape-tab,.watch-row{transition:none}
  .metric:hover,.market-tab:hover,.live-tape-tab:hover,.watch-row:hover,.nav-link:hover{transform:none}
}


/* ===========================================================
 NORTHSTAR v4.5: GLASS DEPTH / AQUA OPTICAL REFINEMENT
 Static highlights, no decorative fake prices or trading activity.
 =========================================================== */
:root{
 --glass-prism:linear-gradient(118deg,rgba(254,255,255,.30) 0%,rgba(146,246,238,.21) 22%,rgba(94,169,244,.12) 44%,rgba(218,186,253,.12) 67%,rgba(217,252,246,.24) 88%,rgba(255,255,255,.09));
}
/* Aqua lighting belongs at the edges. The canvas stays black. */
body{
 background:
   radial-gradient(ellipse 19% 22% at 97% 2%,rgba(67,171,199,.105),transparent 80%),
   radial-gradient(ellipse 27% 36% at -10% 48%,rgba(37,145,129,.07),transparent 85%),
   radial-gradient(ellipse 20% 13% at 85% 88%,rgba(86,88,198,.055),transparent 85%),
   #020305;
}
.hero{
 background:
  radial-gradient(ellipse 32% 82% at 87% 28%,rgba(85,183,218,.20),transparent 78%),
  radial-gradient(ellipse 36% 62% at 66% 96%,rgba(88,160,206,.10),transparent 80%),
  linear-gradient(112deg,rgba(17,26,34,.97),rgba(7,12,19,.94) 65%,rgba(12,26,31,.97));
 box-shadow:0 29px 75px rgba(0,0,0,.37),inset 0 1px rgba(255,255,255,.19),inset 0 -1px rgba(121,222,231,.12);
}
.hero::before{
 background:
  radial-gradient(ellipse 10% 90% at 85% 19%,rgba(228,252,255,.17),transparent 85%),
  radial-gradient(ellipse 42% 34% at 67% -4%,rgba(120,244,224,.06),transparent 78%),
  linear-gradient(161deg,rgba(255,255,255,.13),transparent 25%,transparent 75%,rgba(108,224,240,.075));
}
.hero-panel{
 box-shadow:inset 0 1px rgba(255,255,255,.20),inset 1px 0 rgba(232,250,255,.08),0 14px 36px rgba(0,0,0,.30);
}
.hero-tags span{
 background:linear-gradient(141deg,rgba(164,214,241,.14),rgba(31,66,72,.16));
 box-shadow:inset 0 1px rgba(255,255,255,.11);
}
.live-tape-panel{
 background:
  radial-gradient(ellipse 29% 42% at 2% 0%,rgba(122,235,224,.095),transparent 86%),
  radial-gradient(ellipse 22% 35% at 99% 100%,rgba(122,142,236,.07),transparent 82%),
  linear-gradient(141deg,rgba(44,67,77,.38),rgba(7,14,21,.94) 62%,rgba(11,21,28,.94));
 box-shadow:0 25px 65px rgba(0,0,0,.33),0 0 56px rgba(38,138,160,.06),inset 0 1px rgba(255,255,255,.16);
}
.live-tape-panel>.panel-top{
 border-bottom:1px solid rgba(226,250,255,.07);margin-bottom:17px;
}
.live-tape-chart-panel{
 background:
  radial-gradient(ellipse 56% 28% at 56% 0%,rgba(79,178,191,.085),transparent 83%),
  radial-gradient(ellipse 34% 65% at 102% 100%,rgba(79,135,180,.045),transparent 84%),
  rgba(3,11,18,.76);
 box-shadow:inset 0 1px rgba(255,255,255,.09),inset 0 -3px 23px rgba(16,57,68,.14),0 17px 42px rgba(0,0,0,.25);
}
.live-tape-chart-panel::before{
 content:"";pointer-events:none;position:absolute;display:block;
 top:0;left:12%;right:12%;height:1px;z-index:2;
 background:linear-gradient(90deg,transparent,rgba(231,253,255,.60),rgba(107,226,241,.18),transparent);
}
.live-tape-market{
 background:
  linear-gradient(146deg,rgba(110,168,193,.16),rgba(20,43,50,.12) 53%,rgba(18,30,45,.13)),
  rgba(10,20,29,.64);
 box-shadow:inset 0 1px rgba(245,254,255,.13),inset 0 -1px rgba(121,219,233,.055),0 9px 23px rgba(0,0,0,.10);
}
.live-tape-market:hover{
 border-color:rgba(171,235,243,.32);
 background:linear-gradient(133deg,rgba(112,187,207,.20),rgba(22,44,55,.26));
}
.metrics .metric{
 box-shadow:inset 0 1px rgba(255,255,255,.10),0 15px 44px rgba(0,0,0,.21);
}
/* Small static holographic corner in metric cards, not a status indicator. */
.metrics .metric::after{
 display:block;content:"";position:absolute;right:0;top:0;
 width:46%;height:48%;opacity:.56;pointer-events:none;
 border-radius:0 21px 0 100%;
 background:radial-gradient(ellipse at 100% 0,rgba(119,207,233,.16),transparent 77%);
 border:0;mask:none;
}
.panel,.method-panel{backdrop-filter:blur(12px) saturate(1.25);-webkit-backdrop-filter:blur(12px) saturate(1.25)}
.panel:focus-within{border-color:rgba(192,239,251,.31)}
.metric-label,.tiny-label,.section-number{letter-spacing:.65px}
.panel-top h3{letter-spacing:-.6px}
.live-tape-telemetry{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:8px;padding:12px 17px;
 border-top:1px solid rgba(190,235,247,.10);
 background:linear-gradient(90deg,rgba(94,168,177,.045),rgba(76,119,155,.065));
}
.live-tape-telemetry>div{
 display:flex;flex-direction:column;min-width:0;gap:6px;
 padding:10px 12px;
 border:1px solid rgba(198,235,246,.15);
 border-radius:12px;
 background:linear-gradient(155deg,rgba(125,177,195,.11),rgba(20,31,45,.13));
 box-shadow:inset 0 1px rgba(255,255,255,.07);
}
.live-tape-telemetry span{
 color:#a9c4d0;font:700 9px/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,sans-serif;
 letter-spacing:.65px;
}
.live-tape-telemetry strong{
 display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;
 white-space:nowrap;font:760 clamp(14px,1.3vw,19px)/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif;
 letter-spacing:-.25px;color:#e6faff;font-variant-numeric:tabular-nums;
}
.live-tape-telemetry>div:nth-child(2) strong{color:#c3f3e9}
.live-tape-telemetry>div:nth-child(3) strong{color:#bddcf2}
.live-tape-foot{padding-top:12px;padding-bottom:15px;line-height:1.65}
.live-tape-foot span:first-child{font-size:9px;letter-spacing:.45px}
.live-tape-status[data-state="waiting"]{background:rgba(132,99,55,.23);border-color:rgba(252,204,140,.21);color:#f4d3a1}
/* Keep all market values legible if browser cannot blur the panels. */
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
 .panel,.method-panel{background:#101923}
 .live-tape-panel{background:#0b1721}
 .live-tape-chart-panel{background:#07131b}
 .live-tape-market{background:#162630}
}
@media(max-width:620px){
 .live-tape-panel>.panel-top{margin-bottom:12px}
 .live-tape-telemetry{padding:10px 11px;gap:6px}
 .live-tape-telemetry>div{padding:10px 9px;gap:5px;border-radius:10px}
 .live-tape-telemetry span{font-size:8px;letter-spacing:.1px}
 .live-tape-telemetry strong{font-size:clamp(12px,3.4vw,16px)}
 .live-tape-foot span:first-child{font-size:8px}
}
@media(prefers-reduced-transparency:reduce){
 .sidebar,.topbar,.terminal-command,.panel,.metric,.live-tape-panel,.live-tape-chart-panel,
 .live-tape-market,.hero-panel,.method-panel{
  backdrop-filter:none;-webkit-backdrop-filter:none;
  background-color:#111c26;
 }
}


/* Northstar crystal compass logo: site branding and compact glass navigation. */
.brand-mark{
  display:block;flex:0 0 46px;
  width:46px;height:46px;object-fit:contain;
  filter:drop-shadow(0 0 9px rgba(100,211,248,.24));
  transition:filter .2s ease,transform .2s ease;
}
.brand:hover .brand-mark{
  filter:drop-shadow(0 0 13px rgba(111,224,254,.43));
  transform:scale(1.03);
}
.brand-name{flex:1;min-width:0}
.crumb-mark{
  display:inline-block;flex:0 0 23px;
  width:23px;height:23px;vertical-align:middle;
  object-fit:contain;filter:drop-shadow(0 0 6px rgba(112,218,247,.24));
}
@media(max-width:620px){
  .brand-mark{width:40px;height:40px;flex-basis:40px}
  .crumb-mark{width:21px;height:21px;flex-basis:21px}
}
@media(prefers-reduced-motion:reduce){
  .brand-mark{transition:none}
  .brand:hover .brand-mark{transform:none}
}