.zk-grades.svelte-1soqksa{display:flex;flex-direction:column;gap:8px}.zk-grades__row.svelte-1soqksa{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.zk-grade.svelte-1soqksa{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:12px 16px;background:transparent;border:1px solid var(--rule-strong);color:var(--ink);font-family:var(--font-serif);font-size:15px;font-weight:500;cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.zk-grade.svelte-1soqksa:hover:not(:disabled){border-color:var(--ink);background:#1a171408}.zk-grade.svelte-1soqksa:disabled{opacity:.55;cursor:not-allowed}.zk-grade--jade.svelte-1soqksa{border-color:var(--jade)}.zk-grade--gold.svelte-1soqksa{border-color:var(--gold)}.zk-grade--seal.svelte-1soqksa{border-color:var(--seal)}.zk-grade--suggested.svelte-1soqksa{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.zk-grade--suggested.svelte-1soqksa:after{content:"↵";position:absolute;top:4px;right:8px;font-family:var(--font-mono);font-size:10px;color:var(--fg-muted)}.zk-grade__label.svelte-1soqksa{white-space:nowrap}.zk-grade__when.svelte-1soqksa{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);white-space:nowrap}.zk-grades__keys.svelte-1soqksa{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);text-align:center}.zk-grades--compact.svelte-1soqksa .zk-grades__row:where(.svelte-1soqksa){gap:8px}.zk-grades--compact.svelte-1soqksa .zk-grade:where(.svelte-1soqksa){flex-direction:column;gap:4px;padding:10px 4px;min-height:64px;font-size:13px}.zk-grades--compact.svelte-1soqksa .zk-glyph:where(.svelte-1soqksa){width:22px;height:22px;flex-basis:22px;font-size:12px}@media(max-width:1100px){.zk-grade.svelte-1soqksa{flex-wrap:wrap;gap:8px;padding:12px 8px;font-size:14px}}