.token-surprisal{border:1px solid var(--rule-2);background:var(--panel);border-radius:14px;margin:28px 0 34px;padding:22px 24px}.token-surprisal figcaption{color:var(--foreground);font-size:15px;font-weight:500}.token-surprisal-rules{border-bottom:1px solid var(--rule-2);gap:22px;margin:14px 0 18px;display:flex}.token-surprisal-rules button{min-height:40px;color:var(--muted);border-bottom:1px solid #0000;margin-bottom:-1px;padding:0;font-size:14px}.token-surprisal-rules button[aria-pressed=true]{color:var(--foreground);border-bottom-color:var(--foreground)}.token-surprisal-row{border:1px solid #0000;border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 12px;display:grid}.token-surprisal-row[data-selected=true]{border-color:var(--accent-edge,var(--rule-3));background:color-mix(in srgb,var(--accent) 5%,transparent)}.token-surprisal-label{font:500 13px var(--font-geist-mono),monospace;color:var(--muted)}.token-surprisal-row p{flex-wrap:wrap;gap:4px;margin:0;display:flex}.token-surprisal-token{white-space:pre;font:15px var(--font-geist-mono),monospace;color:var(--foreground);background:color-mix(in srgb,var(--accent) calc(var(--surprisal)*45%),transparent);border-radius:6px;flex-direction:column;align-items:center;padding:6px 8px;display:inline-flex}.token-surprisal-token small{color:var(--muted);margin-top:3px;font-size:11px}.token-surprisal-row output{font:500 15px var(--font-geist-mono),monospace;font-variant-numeric:tabular-nums;color:var(--foreground);flex-direction:column;align-items:flex-end;display:flex}.token-surprisal-row output span{font:11px var(--font-geist-sans),sans-serif;color:var(--accent);margin-top:2px}.token-surprisal-result{color:var(--soft,var(--foreground));margin:16px 0 0;font-size:14px;line-height:1.7}.token-surprisal-note{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.6}@media (max-width:640px){.token-surprisal{padding:18px 16px}.token-surprisal-row{grid-template-columns:22px minmax(0,1fr)}.token-surprisal-row output{grid-column:2;align-items:flex-start}}
