:root{--red:#dc2626;--green:#16a34a;--yellow:#ca8a04;--bg2:#080808;--bg3:#0d0d0d;--brd:#1a1a1a;--brd2:#222}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:#000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e2e8f0;overflow-x:hidden;min-width:300px}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:11px;color:#555;letter-spacing:.06em;text-transform:uppercase;padding:1.1rem 2rem;border-bottom:.5px solid #111}.breadcrumb a{color:#555;text-decoration:none}.breadcrumb a:hover{color:#dc2626}.breadcrumb span{color:#dc2626}
.nav{display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;height:58px;background:#000;border-bottom:.5px solid var(--brd2);position:sticky;top:0;z-index:100}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-logo img{width:26px;height:26px;object-fit:contain}
.nav-logo-text{font-size:13px;font-weight:700;color:#fff;letter-spacing:.1em;text-transform:uppercase}
.nav-links{display:flex;gap:2rem}.nav-links a{font-size:13px;color:#666;text-decoration:none;transition:color .15s}.nav-links a:hover{color:#fff}
.nav-links a.active{color:#fff}
.nav-cta{font-size:11px;color:var(--red);border:.5px solid var(--red);padding:6px 16px;border-radius:3px;text-decoration:none;letter-spacing:.06em;text-transform:uppercase}
.nav-cta:hover{background:var(--red);color:#fff}

.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:transparent;border:none;z-index:200}
.hamburger span{display:block;width:22px;height:2px;background:#888;border-radius:1px;transition:all .25s}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-menu{display:none;position:fixed;top:58px;left:0;right:0;background:#000;border-bottom:.5px solid #222;z-index:99;flex-direction:column;padding:.5rem 0}
.mobile-menu.open{display:flex}
.mobile-menu a{font-size:14px;color:#888;text-decoration:none;padding:.85rem 1.5rem;border-bottom:.5px solid #0a0a0a;transition:color .15s}
.mobile-menu a:hover{color:#fff}
@media(max-width:900px){.hamburger{display:flex}}
.ticker-wrap{background:#050505;border-bottom:.5px solid var(--brd);overflow:hidden;height:34px;display:flex;align-items:center}
.ticker-track{display:flex;white-space:nowrap;animation:scroll 70s linear infinite}.ticker-track:hover{animation-play-state:paused}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.tick{font-size:11px;display:inline-flex;gap:6px;align-items:center;padding:0 1.4rem;border-right:.5px solid var(--brd);font-family:"Courier New",monospace}
.tick-sym{color:#444;font-weight:700}.tick-val{color:#bbb}.tick-up{color:#22c55e}.tick-dn{color:var(--red)}
.page-hero{padding:2.5rem 2.5rem 2rem;border-bottom:.5px solid var(--brd2);position:relative;overflow:hidden}
.ph-grid{position:absolute;inset:0;background-image:linear-gradient(#0e0e0e 1px,transparent 1px),linear-gradient(90deg,#0e0e0e 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.ph-inner{position:relative;z-index:2}
.ph-tag{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:var(--red);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.85rem;font-weight:700}
.ph-tag-line{width:22px;height:1px;background:var(--red)}
.page-hero h1{font-size:28px;font-weight:700;color:#fff;letter-spacing:-.02em;margin-bottom:.6rem}
.page-hero p{font-size:13px;color:#666;max-width:520px;line-height:1.75}
.last-updated{font-size:11px;color:#333;margin-top:.65rem;display:flex;align-items:center;gap:6px}
.live-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.tab-bar{display:flex;border-bottom:.5px solid var(--brd2);background:var(--bg2)}
.tab-btn{font-size:12px;color:#555;padding:0 1.5rem;height:42px;border:none;background:transparent;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;letter-spacing:.04em;font-family:inherit;transition:all .15s;flex-shrink:0}
.tab-btn:hover{color:#ccc}.tab-btn.active{color:#fff;border-bottom-color:var(--red)}
.summary-strip{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:.5px solid var(--brd2);background:var(--bg3)}
.ss-stat{padding:1rem 1.5rem;border-right:.5px solid var(--brd);position:relative}
.ss-stat:last-child{border-right:none}
.ss-stat::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--red),transparent)}
.ss-lbl{font-size:10px;color:#444;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.3rem}
.ss-val{font-size:17px;font-weight:700;color:#fff;font-family:"Courier New",monospace}
.ss-val.g{color:var(--green)}.ss-val.r{color:var(--red)}.ss-val.y{color:var(--yellow)}
.ss-sub{font-size:10px;color:#333;margin-top:.2rem}
.disclaimer{padding:.85rem 2.5rem;background:#070707;border-bottom:.5px solid var(--brd);display:flex;align-items:flex-start;gap:.75rem}
.disclaimer p{font-size:11.5px;color:#444;line-height:1.6}
.disclaimer strong{color:#555}
.trades-wrap{padding:1.5rem 2.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}
.trades-table{width:100%;border-collapse:collapse;min-width:720px}
.trades-table thead tr{border-bottom:.5px solid var(--brd2)}
.trades-table th{font-size:10px;color:#444;text-transform:uppercase;letter-spacing:.08em;padding:.6rem .85rem;text-align:left;white-space:nowrap;font-weight:600}
.trades-table tbody tr{border-bottom:.5px solid var(--brd);transition:background .15s}
.trades-table tbody tr:hover{background:var(--bg2)}
.trades-table tbody tr:last-child{border-bottom:none}
.trades-table td{padding:.85rem .85rem;vertical-align:middle;font-size:13px}
.trade-sym{font-size:14px;font-weight:700;color:#fff;font-family:"Courier New",monospace;letter-spacing:.04em}
.bias-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:3px;display:inline-block}
.bias-long{background:#052e16;color:#22c55e;border:.5px solid var(--green)}
.bias-short{background:#1c0a0a;color:var(--red);border:.5px solid #7f1d1d}
.status-open{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:3px;background:#0a1a2a;color:#38bdf8;border:.5px solid #0c4a6e;display:inline-block}
.status-closed{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:3px;background:#0a0a0a;color:#555;border:.5px solid var(--brd);display:inline-block}
.pnl-pos{font-size:13px;font-weight:700;font-family:"Courier New",monospace;color:var(--green)}
.pnl-neg{font-size:13px;font-weight:700;font-family:"Courier New",monospace;color:var(--red)}
.pnl-na{font-size:13px;color:#333;font-family:"Courier New",monospace}
.mono{font-family:"Courier New",monospace;font-size:12.5px;color:#aaa}
.notes-cell{font-size:11.5px;color:#555;max-width:220px;line-height:1.5}
.port-pct-bar{height:3px;background:var(--brd2);border-radius:2px;margin-top:4px;overflow:hidden}
.port-pct-fill{height:100%;border-radius:2px;background:var(--red)}
.empty-state{text-align:center;padding:4rem 2rem;color:#333}
.empty-state p{font-size:13px;line-height:1.75}
footer{padding:1.25rem 2.5rem;background:#000;border-top:.5px solid var(--brd2);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}
.fc{font-size:11px;color:#222}.flinks{display:flex;gap:1.5rem}.flinks a{font-size:11px;color:#222;text-decoration:none}.flinks a:hover{color:#666}
@media(max-width:900px){
  .nav{padding:0 1.25rem}.nav-links{display:none}
  .page-hero{padding:1.75rem 1.25rem 1.5rem}
  .disclaimer{padding:.75rem 1.25rem}
  .trades-wrap{padding:1rem 0}
  .summary-strip{grid-template-columns:1fr 1fr}
  .ss-stat{border-right:none;border-bottom:.5px solid var(--brd)}
  .ss-stat:nth-child(2n){border-right:none}
  .ss-stat:last-child{border-bottom:none}
  footer{padding:1.25rem;flex-direction:column;text-align:center}
}
@media(max-width:540px){.summary-strip{grid-template-columns:1fr 1fr}}

/* nav fit fix: prevent CTA top clipping on mobile */
.nav{height:auto;min-height:58px}
.nav-cta{display:inline-flex;align-items:center;line-height:1.1;white-space:nowrap}