:root{--cc-bg:#071019;--cc-panel:#0d1824;--cc-line:rgba(148,163,184,.17);--cc-text:#f7f9fc;--cc-muted:#8fa2b7;--cc-green:#42e59b;--cc-orange:#ff9e43;--cc-red:#ff667c;--cc-cyan:#65dff5;--cc-violet:#a98cff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 5%,rgba(61,229,154,.08),transparent 28%),radial-gradient(circle at 90% 15%,rgba(169,140,255,.09),transparent 30%),var(--cc-bg);color:var(--cc-text);font-family:Inter,Segoe UI,Arial,sans-serif}.cc-shell{width:min(1540px,calc(100% - 28px));margin:auto;padding:28px 0 60px}.cc-top{display:flex;justify-content:space-between;gap:22px;align-items:flex-end}.cc-kicker{color:var(--cc-green);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.cc-top h1{margin:7px 0 8px;font-size:clamp(30px,4vw,58px);line-height:.98}.cc-top p{max-width:900px;margin:0;color:var(--cc-muted);font-size:13px;line-height:1.55}.cc-back{padding:10px 14px;border:1px solid var(--cc-line);border-radius:12px;color:var(--cc-text);text-decoration:none;font-size:12px}.cc-disclaimer{margin:17px 0;padding:10px 13px;border:1px solid rgba(255,158,67,.2);border-radius:12px;background:rgba(255,158,67,.05);color:#d5b58f;font-size:10px}.cc-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0}.cc-summary>div,.cc-follow-panel,.cc-family,.cc-ranking{border:1px solid var(--cc-line);background:linear-gradient(145deg,rgba(18,31,46,.96),rgba(8,17,27,.96));box-shadow:0 18px 45px rgba(0,0,0,.16)}.cc-summary>div{padding:12px 14px;border-radius:14px}.cc-summary small{display:block;color:var(--cc-muted);font-size:9px;text-transform:uppercase}.cc-summary strong{display:block;margin-top:4px;font-size:19px}.cc-follow-panel{margin-bottom:12px;padding:14px;border-radius:17px}.cc-follow-empty{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--cc-muted);font-size:12px}.cc-follow-empty strong{color:var(--cc-text)}.cc-follow-data{display:grid;grid-template-columns:1.3fr repeat(5,1fr) auto;gap:7px;align-items:center}.cc-follow-data>div{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.035)}.cc-follow-data small{display:block;color:var(--cc-muted);font-size:8px}.cc-follow-data strong{display:block;margin-top:3px;font-size:12px}.cc-action{border:1px solid rgba(101,223,245,.25);border-radius:9px;padding:7px 10px;background:rgba(101,223,245,.08);color:#bff5ff;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.cc-action.primary{border-color:rgba(66,229,155,.28);background:rgba(66,229,155,.1);color:#9ff6ca}.cc-action.danger{border-color:rgba(255,102,124,.22);background:rgba(255,102,124,.06);color:#ff9bab}.cc-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cc-family{padding:12px;border-radius:18px;min-width:0}.cc-family-head{display:flex;justify-content:space-between;gap:8px}.cc-family-rank{display:flex;gap:9px;align-items:center}.cc-rank{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(169,140,255,.12);color:#c8b8ff;font-size:11px;font-weight:950}.cc-family h2{margin:0;font-size:15px}.cc-family-head small{display:block;margin-top:2px;color:var(--cc-muted);font-size:8px}.cc-state{align-self:start;padding:5px 7px;border-radius:999px;background:rgba(148,163,184,.09);font-size:8px;font-weight:900}.cc-state.leading{color:#83f6bd;background:rgba(66,229,155,.11)}.cc-state.strengthening{color:#a8f2ff;background:rgba(101,223,245,.1)}.cc-state.weakening,.cc-state.lagging{color:#ff9eae;background:rgba(255,102,124,.08)}.cc-family-moves{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:9px 0}.cc-family-moves div{padding:6px;border-radius:8px;background:rgba(2,6,23,.28);text-align:center}.cc-family-moves small{display:block;color:var(--cc-muted);font-size:7px}.cc-family-moves strong{display:block;margin-top:2px;font-size:10px}.up{color:var(--cc-green)!important}.down{color:var(--cc-red)!important}.flat{color:#cbd5e1!important}.cc-family-meta{display:flex;justify-content:space-between;gap:7px;margin-bottom:8px;color:var(--cc-muted);font-size:8px}.cc-assets{display:grid;gap:4px}.cc-asset{display:grid;grid-template-columns:22px 28px minmax(0,1fr) auto;gap:5px;align-items:center;padding:5px 6px;border:1px solid rgba(148,163,184,.11);border-radius:9px;background:rgba(255,255,255,.022)}.cc-asset-rank{color:#71849a;font-size:8px;font-weight:900}.cc-logo{width:27px;height:27px;object-fit:contain;border-radius:50%;background:rgba(255,255,255,.08);padding:2px}.cc-asset-name{min-width:0}.cc-asset-name strong{display:block;font-size:10px}.cc-asset-name small{display:block;color:var(--cc-muted);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-asset-data{text-align:right}.cc-asset-data strong{display:block;font-size:9px}.cc-asset-data small{display:block;margin-top:2px;font-size:7px}.cc-family-foot{display:flex;justify-content:space-between;gap:6px;margin-top:8px}.cc-ranking{margin-top:12px;padding:14px;border-radius:18px}.cc-ranking h2{margin:0 0 10px;font-size:16px}.cc-table{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cc-row{display:grid;grid-template-columns:22px 30px minmax(0,1fr) auto;gap:6px;align-items:center;padding:7px;border:1px solid rgba(148,163,184,.11);border-radius:10px;background:rgba(255,255,255,.025)}.cc-modal{position:fixed;inset:0;display:none;place-items:center;padding:18px;background:rgba(1,5,10,.78);backdrop-filter:blur(8px);z-index:20}.cc-modal.open{display:grid}.cc-dialog{width:min(460px,100%);padding:20px;border:1px solid var(--cc-line);border-radius:20px;background:#0b1622}.cc-dialog h2{margin:0 0 5px}.cc-dialog p{margin:0 0 15px;color:var(--cc-muted);font-size:11px}.cc-form{display:grid;gap:9px}.cc-form label{display:grid;gap:4px;color:var(--cc-muted);font-size:9px}.cc-form input,.cc-form select{width:100%;border:1px solid var(--cc-line);border-radius:9px;padding:10px;background:#07111b;color:var(--cc-text)}.cc-dialog-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}.cc-status{padding:35px;border:1px dashed var(--cc-line);border-radius:18px;color:var(--cc-muted);text-align:center}.cc-foot{margin-top:12px;color:#677c91;font-size:9px;text-align:center}
@media(max-width:1100px){.cc-families{grid-template-columns:repeat(2,1fr)}.cc-table{grid-template-columns:repeat(2,1fr)}.cc-follow-data{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.cc-top{align-items:flex-start;flex-direction:column}.cc-summary{grid-template-columns:1fr 1fr}.cc-families,.cc-table{grid-template-columns:1fr}.cc-follow-data{grid-template-columns:1fr 1fr}.cc-family-moves{grid-template-columns:repeat(2,1fr)}}