body{margin:0;background:#f5f7fb;font-family:Inter,Arial,sans-serif;color:#1f2937}.wrap{max-width:1160px;margin:auto;padding:14px}.top{background:#fff;border:1px solid #e7eaf2;border-radius:10px;padding:10px;display:grid;gap:8px}.topline{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}.topline span{font-size:12px;color:#6b7280}.period-select{font-size:11px;padding:2px 6px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#374151;cursor:pointer}.chg{font-size:11px;font-weight:600;white-space:nowrap}.chg.up{color:#16a34a}.chg.down{color:#dc2626}.chg.new{color:#2563eb;font-size:10px;background:#eff6ff;padding:1px 4px;border-radius:3px}.chg.flat{color:#9ca3af}.top input{padding:10px;border:1px solid #d7dce7;border-radius:8px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.toolbar button{border:1px solid #d7dce7;background:#fff;padding:7px 10px;border-radius:8px}.toolbar .active{border-color:#1e77d3;color:#1e77d3;font-weight:700}.statsHead{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.statsHead div{background:#fcfdff;border:1px solid #e7eaf2;border-radius:8px;padding:10px;text-align:center}.statsHead b{font-size:20px;display:block}.statsHead span{font-size:12px;color:#6b7280}.item{margin-top:8px;background:#fff;border:1px solid #e7eaf2;border-radius:10px;padding:10px;display:flex;justify-content:space-between;cursor:pointer;align-items:center}.item small{display:block;color:#6b7280;font-size:12px;margin-top:3px}.item em{font-style:normal;color:#6b7280}.pager{display:flex;justify-content:space-between;align-items:center;margin:10px 0;color:#6b7280;font-size:12px}.pager button{border:1px solid #d7dce7;background:#fff;padding:6px 10px;border-radius:8px;margin-left:6px}.btn{border:1px solid #d7dce7;background:#fff;padding:7px 10px;border-radius:8px}.hero{margin-top:10px;background:linear-gradient(135deg,#3f50ff,#8e3cff 52%,#f23a96);color:#fff;border-radius:14px;padding:14px;box-shadow:0 12px 28px #6746ff47}.heroTop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}.hero h2{margin:0 0 4px}.hero small{opacity:.9}.tickerBadge{display:inline-block;background:#fff3;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:3px 10px;font-size:12px;vertical-align:middle;margin-right:6px}.heroStats{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px;flex:1}.heroStats div{background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 10px}.heroStats span{display:block;font-size:11px;opacity:.92}.heroStats b{font-size:18px}.largest{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2)}.largestTop{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px}.largestTop b{font-size:28px;line-height:1}.largestTrack{margin-top:8px;height:8px;border-radius:999px;background:#ffffff3d;overflow:hidden}.largestFill{height:100%;background:#fff;border-radius:999px}.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pills span{background:#ffffff29;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:5px 10px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.card{margin-top:10px;background:#fff;border:1px solid #e7eaf2;border-radius:10px;padding:10px}.row{display:flex;justify-content:space-between;align-items:center}.row button{border:1px solid #d7dce7;background:#fff;padding:6px 10px}.row .on{border-color:#1e77d3;color:#1e77d3}.iconToggle{display:inline-flex;border:1px solid #d7dce7;border-radius:10px;overflow:hidden;background:#fff}.iconToggle button{height:34px;padding:0 12px;border:0;border-right:1px solid #d7dce7;display:grid;place-items:center;font-size:13px;cursor:pointer}.iconToggle button:last-child{border-right:0}.iconToggle .on{background:#eef5ff;color:#1e77d3;font-weight:700}.bars{margin-top:8px;display:grid;gap:8px}.bar{display:grid;grid-template-columns:200px 1fr 60px;gap:8px;align-items:center;font-size:12px}.bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track{height:10px;background:#eff2f8;border-radius:99px}.track div{height:100%;border-radius:99px}.bar em{font-style:normal;color:#6b7280}.pie{max-width:300px;margin:10px auto 0}.netTitle{font-weight:700;margin-bottom:8px}.networkBox{width:100%;height:320px;border:1px solid #e7eaf2;border-radius:10px;background:#fff}.linkBtn{border:0;background:transparent;color:#1e77d3;padding:0;cursor:pointer;font:inherit;text-align:left}.linkBtn:hover{text-decoration:underline}.desktopTable{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wide{width:max-content;min-width:980px;border-collapse:collapse}.table-wide th,.table-wide td{padding:8px;border-bottom:1px solid #f1f3f8;white-space:nowrap;font-size:12px;text-align:left}.table-wide th{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.12em}.ticker{font-weight:700;color:#8b5e34}.mini{width:88px;padding:4px 6px;border:1px solid #d7dce7;border-radius:6px}@media (max-width:980px){.statsHead{grid-template-columns:repeat(2,1fr)}.heroStats{grid-template-columns:repeat(2,minmax(90px,1fr))}.bar{grid-template-columns:1fr}.largestTop b{font-size:22px}}