.hint-btn{--hint-fill:0%;--hint-amber:#f59e0b;--hint-amber-hover:#d97706;--hint-amber-icon:#78350f;cursor:pointer;background:linear-gradient(to top,var(--hint-amber)var(--hint-fill),transparent var(--hint-fill));width:36px;height:36px;color:var(--fg-2);border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;padding:0;transition:background .4s,color .2s,opacity .2s;display:inline-flex;position:relative}.hint-btn svg{flex-shrink:0;width:16px;height:16px}.hint-btn:disabled{opacity:.35;cursor:not-allowed}.hint-btn--ready{color:var(--hint-amber-icon)}.hint-btn--ready:not(:disabled):hover{background:linear-gradient(to top,var(--hint-amber-hover)var(--hint-fill),transparent var(--hint-fill));color:var(--hint-amber-icon)}.hint-btn:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.hint-btn__badge{background:var(--hint-amber);min-width:16px;height:16px;color:var(--hint-amber-icon);border-radius:8px;justify-content:center;align-items:center;padding:0 3px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}