:root{--bg: #ffffff;--panel: #f3f4f6;--panel-2: #e5e7eb;--border: #e5e7eb;--fg: #1a1d23;--dim: #4b5563;--bull: #15803d;--bear: #b91c1c;--amber: #92400e;--blue: #2563eb;--purple: #7c3aed;--accent: #2563eb;}
*{box-sizing: border-box;}
html, body{margin: 0;padding: 0;background: var(--bg);color: var(--fg);font-family: 'JetBrains Mono', 'SF Mono', 'Menlo', monospace;font-size: 14px;line-height: 1.5;}
a{color: var(--accent);text-decoration: none;}
a:hover{text-decoration: underline;}
nav.leeks-site-nav{position: sticky;top: 0;z-index: 999;background: rgba(255, 255, 255, 0.97);border-bottom: 1px solid var(--border);backdrop-filter: blur(8px);padding: 12px 20px;display: flex;align-items: center;gap: 18px;flex-wrap: wrap;font-size: 0.85rem;}
nav.leeks-site-nav .brand{color: var(--accent);font-weight: 700;letter-spacing: 0.04em;margin-right: 8px;}
.date-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 10px;margin: 1rem 0;}
.date-card{display: block;background: var(--panel);border: 1px solid var(--border);border-left: 3px solid var(--accent);border-radius: 4px;padding: 10px 14px;text-decoration: none;color: var(--fg);transition: transform 0.1s, border-color 0.2s;}
.date-card:hover{transform: translateX(2px);border-left-color: var(--bull);}
.date-card .dc-date{font-weight: 700;font-size: 1rem;margin-bottom: 4px;color: var(--accent);}
.date-card .dc-hsi{font-size: 0.9rem;margin-bottom: 6px;}
.date-card .dc-hsi.stat-bull{color: var(--bull);font-weight: 600;}
.date-card .dc-hsi.stat-bear{color: var(--bear);font-weight: 600;}
.date-card .dc-meta{display: flex;gap: 8px;flex-wrap: wrap;font-size: 0.75rem;color: var(--dim);}
.date-card .dc-meta .regime-tag{background: var(--bg);padding: 1px 6px;border-radius: 3px;font-weight: 600;}
.date-card .dc-meta .regime-tag.stat-bull{background: #dcfce7;color: var(--bull);}
.date-card .dc-meta .regime-tag.stat-bear{background: #fee2e2;color: var(--bear);}
.date-card .dc-meta .stat-bull{color: var(--bull);font-weight: 600;}
nav.leeks-site-nav a{color: var(--dim);text-transform: uppercase;letter-spacing: 0.06em;font-size: 0.78rem;padding: 4px 0;}
nav.leeks-site-nav a.active{color: var(--accent);border-bottom: 2px solid var(--accent);padding-bottom: 4px;}
main{max-width: 1200px;margin: 0 auto;padding: 24px 20px 64px;}
h1{font-size: 1.4rem;color: var(--accent);border-bottom: 2px solid var(--accent);padding-bottom: 0.5rem;margin: 0 0 1rem;}
h2{font-size: 1.05rem;color: var(--accent);margin: 1.5rem 0 0.6rem;}
.date-picker{display: flex;gap: 8px;flex-wrap: wrap;margin: 1rem 0 1.5rem;}
.date-picker a{padding: 6px 12px;border: 1px solid var(--border);border-radius: 4px;background: var(--panel);color: var(--fg);font-size: 0.8rem;}
.date-picker a.active{background: var(--accent);color: #fff;border-color: var(--accent);}
.disclaimer{background: #fef3c7;border: 1px solid #b45309;border-radius: 6px;padding: 10px 14px;margin: 0 0 18px;font-size: 13px;color: #78350f;}
.card{border: 1px solid var(--border);border-left: 3px solid var(--accent);background: var(--panel);border-radius: 4px;padding: 10px 14px;margin: 8px 0;font-size: 0.85rem;line-height: 1.55;}
.card.bull{border-left-color: var(--bull);}
.card.bear{border-left-color: var(--bear);}
.card.amber{border-left-color: var(--amber);}
.stats{font-size: 0.9rem;margin: 0.5rem 0 1rem;padding: 10px 14px;background: var(--panel);border: 1px solid var(--border);border-radius: 4px;}
.stats .bull{color: var(--bull);font-weight: 600;}
.stats .bear{color: var(--bear);font-weight: 600;}
.stats .amber{color: var(--amber);font-weight: 600;}
.lede{font-size: 1.05rem;line-height: 1.65;max-width: 760px;}
section h2{margin-top: 2.4rem;}
section ul, section ol{line-height: 1.75;max-width: 760px;}
.dim{color: var(--dim);}
.sample-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 14px;margin: 1rem 0 1.4rem;max-width: 900px;}
.sample-card{border: 1px solid var(--border);border-left: 3px solid var(--accent);border-radius: 4px;padding: 12px 14px;background: #fafbfc;}
.sample-header{display: flex;gap: 8px;align-items: baseline;margin-bottom: 8px;flex-wrap: wrap;}
.sample-code{font-weight: 700;font-size: 1.05rem;}
.sample-op{padding: 1px 6px;border-radius: 3px;background: var(--panel);font-size: 0.85rem;}
.sample-score{margin-left: auto;font-weight: 600;color: var(--dim);font-size: 0.9rem;}
.sample-summary{font-size: 0.85rem;line-height: 1.55;color: var(--fg);margin: 6px 0 8px;}
.sample-link{font-size: 0.85rem;}
.dates-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 16px;margin: 1.5rem 0 2rem;max-width: 1100px;}
.date-card{border: 1px solid var(--border);border-radius: 6px;padding: 14px 18px;background: #fafbfc;}
.date-header{display: flex;justify-content: space-between;align-items: baseline;margin-bottom: 8px;}
.date-header h2{margin: 0;font-size: 1.4rem;font-weight: 600;}
.date-stats{display: flex;gap: 12px;margin-bottom: 12px;font-size: 0.95rem;}
.stat-bull{color: var(--bull);font-weight: 600;}
.stat-amber{color: var(--amber);font-weight: 600;}
.stat-bear{color: var(--bear);font-weight: 600;}
.date-filters{display: flex;flex-wrap: wrap;gap: 6px;}
.filter-chip{display: inline-block;padding: 4px 10px;border: 1px solid var(--border);border-radius: 3px;background: #fff;font-size: 0.82rem;text-decoration: none;color: var(--fg);transition: background 0.15s;}
.filter-chip:hover{background: var(--panel-2);text-decoration: none;}
.filter-chip.primary{background: var(--accent);color: #fff;border-color: var(--accent);font-weight: 600;}
.filter-chip.primary:hover{background: #1d4ed8;}
.hub-cta ul{list-style: none;padding: 0;}
.hub-cta li{padding: 6px 0;border-bottom: 1px solid var(--panel);font-size: 0.95rem;}
.rr-badge{display: inline-block;padding: 1px 7px;border-radius: 3px;font-size: 0.72rem;font-weight: 600;margin-right: 6px;vertical-align: middle;border: 1px solid currentColor;}
.rr-good{color: var(--bull);background: rgba(21, 128, 61, 0.08);}
.rr-ok{color: var(--amber);background: rgba(146, 64, 14, 0.08);}
.rr-bad{color: var(--bear);background: rgba(185, 28, 28, 0.08);}
.hint{display: inline-block;padding: 1px 7px;border-radius: 3px;font-size: 0.7rem;font-weight: 500;vertical-align: middle;color: var(--dim);background: var(--panel-2);}
.hint-buy{color: var(--bull);}
.hint-sell{color: var(--bear);font-weight: 600;background: rgba(185, 28, 28, 0.06);border: 1px solid rgba(185, 28, 28, 0.3);}
.signal-chips{margin: 4px 0 6px 0;font-size: 0.7rem;line-height: 1.4;}
.conf-chip{display: inline-block;padding: 1px 7px;border-radius: 3px;font-weight: 600;margin-right: 5px;vertical-align: middle;border: 1px solid currentColor;}
.conf-high{color: var(--bull);background: rgba(21, 128, 61, 0.08);}
.conf-mid{color: var(--amber);background: rgba(146, 64, 14, 0.08);}
.conf-low{color: var(--bear);background: rgba(185, 28, 28, 0.08);}
.caution-chip{display: inline-block;padding: 1px 7px;border-radius: 3px;font-weight: 500;margin-right: 5px;margin-bottom: 2px;vertical-align: middle;color: var(--bear);background: rgba(185, 28, 28, 0.06);border: 1px solid rgba(185, 28, 28, 0.25);}
.signal-warning{margin: 0 0 1.2rem;padding: 10px 14px;background: rgba(146, 64, 14, 0.06);border-left: 3px solid var(--amber);border-radius: 4px;font-size: 0.82rem;line-height: 1.55;}
.signal-warning .warn-strong{color: var(--bear);font-weight: 700;}
.signal-warning a{color: var(--accent);text-decoration: underline;}
table.detail{width: 100%;border-collapse: collapse;font-size: 0.78rem;margin-top: 1rem;background: var(--panel);border: 1px solid var(--border);}
table.detail th, table.detail td{border: 1px solid var(--border);padding: 6px 8px;text-align: left;vertical-align: top;}
table.detail th{background: var(--panel-2);font-weight: 600;text-transform: uppercase;font-size: 0.7rem;letter-spacing: 0.05em;color: var(--dim);}
table.dim-table{width: 100%;border-collapse: collapse;margin: 1rem 0;font-size: 0.85rem;}
table.dim-table th, table.dim-table td{border: 1px solid var(--border);padding: 8px 10px;text-align: left;vertical-align: top;}
table.dim-table th{background: var(--panel-2);font-weight: 600;font-size: 0.7rem;text-transform: uppercase;letter-spacing: 0.05em;color: var(--dim);}
table.dim-table td:first-child{font-family: 'JetBrains Mono', monospace;}
table.dim-table td:nth-child(2){font-weight: 600;color: var(--accent);text-align: center;}
p.card-link{margin: 6px 0 0;text-align: right;font-size: 0.78rem;}
p.card-link a{display: inline-block;padding: 3px 10px;background: var(--panel-2);border: 1px solid var(--border);border-radius: 12px;color: var(--accent);text-decoration: none;font-weight: 500;}
p.card-link a:hover{background: var(--accent);color: #fff;border-color: var(--accent);}
.filters{display: flex;flex-wrap: wrap;gap: 6px;margin: 0 0 1rem;font-size: 0.78rem;}
.filters span{color: var(--dim);margin-right: 4px;align-self: center;}
.filters a{padding: 4px 10px;border: 1px solid var(--border);border-radius: 12px;background: var(--panel);color: var(--fg);}
.filters a.active{background: var(--accent);color: #fff;border-color: var(--accent);}
.report-header h1{margin: 0 0 0.5rem;}
.report-header .meta{display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 1rem;}
.report-header .badge{padding: 3px 10px;border: 1px solid var(--border);border-radius: 12px;background: var(--panel);font-size: 0.75rem;color: var(--fg);}
.report-header .badge.score{background: var(--accent);color: #fff;border-color: var(--accent);font-weight: 600;}
.report-header .badge.conf{background: var(--panel-2);}
.score-breakdown{display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 12px;margin: 1rem 0;}
.score-breakdown .dim{background: var(--panel);border: 1px solid var(--border);padding: 10px;border-radius: 6px;}
.score-breakdown .dim span{font-size: 0.7rem;color: var(--dim);text-transform: uppercase;letter-spacing: 0.05em;}
.score-breakdown .bar{background: var(--border);height: 8px;border-radius: 4px;overflow: hidden;margin: 6px 0;}
.score-breakdown .bar .fill{height: 100%;}
.score-breakdown .dim b{font-family: 'JetBrains Mono', monospace;font-size: 0.95rem;}
.sig-badge{display: inline-block;margin: 6px 0 0 0;padding: 4px 10px;border-radius: 4px;font-size: 0.8rem;font-family: 'JetBrains Mono', monospace;border: 1px solid var(--border);}
.sig-badge.sig-high{background: linear-gradient(135deg, #f5c51822, #f5c51844);border-color: #f5c518;color: #c9a016;font-weight: 700;animation: pulse 2s infinite;}
.sig-badge.sig-mid{background: #4a9eff22;border-color: #4a9eff;color: #4a9eff;}
.sig-badge.sig-low{background: #88888811;border-color: var(--border);color: var(--dim);}
@keyframes pulse{0%, 100%{box-shadow: 0 0 0 0 #f5c51844;}
50%{box-shadow: 0 0 0 4px #f5c51800;}
}
.levels{display: grid;grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));gap: 8px;margin: 1rem 0;}
.levels > div{background: var(--panel);border: 1px solid var(--border);padding: 10px;border-radius: 6px;text-align: center;}
.levels span{display: block;font-size: 0.7rem;color: var(--dim);text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 4px;}
.levels b{font-family: 'JetBrains Mono', monospace;font-size: 0.9rem;}
.levels b.bull{color: var(--bull);}
.levels b.bear{color: var(--bear);}
footer{border-top: 1px solid var(--border);margin-top: 3rem;padding-top: 1rem;font-size: 0.75rem;color: var(--dim);text-align: center;}
@media (max-width: 768px){main{padding: 16px 12px 48px;}
h1{font-size: 1.15rem;}
.card{padding: 8px 10px;font-size: 0.8rem;}
nav.leeks-site-nav{padding: 10px 12px;gap: 10px;font-size: 0.75rem;}
nav.leeks-site-nav a{font-size: 0.7rem;}
table.detail{font-size: 0.7rem;}
table.detail th, table.detail td{padding: 4px 6px;}
}
.monitor-section{margin: 1.5rem 0;padding: 1rem;background: var(--panel);border: 1px solid var(--border);border-left: 3px solid var(--accent);border-radius: 4px;}
.monitor-section h2{margin: 0 0 12px 0;font-size: 1.1rem;color: var(--fg);}
.index-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 10px;}
.index-card{background: var(--bg);border: 1px solid var(--border);border-radius: 4px;padding: 10px 14px;text-align: center;}
.index-card .idx-name{font-size: 0.75rem;color: var(--dim);text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 4px;}
.index-card .idx-val{font-size: 1.5rem;font-weight: 700;color: var(--fg);font-family: 'JetBrains Mono', monospace;}
.index-card .idx-chg{font-size: 0.85rem;margin-top: 4px;color: var(--dim);}
.index-card .idx-val.stat-bull{color: var(--bull);}
.index-card .idx-val.stat-bear{color: var(--bear);}
.index-card .idx-chg.stat-bull{color: var(--bull);font-weight: 600;}
.index-card .idx-chg.stat-bear{color: var(--bear);font-weight: 600;}
.bucket-chart{background: var(--bg);border: 1px solid var(--border);border-radius: 4px;padding: 12px;margin: 8px 0;}
.bucket-chart svg{display: block;max-width: 100%;height: auto;}
.chart-legend{font-size: 0.75rem;color: var(--dim);text-align: center;margin-top: 4px;}