:root { color-scheme:dark; --bg:#080b11; --panel:#111825; --panel-2:#0c121c; --text:#edf1f8; --muted:#9da9bc; --border:rgba(255,255,255,.09); --accent:#58c5ff; --bull:#63ddb0; --bear:#ff8299; --amber:#f2b866; --mixed:#c38df6; --shadow:rgba(0,0,0,.4); }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; overflow-x:hidden; background:radial-gradient(circle at 50% -10%,#20334c 0,#0d121c 42%,var(--bg) 75%); color:var(--text); font-family:"Space Grotesk",sans-serif; }
button { font:inherit; cursor:pointer; }
.glow { position:fixed; pointer-events:none; border-radius:50%; filter:blur(100px); opacity:.12; }.glow-one { width:520px;height:520px;top:-180px;right:-120px;background:#3b9eff; }.glow-two { width:420px;height:420px;bottom:5%;left:-180px;background:#db527d; }
.shell { position:relative; z-index:1; width:min(1440px,94vw); margin:0 auto; padding:36px 0 64px; }
.hero { display:flex; align-items:flex-end; justify-content:space-between; gap:26px; margin-bottom:20px; }.breadcrumb { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:26px; color:var(--muted); font-size:.76rem; }.breadcrumb a { color:var(--accent); text-decoration:none; }.eyebrow,.section-kicker { margin:0 0 8px; color:var(--accent); font-size:.66rem; font-weight:700; letter-spacing:.17em; text-transform:uppercase; }h1 { margin:0; font-size:clamp(2.7rem,6vw,5.4rem); line-height:.92; letter-spacing:-.06em; }.subhead { max-width:820px; margin:17px 0 0; color:var(--muted); line-height:1.55; }
.hero-actions { display:flex; flex-direction:column; align-items:flex-end; gap:9px; color:var(--muted); font-size:.68rem; text-align:right; }.hero-actions button { padding:11px 20px; border:0; border-radius:999px; color:#07121c; background:var(--accent); font-weight:700; }.hero-actions button:disabled { opacity:.55; }
.context-panel,.ideas-panel,.reading-panel { margin-top:18px; padding:22px; border:1px solid var(--border); border-radius:23px; background:linear-gradient(145deg,rgba(24,33,49,.95),rgba(9,13,21,.92)); box-shadow:0 20px 55px var(--shadow); }.context-panel { border-color:rgba(88,197,255,.25); }.context-heading,.ideas-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; }.context-heading h2,.ideas-heading h2,.reading-panel h2 { margin:0; font-size:clamp(1.35rem,2.7vw,2rem); }.context-heading a { color:var(--accent); font-size:.72rem; text-decoration:none; }.context-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-top:18px; }.context-card { min-height:100px; padding:15px; border:1px solid var(--border); border-radius:14px; background:rgba(7,11,18,.58); }.context-card small,.context-card span { display:block; color:var(--muted); font-size:.61rem; }.context-card strong { display:block; margin:10px 0 5px; font-size:.98rem; }.context-card.macro strong { color:var(--mixed); }.context-card.regime strong { color:var(--accent); }.context-card.breadth strong { color:var(--bull); }.context-card.leader strong { color:var(--amber); }.context-summary { margin:15px 0 0; color:var(--muted); font-size:.74rem; line-height:1.5; }
.method-strip { display:flex; justify-content:space-between; gap:20px; margin-top:18px; padding:14px 17px; border:1px solid var(--border); border-radius:15px; background:rgba(8,12,19,.7); }.method-strip div { display:flex; flex-wrap:wrap; gap:8px 14px; }.method-strip strong { color:var(--accent); }.method-strip span,.method-strip p { margin:0; color:var(--muted); font-size:.67rem; }
.shortlist-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:14px; padding:12px 15px; border:1px solid var(--border); border-radius:15px; background:rgba(8,12,19,.7); }.shortlist-toolbar>div:first-child { display:grid; gap:3px; }.shortlist-toolbar strong { font-size:.72rem; }.shortlist-toolbar span { color:var(--muted); font-size:.64rem; }.shortlist-toggle { display:flex; gap:4px; padding:4px; border:1px solid var(--border); border-radius:11px; background:rgba(4,7,12,.65); }.shortlist-toggle button { padding:8px 11px; border:0; border-radius:8px; color:var(--muted); background:transparent; font-size:.65rem; font-weight:700; cursor:pointer; }.shortlist-toggle button.active { color:var(--text); background:rgba(88,197,255,.17); }.concentration-note { margin-top:14px; padding:10px 12px; border:1px solid rgba(242,184,102,.3); border-radius:11px; color:#f4ca8f; background:rgba(242,184,102,.08); font-size:.64rem; line-height:1.45; }.bearish-note { border-color:rgba(255,130,153,.28); color:#ffacbc; background:rgba(255,130,153,.07); }
.side-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.bullish-panel { border-color:rgba(99,221,176,.19); }.bearish-panel { border-color:rgba(255,130,153,.19); }.bearish-kicker { color:var(--bear); }.idea-count { padding:7px 10px; border:1px solid var(--border); border-radius:999px; color:var(--muted); font-size:.65rem; }.idea-list { display:grid; gap:12px; margin-top:18px; }
.idea-card { padding:17px; border:1px solid var(--border); border-radius:17px; background:rgba(7,11,18,.62); }.idea-card.bullish { box-shadow:inset 3px 0 0 rgba(99,221,176,.72); }.idea-card.bearish { box-shadow:inset 3px 0 0 rgba(255,130,153,.72); }.idea-topline { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:start; }.rank { display:grid; place-items:center; width:28px;height:28px;border-radius:9px;background:rgba(88,197,255,.12);color:var(--accent);font-weight:700; }.identity h3 { margin:0; color:var(--accent); font-size:1.25rem; }.identity p { margin:2px 0; font-size:.72rem; }.identity small { color:var(--muted); font-size:.62rem; }.composite { text-align:right; }.composite small { display:block; color:var(--muted); font-size:.56rem; }.composite strong { font-size:1.45rem; }.signal-line { display:grid; grid-template-columns:1fr auto; gap:5px 12px; margin-top:13px; padding:10px 12px; border-radius:11px; background:rgba(255,255,255,.035); }.signal-line span { font-size:.72rem;font-weight:700; }.signal-line strong { color:var(--accent); }.signal-line i { grid-column:1 / -1; color:var(--muted); font-size:.59rem; font-style:normal; }.confirmation-row { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-top:10px; }.evidence-pill { padding:9px; border:1px solid var(--border); border-radius:10px; }.evidence-pill small,.evidence-pill strong { display:block; font-size:.58rem; }.evidence-pill small { color:var(--muted); margin-bottom:3px; }.evidence-pill.confirmed strong { color:var(--bull); }.evidence-pill.mixed strong { color:var(--amber); }.evidence-pill.against strong { color:var(--bear); }
.performance-row { display:grid; grid-template-columns:repeat(5,1fr); gap:5px; margin:10px 0 0; }.performance-row div { min-width:0; padding:8px; border-radius:9px; background:rgba(255,255,255,.025); }.performance-row dt { color:var(--muted); font-size:.52rem; }.performance-row dd { overflow:hidden; margin:4px 0 0; font-size:.65rem; font-weight:700; text-overflow:ellipsis; }.up { color:var(--bull); }.down { color:var(--bear); }.explanation { margin-top:12px; padding-top:12px; border-top:1px solid rgba(255,255,255,.06); }.explanation p { display:grid; grid-template-columns:58px 1fr; gap:8px; margin:0 0 8px; color:#c8d0dd; font-size:.65rem; line-height:1.5; }.explanation b { color:var(--accent); }.explanation .risk b { color:var(--amber); }.card-links { text-align:right; }.card-links a { color:var(--accent); font-size:.61rem; text-decoration:none; }
.reading-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:17px; }.reading-grid p,.empty-state,.loading-card { margin:0; padding:14px; border:1px solid var(--border); border-radius:12px; color:var(--muted); background:rgba(7,11,18,.48); font-size:.68rem; line-height:1.5; }.reading-grid strong,.empty-state strong { color:var(--text); }.skeleton { height:100px; border-radius:14px; background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.08),rgba(255,255,255,.03)); background-size:200% 100%; animation:pulse 1.2s linear infinite; }@keyframes pulse { to { background-position:-200% 0; } }
@media (max-width:1050px) { .side-grid { grid-template-columns:1fr; }.context-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px) { .shell { width:min(94vw,620px); padding-top:24px; }.hero,.context-heading,.ideas-heading,.method-strip,.shortlist-toolbar { align-items:flex-start; flex-direction:column; }.hero-actions { align-items:flex-start;text-align:left; }.shortlist-toggle { width:100%; }.shortlist-toggle button { flex:1; }.context-panel,.ideas-panel,.reading-panel { padding:17px;border-radius:19px; }.context-grid,.reading-grid { grid-template-columns:1fr; }.confirmation-row { grid-template-columns:repeat(2,minmax(0,1fr)); }.evidence-pill { padding:8px 6px; }.performance-row { grid-template-columns:repeat(3,1fr); }.explanation p { grid-template-columns:1fr;gap:2px; } }