* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif; color:#c9d1d9; line-height:1.6; min-height:100vh; background:#0d1117; }
.ticker { background:#161b22; border-bottom:1px solid #30363d; overflow:hidden; white-space:nowrap; padding:8px 0; }
.ticker-track { display:inline-block; white-space:nowrap; animation:ticker-scroll 22s linear infinite; }
.ticker-item { display:inline-block; padding:0 22px; font-size:13px; color:#c9d1d9; }
.ticker-item b { color:#f0f6fc; font-weight:700; }
.ticker-item .up { color:#3fb950; }
.ticker-item .down { color:#f85149; }
@keyframes ticker-scroll { 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }
.topbar { background:#161b22; border-bottom:1px solid #30363d; padding:16px 24px; }
.topbar-inner { max-width:900px; margin:0 auto; display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
nav { display:flex; gap:20px; align-items:center; }
nav a { color:#8b949e; text-decoration:none; font-size:14px; transition:color .15s; }
nav a:hover { color:#f0f6fc; }
.lang-switch { display:flex; gap:8px; margin-left:auto; }
.lang-switch a { padding:4px 10px; border:1px solid #30363d; border-radius:6px; font-size:12px; color:#8b949e; text-decoration:none; }
.lang-switch a.active { background:#58a6ff; color:#0d1117; border-color:#58a6ff; }
.container { max-width:900px; margin:0 auto; padding:24px; }
h1 { color:#f0f6fc; font-size:28px; margin-bottom:8px; }
h2 { color:#f0f6fc; font-size:20px; margin:24px 0 12px; }
.subtitle { color:#8b949e; margin-bottom:24px; }
.dashboard { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; margin-bottom:32px; }
.metric { background:#161b22; border:1px solid #30363d; border-radius:8px; padding:16px; }
.metric-label { font-size:12px; color:#8b949e; text-transform:uppercase; letter-spacing:.5px; margin-bottom:6px; }
.metric-value { font-size:22px; font-weight:600; color:#f0f6fc; }
.metric-value.up { color:#3fb950; }
.metric-value.down { color:#f85149; }
.metric-value.neutral { color:#c9d1d9; }
.metric-sub { font-size:12px; color:#8b949e; margin-top:4px; }
.post { background:#161b22; border:1px solid #30363d; border-radius:8px; padding:20px; margin-bottom:16px; }
.post-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #30363d; }
.post-date { color:#8b949e; font-size:13px; }
.post-format { font-size:11px; padding:2px 8px; border-radius:4px; background:#21262d; color:#8b949e; text-transform:uppercase; }
.post-body { white-space:pre-wrap; word-wrap:break-word; font-size:15px; color:#c9d1d9; }
.post-body b { color:#f0f6fc; font-weight:600; }
.post-body i { color:#8b949e; font-style:italic; }
footer { border-top:1px solid #30363d; margin-top:48px; padding:24px; text-align:center; color:#8b949e; font-size:13px; }
footer a { color:#58a6ff; text-decoration:none; margin:0 8px; }
.empty-state { background:#161b22; border:1px dashed #30363d; border-radius:8px; padding:48px 24px; text-align:center; color:#8b949e; }
@media (max-width:600px){ h1{font-size:22px;} .container{padding:16px;} .dashboard{grid-template-columns:1fr 1fr;} .topbar{padding:14px 16px;} nav{gap:14px;} nav a{font-size:13px;} }
.signals { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; margin-bottom:32px; }
.signal { background:#161b22; border:1px solid #30363d; border-left:3px solid #30363d; border-radius:8px; padding:16px; }
.signal-name { font-size:12px; color:#8b949e; text-transform:uppercase; letter-spacing:.5px; margin-bottom:6px; }
.signal-state { font-size:22px; font-weight:600; color:#c9d1d9; }
.signal-sub { font-size:12px; color:#8b949e; margin-top:4px; }
.signal-up { border-left-color:#3fb950; }
.signal-up .signal-state { color:#3fb950; }
.signal-down { border-left-color:#f85149; }
.signal-down .signal-state { color:#f85149; }
.signal-flat .signal-state { color:#8b949e; }
@media (max-width:600px){ .signals{grid-template-columns:1fr 1fr;} }