/* Round 9: one calm design system for a fast, evidence-first market scan. */
:root { --r9-bg:#06111d; --r9-panel:#0a1a29; --r9-panel-2:#0d2133; --r9-line:#20384b; --r9-text:#e8f0f6; --r9-muted:#9bafbe; --r9-blue:#35a8ff; --r9-gold:#f4b23d; --r9-red:#f26a72; --r9-green:#55c58d; }
body { background:var(--r9-bg); color:var(--r9-text); font-size:15px; line-height:1.55; }
.terminal-header { min-height:76px; padding:10px 22px; border-bottom:1px solid var(--r9-line); background:rgba(5,16,28,.96); position:sticky; top:0; z-index:20; }
.brand { gap:12px; min-width:286px; }
.brand-logo-wrap { width:64px; height:56px; display:flex; align-items:center; justify-content:center; overflow:visible; }
.brand-logo { width:auto; max-width:64px; max-height:56px; object-fit:contain; }
.brand strong { font-size:24px; letter-spacing:.02em; }
.brand-copy span { font-size:12px; letter-spacing:.1em; color:#abc0cd; }
.main-nav a { font-size:15px; min-height:44px; padding:0 10px; white-space:nowrap; }
.terminal-clock b { font-size:14px; } .terminal-clock small,.terminal-clock span { font-size:13px; }
#terminal { max-width:1560px; padding:24px 22px 44px; }
.section-heading h2,.panel-title h2 { font-size:21px; } .section-heading>span,.panel-title .more { font-size:14px; }
.market-overview,.top-intelligence,.event-panel,.calendar-panel,.creator-panel,.terminal-section,.detail-panel { border-color:var(--r9-line); background:linear-gradient(150deg,rgba(12,30,45,.98),rgba(7,21,34,.98)); box-shadow:none; }
.market-group { border-color:var(--r9-line); } .market-card .name { font-size:15px; } .market-card b { font-size:22px; } .market-card .change,.market-card .status { font-size:13px; }
.breadth-card,.theme-card,.decision-card { border:1px solid var(--r9-line); background:rgba(8,25,39,.78); border-radius:9px; }
.breadth-heading b,.breadth-stats b { font-size:15px; } .breadth-heading small,.breadth-heading span,.breadth-card .muted { font-size:13px; }
.theme-grid { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.theme-card { min-height:184px; padding:16px; } .theme-card h3 { font-size:18px; } .theme-card p { font-size:15px; } .theme-card small { font-size:13px; color:var(--r9-muted); }
.theme-facts { font-size:14px; } .theme-link { display:inline-block; margin-top:8px; color:var(--r9-blue); font-size:14px; }
.top-intelligence { margin:22px 0; padding:18px; border-radius:10px; }
.top-intelligence-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.decision-card { padding:15px; } .decision-card h3 { margin:8px 0; font-size:17px; line-height:1.4; } .decision-card p { font-size:15px; margin:0 0 11px; }
.brief-open,.drawer-close { border:1px solid #347fad; color:#cceaff; background:#0d314b; border-radius:6px; padding:6px 10px; font:inherit; font-size:14px; cursor:pointer; }
.brief-open:hover { border-color:var(--r9-blue); color:white; }
.home-grid { gap:16px; margin:18px 0; } .event-panel { padding:16px; }
.intelligence-brief { padding:15px 0; border-color:var(--r9-line); } .intelligence-brief h3 { font-size:17px; line-height:1.4; } .intelligence-brief p { font-size:15px; line-height:1.62; } .brief-top,.brief-meta,.impact-line { font-size:14px; } .brief-meta { gap:8px; }
.tag { font-size:13px; line-height:1.25; } .calendar-panel { margin:18px 0; padding:18px; } .calendar-row { padding:14px 0; border-color:var(--r9-line); } .calendar-row b { font-size:16px; } .calendar-row .muted,.calendar-facts,.stars { font-size:14px; }
.full-video-panel { margin-top:18px; padding:18px; } .creator-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(310px,1fr)); gap:12px; }
.video-brief { border:1px solid var(--r9-line); background:rgba(7,23,37,.8); border-radius:9px; padding:16px; } .video-brief h3 { font-size:17px; line-height:1.45; } .video-brief h3 span { font-size:14px; color:var(--r9-muted); display:block; margin-top:3px; } .video-section b { font-size:15px; } .video-section p,.video-logic { font-size:15px; line-height:1.65; } .video-logic { padding-left:0; list-style:none; } .video-logic li { margin:7px 0; } .video-logic b { color:#a9d8ff; margin-right:6px; } .video-facts { grid-template-columns:repeat(3,minmax(0,1fr)); } .video-facts span { font-size:14px; } .video-facts b { font-size:13px; }
.video-score { display:inline-flex; border-radius:999px; padding:2px 7px; font-size:13px; font-weight:700; } .video-score-muted { color:#aab7bf; background:#24313a; } .video-score-normal { color:#d6e5ee; background:#1b3850; } .video-score-emphasis { color:#ffd66b; background:#46381a; } .video-score-high { color:#fff2f2; background:#8b2733; }
.page-title h1 { font-size:29px; } .page-title p { font-size:15px; } .event-table th { font-size:14px; } .event-table td,.table-summary { font-size:15px; } .event-headline { font-size:16px; }
.detail-panel { padding:22px; } .detail-panel h1 { font-size:29px; } .detail-section h2 { font-size:21px; } .detail-section h3 { font-size:17px; } .detail-section p,.detail-section li { font-size:15px; } .detail-meta { font-size:14px; }
.decision-drawer { position:fixed; top:0; right:0; width:min(620px,96vw); height:100vh; overflow:auto; z-index:50; background:#071725; border-left:1px solid #2b506a; box-shadow:-20px 0 40px rgba(0,0,0,.42); }
.drawer-inner { padding:30px 26px 56px; } .drawer-close { position:sticky; top:14px; float:right; margin:12px; z-index:2; font-size:22px; line-height:1; } .drawer-inner h2 { font-size:25px; padding-right:45px; } .drawer-inner h3 { font-size:18px; margin:24px 0 8px; } .drawer-inner p,.drawer-inner li { font-size:15px; }
.impact-chain { list-style:none; padding:0; } .impact-chain li { border-left:2px solid #387da8; margin:10px 0; padding:8px 12px; display:grid; gap:4px; background:#0c2334; } .impact-chain b { color:#a9d8ff; font-size:13px; } .impact-chain small { color:var(--r9-muted); font-size:13px; }
.fact-view-grid,.evidence-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } .fact-view-grid>div { border:1px solid var(--r9-line); background:#0b2030; padding:10px; } .fact-view-grid b { color:#aad9fd; font-size:14px; }
.theme-detail-grid { display:grid; grid-template-columns:1.65fr 1fr; gap:16px; } .component-list p { display:flex; justify-content:space-between; border-bottom:1px solid var(--r9-line); padding:8px 0; }
.system-footer { font-size:14px; } .footer-title { font-size:14px; } .footer-data { font-size:14px; }
@media (max-width:1100px) { .terminal-header { align-items:center; flex-wrap:wrap; } .main-nav { order:3; width:100%; overflow-x:auto; } .top-intelligence-grid,.theme-detail-grid { grid-template-columns:1fr; } .fact-view-grid { grid-template-columns:1fr; } }
@media (max-width:720px) { #terminal { padding:16px 12px 28px; } .terminal-header { padding:8px 12px; } .brand { min-width:0; } .brand-logo-wrap { width:46px; height:40px; } .brand-logo { max-width:46px; max-height:40px; } .brand strong { font-size:20px; } .brand-copy span { font-size:11px; } .terminal-clock { display:none; } .main-nav a { font-size:14px; padding:0 8px; } .market-cards,.creator-list { grid-template-columns:1fr; } .video-facts { grid-template-columns:1fr; } .page-title h1,.detail-panel h1 { font-size:25px; } .top-intelligence { padding:14px; } .drawer-inner { padding:24px 16px 40px; } }