* { 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(150px,1fr)); gap:10px; margin-bottom:28px; }
.metric { background:#161b22; border:1px solid #30363d; border-radius:10px; padding:14px 12px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; min-height:110px; }
.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:1fr 1fr; gap:10px; margin-bottom:28px; }
.signal { background:#161b22; border:1px solid #30363d; border-left:4px solid #30363d; border-radius:10px; padding:16px 12px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; min-height:120px; }
.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;} }


/* Fear & Greed Gauge */
.fg-gauge { display:flex; justify-content:center; align-items:center; margin:20px 0; }
.fg-container { position:relative; width:200px; height:120px; }
.fg-arc { width:100%; height:100%; }
.fg-needle { position:absolute; width:2px; height:80px; background:#f0f6fc; bottom:20px; left:50%; transform-origin:bottom center; transition:transform 0.3s ease; }
.fg-center { position:absolute; width:12px; height:12px; background:#f0f6fc; border-radius:50%; bottom:18px; left:50%; transform:translateX(-50%); }
.fg-label { text-align:center; margin-top:10px; font-size:14px; color:#8b949e; }
.fg-value { text-align:center; font-size:24px; font-weight:600; color:#f0f6fc; }

/* Signal warning state (orange) */
.signal-warning { border-left-color:#fbbf24; background:linear-gradient(90deg, rgba(251,191,36,0.1), transparent); }
.signal-warning .signal-state { color:#fbbf24; }

/* Бегущая строка скринера */
.ticker-wrap { background:#0d1117; border:1px solid #30363d; border-radius:8px; overflow:hidden; margin-bottom:24px; padding:10px 0; position:relative; }
.ticker-label { display:inline-block; font-weight:600; color:#fbbf24; padding:0 12px; font-size:13px; }
.ticker-move { white-space:nowrap; display:inline-block; animation:ticker-scroll 12s linear infinite; }
.ticker-move:hover { animation-play-state:paused; }
.ticker-item { display:inline-block; padding:0 18px; font-size:14px; font-weight:600; }
.ticker-item .sym { color:#c9d1d9; }
.ticker-item .up { color:#3fb950; }
.ticker-item .down { color:#f85149; }
@keyframes ticker-scroll { 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }

.stats-table{width:100%;border-collapse:collapse;margin-top:8px;}
.stats-table th,.stats-table td{padding:10px 8px;text-align:center;border-bottom:1px solid #30363d;}
.stats-table th{color:#8b949e;font-size:12px;font-weight:500;}
.stats-table td{font-size:14px;}

/* Брендирование монет */
.brand-ton { color:#0098EA !important; }
.brand-btc { color:#F7931A !important; }
.tile-ton { border:1px solid rgba(0,152,234,0.5) !important; }
.tile-btc { border:1px solid rgba(247,147,26,0.5) !important; }
.signal-name.brand-ton { color:#0098EA !important; }
.signal-name.brand-btc { color:#F7931A !important; }

/* Фикс наложения "В движении" на ПК */
.ticker-wrap { display:flex; align-items:center; }
.ticker-label { flex-shrink:0; background:#0d1117; z-index:2; position:relative; }
.ticker-move { flex:1; overflow:hidden; }

/* Цветные рамки секций */
.section-ton { border:1px solid rgba(0,152,234,0.35); border-radius:12px; padding:12px; margin-bottom:16px; }
.section-btc { border:1px solid rgba(247,147,26,0.35); border-radius:12px; padding:12px; margin-bottom:16px; }

/* Цветные полоски секций */
.sect-ton { border-left:4px solid #0098EA; padding-left:12px; }
.sect-btc { border-left:4px solid #F7931A; padding-left:12px; }

/* Рамки плиток по монете */
.dash-btc .metric { border:1px solid rgba(247,147,26,0.35); }
.dash-ton .metric { border:1px solid rgba(0,152,234,0.35); }

/* Рамки плиток по монете — усиленные */
.dash-btc .metric { border:1px solid rgba(247,147,26,0.45) !important; }
.dash-ton .metric { border:1px solid rgba(0,152,234,0.45) !important; }

/* Рамки плиток по монете — усиленные */
.dash-btc .metric { border:1px solid rgba(247,147,26,0.45) !important; }
.dash-ton .metric { border:1px solid rgba(0,152,234,0.45) !important; }