.hp-pinacts{display:flex;gap:7px}.hp-pinacts,.hp-pinbtn{align-items:center;flex:none}.hp-pinbtn{display:inline-flex;gap:6px;font-size:12px;padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--bg-1);color:var(--fg-2);cursor:pointer;font-family:var(--font-sans);white-space:nowrap;transition:background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}.hp-pinbtn:hover{color:var(--fg);border-color:var(--line-strong)}.hp-pinbtn svg{width:13px;height:13px}.hp-pinbtn[data-on=true]{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 45%,var(--line));background:color-mix(in oklab,var(--accent) 12%,var(--bg-1))}.hp-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:250;display:flex;align-items:center;gap:12px;background:var(--bg-2);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-3);padding:9px 14px;font-size:12.5px;color:var(--fg-1);animation:hp-toast-in var(--dur-3) var(--ease-out)}@keyframes hp-toast-in{0%{transform:translate(-50%,8px);opacity:0}to{transform:translate(-50%);opacity:1}}.hp-toast-act{border:none;background:none;color:var(--accent);font-size:12px;cursor:pointer;font-family:var(--font-sans);padding:0}.hp-toast-act:hover{text-decoration:underline}