:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0d141e;color:#e2eaf3;font:14px system-ui}header,main{max-width:1700px;margin:auto;padding:20px 28px}header{border-bottom:1px solid #2b3b50}nav{display:flex;gap:24px}a{color:#9cccf2;text-decoration:none}h1{font-size:28px;margin:20px 0 6px}h1 span{font-weight:400;color:#9cb2ca}h2{font-size:18px;margin:0}p{line-height:1.6;color:#a6b8ce;margin:6px 0}section{background:#111d2b;border:1px solid #293b51;border-radius:10px;margin:18px 0;padding:18px}label{font-size:12px;color:#a6b8ce}select,input,button{font:inherit;color:#e2eaf3;background:#192a3e;border:1px solid #3e5670;border-radius:5px;padding:9px}button{cursor:pointer}button:hover{background:#294563}button:disabled{opacity:.5;cursor:default}input[type=checkbox]{accent-color:#63b7f6}select{max-width:100%}.controls{display:flex;flex-wrap:wrap;gap:16px}.controls>div{flex:1;min-width:185px}.controls label{display:block;margin-bottom:6px}.controls select{width:100%}.sectionbar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.buttons,.filters,.add{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.add{margin:16px 0 6px}#symbols{width:320px}.active{border-color:#7cc4fa;background:#25527a}.notice,#error,#message{color:#edc982}#source{font-size:13px;color:#a6b8ce;line-height:1.7}.cards{display:flex;gap:12px;flex-wrap:wrap}.card{background:#152338;border:1px solid #30435e;border-radius:7px;padding:12px 18px;min-width:180px}.card strong{display:block;font-size:22px;margin-top:6px}.card small{color:#a6b8ce}#selected{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip{border:1px solid #526d89;background:#182a40;padding:7px;border-radius:6px}.tabs{margin:10px 0}#plot{height:440px}#hover{font-size:13px;min-height:36px;line-height:1.7;color:#b6c9de}.tablewrap{overflow:auto;max-height:620px;margin-top:16px}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:13px}td,th{padding:11px 12px;text-align:right;border-bottom:1px solid #29394e}th{background:#17283c;position:sticky;top:0;z-index:1;font-size:12px;color:#a9c0d8}td:nth-child(2),th:nth-child(2),td:last-child{text-align:left}td small{display:block;color:#8ea8c1;font-size:11px}.up{color:#6ed6b4}.down{color:#f18f9c}.muted{color:#8b9eb3}.phase{display:none}body.rebound .phase{display:revert}.controls .phase{display:none}body.rebound .controls .phase{display:block}details{padding:16px 0;color:#a6b8ce}summary{cursor:pointer;color:#d4e2f2}@media(max-width:700px){header,main{padding:16px}h1{font-size:23px}.controls>div{min-width:140px}.sectionbar{align-items:flex-start}#plot{height:350px}#symbols{width:100%}.card{min-width:135px;flex:1}nav{gap:12px;flex-wrap:wrap}}
.quick-groups{margin:12px 0}.quick-groups button{min-height:40px}
.chip.trace-focus{background:#31516b;box-shadow:0 0 0 2px #dfedff;color:#fff}.scatterlayer .trace{transition:opacity .08s}.legend .traces{cursor:pointer}
.structure-row{padding:10px 0;border-top:1px solid #31465f}#structurePanel h3{margin:0 0 8px}
.warn{color:#f1c36d;background:#30291c;border-left:3px solid #d5a142;padding:10px 12px;border-radius:4px}

.structure-row{padding:18px 0}.structure-row h4{font-size:18px;margin:0 0 9px}.structure-row h4 span{font-size:14px;font-weight:500;color:#b5c9df}.structure-row strong{color:#e8f0fc}.structure-age{line-height:1.9;background:#17283b;border-radius:6px;padding:10px 14px;margin:10px 0}.structure-muted{font-size:12px;color:#9bb0c5}.structure-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:12px 0}.structure-columns b{color:#c9def1}.structure-columns p{margin:5px 0}@media(max-width:750px){.structure-columns{grid-template-columns:1fr;gap:12px}}

.rank-context{margin:10px 0;padding:10px 14px;border-left:3px solid #668fba;background:#142235;border-radius:5px}.rank-context p{margin:6px 0}.rank-context details{margin:9px 0}.rank-sequence{overflow-wrap:anywhere;max-height:180px;overflow-y:auto}.coin-chart-link{color:#a9d5ff;text-decoration:none}.coin-chart-link:hover{text-decoration:underline}
