*{box-sizing:border-box;margin:0;padding:0}
body{background:#0f172a;color:#f1f5f9;font-family:Inter,Arial,sans-serif;min-height:100vh;line-height:1.5}
.main{padding:80px 32px 60px 32px;max-width:75%}
.page-title{font-family:"Space Grotesk",Inter,sans-serif;font-size:28px;font-weight:800;color:#f0f6fc;margin-bottom:4px}
.page-sub{font-size:14px;color:#484f58;margin-bottom:24px}
.tab-groups{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.tab-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tab-category{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#484f58;width:80px;flex-shrink:0}
.tab{background:none;border:1px solid #21262d;color:#8b949e;font-size:13px;font-weight:600;padding:6px 16px;border-radius:6px;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}
.tab.active{border-color:#38bdf8;color:#38bdf8;background:rgba(56,189,248,.08)}
.tab:hover:not(.active):not(.tab-disabled){border-color:#30363d;color:#c9d1d9}
.tab-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}
.price-block{margin-bottom:16px}
.price-instrument{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#484f58;margin-bottom:8px}
.price-row{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.price-big{font-size:42px;font-weight:900;color:#f0f6fc;font-variant-numeric:tabular-nums;line-height:1;font-family:"Space Grotesk",Inter,sans-serif}
.price-chg{font-size:18px;font-weight:700}
.price-time{font-size:12px;color:#484f58;margin-left:auto;align-self:center}
.up{color:#3fb950}
.dn{color:#f85149}
.chart-card{background:#161b22;border:1px solid #30363d;border-radius:10px;padding:18px 20px;position:relative}
.chart-top{display:flex;align-items:center;margin-bottom:16px}
.chart-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#484f58;flex:1}
.chart-controls{display:flex;align-items:center;gap:12px}
.interval-group{display:flex;gap:2px}
.interval-btn{background:none;border:none;color:#484f58;font-size:13px;font-weight:700;padding:4px 12px;border-radius:5px;cursor:pointer;font-family:inherit;transition:all .15s}
.interval-btn:hover{color:#8b949e;background:#21262d}
.interval-btn.active{background:#21262d;color:#c9d1d9}
.chart-type-group{display:flex;gap:0;border:1px solid #30363d;border-radius:6px;overflow:hidden}
.ct-btn{background:none;border:none;color:#484f58;font-size:12px;font-weight:700;padding:4px 12px;cursor:pointer;font-family:inherit;transition:all .15s;border-right:1px solid #30363d}
.ct-btn:last-child{border-right:none}
.ct-btn:hover{color:#8b949e;background:#21262d}
.ct-btn.active{background:#21262d;color:#c9d1d9}
.candle-up{fill:#3fb950;stroke:#3fb950}
.candle-dn{fill:#f85149;stroke:#f85149}
.wick{stroke-width:1.5}
.chart-svg-wrap{position:relative}
svg.area-chart{width:100%;height:240px;display:block;cursor:crosshair}
.chart-tooltip{position:absolute;top:8px;left:50%;transform:translateX(-50%);background:#21262d;border:1px solid #30363d;border-radius:8px;padding:8px 14px;font-size:13px;pointer-events:none;display:none;white-space:nowrap;z-index:10}
.chart-tooltip .tt-date{color:#8b949e;font-size:11px;margin-bottom:2px}
.chart-tooltip .tt-price{color:#f0f6fc;font-weight:800;font-size:16px;font-variant-numeric:tabular-nums}
.chart-tooltip .tt-chg{font-size:12px;font-weight:700}
.crosshair-line{stroke:#30363d;stroke-width:1;stroke-dasharray:4 3;pointer-events:none;display:none}
.crosshair-dot{fill:#38bdf8;stroke:#161b22;stroke-width:2;pointer-events:none;display:none}
.chart-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.chart-brand{display:flex;align-items:center;gap:6px;color:#8b949e;font-size:12px;font-weight:600}
.timeframe-group{display:flex;gap:2px}
.tf-btn{background:none;border:none;color:#484f58;font-size:12px;font-weight:700;padding:4px 12px;border-radius:4px;cursor:pointer;font-family:inherit;transition:all .15s}
.tf-btn:hover{color:#8b949e}
.tf-btn.active{color:#38bdf8;background:rgba(56,189,248,.08)}
.market-breadcrumb{padding:12px 32px 0;font-size:13px;color:#64748b}
.market-breadcrumb a{color:#38bdf8;text-decoration:none}
.chart-hidden{display:none}
.market-footer{background:#0c1322;border-top:1px solid #1e293b;padding:18px 24px;text-align:center;color:#475569;font-size:13px}
.market-footer a{color:#475569;text-decoration:none}
.market-instrument-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.market-instrument-links a{color:#94a3b8;border:1px solid #30363d;border-radius:999px;padding:5px 11px;text-decoration:none;font-size:12px;font-weight:800}
.market-instrument-links a.active{color:#38bdf8;border-color:#38bdf8;background:rgba(56,189,248,.08)}
.market-context{margin-top:18px;background:#111827;border:1px solid #1f2937;border-radius:12px;padding:16px 18px;color:#94a3b8;font-size:14px}
.market-context h2{font-size:16px;color:#f1f5f9;margin-bottom:8px}
.market-context p{margin:6px 0}
.market-context strong{color:#e2e8f0}