/* Standalone public token ranking: restrained data graphics, legible labels. */
.token-ranking{margin:24px 0;min-width:0;background:radial-gradient(ellipse at 100% 0,#2b596b28,transparent 55%),linear-gradient(150deg,#142338,#101a2b);border-color:#38546d}
.token-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px}
.token-kicker{display:block;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:#91c8d9}
.token-heading h2{margin:9px 0 8px;font-size:25px;line-height:1.35;letter-spacing:-.025em;color:#e5f4ff}
.token-heading p{margin:0;color:#aac1d8;font-size:14px;line-height:1.8}
.token-source{display:inline-flex;align-items:center;gap:20px;flex-shrink:0;padding:9px 13px;border:1px solid #4c7589;border-radius:7px;background:#1c394b;color:#bdeaf2;font-size:13px}
.token-source:hover{background:#25495e;border-color:#87c8d6}
.token-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;padding:18px;border:1px solid #324b66;border-radius:9px;background:#101d30}
.token-controls label{display:flex;flex-direction:column;gap:7px;min-width:0;color:#abc0d7;font-size:13px}
.token-controls select,.token-controls input{box-sizing:border-box;min-height:40px;margin:0;padding:8px 11px;border:1px solid #45617c;border-radius:6px;background:#14283d;color:#d9edf8;font:inherit;font-size:14px;line-height:1.5;max-width:100%}
.token-controls select{padding-right:26px;width:auto}
.token-controls input{width:100%}
.token-controls input::placeholder{color:#9db5ca}
.token-search{flex:1;min-width:220px!important}
.token-mode{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #3d5b74;border-radius:7px;background:#0c192a;min-height:40px}
.token-mode button{border:0;border-radius:4px;background:transparent;padding:6px 12px;min-height:32px;color:#b0c5d9;font-size:13px;cursor:pointer;white-space:nowrap}
.token-mode button[aria-pressed=true]{background:#285366;color:#c5f6fa;box-shadow:inset 0 0 0 1px #6395a6}
.token-mode button:hover{color:#e2faff}
.token-metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;padding:23px 0 20px}
.token-metrics>div{min-width:0;padding-left:20px;border-left:1px solid #3b536b}
.token-metrics>div:first-child{padding-left:0;border:0}
.token-metrics span{display:block;color:#b1c7dd;font-size:13px}
.token-metrics strong{display:block;margin:9px 0 6px;color:#a5e7ed;font:500 30px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.045em}
.token-metrics>div:nth-child(2) strong{color:#c0b2f5}
.token-metrics>div:nth-child(3) strong{color:#cfdaea}
.token-metrics small{display:block;color:#a3bbd2;font-size:13px;line-height:1.7}
.token-table-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 13px}
.token-table-caption p{margin:0;color:#c1d8eb;font-size:14px;line-height:1.7}
.token-table-caption p span{display:block;color:#9fb9d0;font-size:13px}
.token-scenario-label{font-size:13px;color:#b9aedf;text-align:right}
.token-table-wrap{width:100%;max-width:100%;overflow:auto;max-height:770px;border:1px solid #365069;border-radius:8px;scrollbar-width:thin;scrollbar-color:#4a718b #0e1b2c;overscroll-behavior:contain}
.token-table{width:100%;min-width:1050px;border-collapse:separate;border-spacing:0;table-layout:fixed;color:#c6d9eb}
.token-table th{position:sticky;top:0;z-index:1;padding:13px 15px;border-bottom:1px solid #4b6880;background:#1e334c;text-align:left;font-size:13px;font-weight:500;line-height:1.65}
.token-table th:nth-child(1){width:25%}.token-table th:nth-child(2){width:15%}.token-table th:nth-child(3){width:13%}.token-table th:nth-child(4){width:10%}.token-table th:nth-child(5){width:17%}.token-table th:nth-child(6){width:20%}
.token-table td{padding:17px 15px;border-bottom:1px solid #2b4057;vertical-align:top;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.token-table tr:nth-child(even) td{background:#17273d55}.token-table tr:hover td{background:#1b334b}.token-table tr:last-child td{border-bottom:0}
.token-model-label{display:flex;align-items:baseline;gap:12px}.token-model-label strong{color:#d1eaf4;font-size:14px;font-weight:550;line-height:1.7}
.token-rank{flex:0 0 21px;color:#96b4cd;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}
.token-model small{display:block;margin:5px 0 0 33px;color:#a3bcd2;font-size:13px}
.token-bar{display:block;overflow:hidden;height:4px;margin:12px 0 0 33px;border-radius:3px;background:#2b4059}
.token-bar i{display:block;max-width:100%;height:100%;background:linear-gradient(90deg,#3b829b,#88dbe3);border-radius:3px}
.token-number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}
.token-number>strong{color:#c1f0f4;font-size:17px;font-weight:500}.token-number small{display:block;margin-top:6px;color:#a2bbd1;font:13px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.token-range{color:#b7cbe0;font-size:13px!important}
.token-concentration>strong{display:block;font:500 15px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#c5ddec}.token-concentration>strong.token-concentrated{color:#e4c098}.token-concentration>a{display:block;margin-top:7px;color:#a5d3e1;font-size:13px}
.token-evidence-list{display:flex;flex-wrap:wrap;gap:5px}.token-evidence{display:inline-flex;padding:3px 6px;border:1px solid #425d76;border-radius:4px;background:#263951;color:#b9d4e8;font-size:13px;white-space:nowrap}
.token-evidence-A{color:#b2ead4;border-color:#416f69;background:#23493f55}.token-evidence-B{color:#b3e7f0;border-color:#477484;background:#22485555}.token-evidence-C{color:#cfc1f1;border-color:#625c81;background:#3a315455}.token-evidence-D{color:#efcda9;border-color:#7a6553;background:#493d3155}
.token-evidence-key{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:17px;color:#a8c0d6;font-size:13px}.token-evidence-key span{display:inline-flex;align-items:center;gap:7px}.token-evidence-key i{display:block;width:7px;height:7px;border-radius:2px}.token-dot-A{background:#9fdcbe}.token-dot-B{background:#8fd7e5}.token-dot-C{background:#b9a6ee}.token-dot-D{background:#ddbb96}
.token-note{margin:15px 0 0;color:#abc0d5;font-size:13px;line-height:1.9}.token-method{margin-top:16px;border-top:1px solid #30495f;padding-top:10px}.token-method summary{cursor:pointer;padding:7px 0;color:#b4dce8;font-size:14px}.token-method>div{padding:0 0 2px;color:#aec4d9;font-size:13px;line-height:1.9}.token-method p{margin:10px 0}
.token-loading,.token-empty{padding:35px 20px;color:#b4cde2;font-size:14px;text-align:center;line-height:1.8}.token-loading button{display:block;margin:14px auto 0;padding:8px 16px;border:1px solid #578393;border-radius:6px;background:#23475a;color:#c3eef4;font-size:14px;cursor:pointer}
.token-ranking :is(a,button,select,input,summary,[tabindex]):focus-visible{outline:3px solid #a0e9f0;outline-offset:4px}
@media(max-width:1250px){.token-controls{gap:12px}.token-search{flex-basis:100%}.token-heading h2{font-size:23px}.token-metrics{gap:12px}.token-metrics>div{padding-left:14px}.token-metrics strong{font-size:27px}}
@media(max-width:760px){.token-heading{flex-direction:column;gap:16px}.token-heading h2{font-size:23px}.token-kicker{font-size:13px;letter-spacing:.04em}.token-controls{padding:14px}.token-controls label{flex:1;min-width:160px}.token-controls select{width:100%}.token-mode{width:100%}.token-mode button{flex:1}.token-search{min-width:0!important}.token-metrics{grid-template-columns:1fr;gap:15px;padding:20px 0}.token-metrics>div,.token-metrics>div:first-child{padding:0 0 14px;border-left:0;border-bottom:1px solid #30485f}.token-metrics>div:last-child{padding-bottom:0;border:0}.token-metrics strong{font-size:29px;margin:5px 0}.token-table-caption{flex-direction:column;gap:7px}.token-scenario-label{text-align:left}.token-table-wrap{max-height:660px}.token-source{font-size:13px}.token-note{font-size:13px}.token-evidence-key{gap:8px 14px}}
@media(prefers-reduced-motion:reduce){.token-ranking *{animation:none!important;transition:none!important}}
