.pin-overlay{display:none;position:fixed;inset:0;z-index:3200;align-items:center;justify-content:center;padding:14px;background:#0000006b;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.pin-sheet{width:100%;max-width:430px;border-radius:20px;border:1px solid var(--border);background:var(--card);box-shadow:0 24px 60px #00000059,0 4px 10px #0000002e;overflow:hidden;opacity:0;transform:translateY(12px) scale(.97);transition:opacity .22s ease-out,transform .26s cubic-bezier(.34,1.56,.64,1)}.pin-overlay.show .pin-sheet{opacity:1;transform:translateY(0) scale(1)}@media(prefers-reduced-motion:reduce){.pin-sheet{transition:opacity .12s linear;transform:none}.pin-overlay.show .pin-sheet{transform:none}}.pin-head{padding:12px 14px 10px;border-bottom:1px solid var(--border)}.pin-title{font-size:16px;font-weight:800;margin:0;letter-spacing:.2px}.pin-sub{margin:4px 0 0;font-size:12px;color:var(--muted)}.pin-body{padding:14px;display:flex;flex-direction:column;gap:12px}.pin-dots{display:flex;align-items:center;justify-content:center;gap:10px;padding:2px 0 6px;min-height:22px}.pin-dot{width:12px;height:12px;border-radius:999px;border:1.5px solid var(--controlBorder, var(--border));background:transparent;opacity:.9;transition:background-color .14s ease-out,border-color .14s ease-out,transform .2s cubic-bezier(.34,1.56,.64,1)}.pin-dot.filled{background:var(--fg);border-color:var(--fg);opacity:1;transform:scale(1.15)}@media(prefers-reduced-motion:reduce){.pin-dot{transition:background-color 80ms linear,border-color 80ms linear}.pin-dot.filled{transform:none}}.pin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;user-select:none;-webkit-user-select:none}.pin-key{height:58px;border-radius:14px;border:1px solid transparent;background:#7878801f;color:var(--fg);font-size:22px;font-weight:400;letter-spacing:-.02em;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s cubic-bezier(.34,1.56,.64,1),background-color .12s ease-out,opacity .12s ease-out;-webkit-tap-highlight-color:transparent}html[data-theme=dark] .pin-key{background:#ffffff14}.pin-key:hover{background:#7878802e}html[data-theme=dark] .pin-key:hover{background:#ffffff1f}.pin-key:active{transform:scale(.94);background:#78788038}html[data-theme=dark] .pin-key:active{background:#ffffff2e}@media(prefers-reduced-motion:reduce){.pin-key{transition:background-color 80ms linear}.pin-key:active{transform:none}}.pin-key.pin-fn{font-size:14px;font-weight:500;background:var(--btnSecondaryBg);color:var(--btnSecondaryFg)}.pin-actions{display:flex;gap:10px;margin-top:2px}.pin-actions .btn{padding:12px;margin:0;font-size:15px;border-radius:8px;min-height:44px}.pin-status{font-size:12px;color:var(--muted);white-space:pre-line;min-height:16px;text-align:center;margin-top:2px}.pin-shake{animation:saShake .28s ease}@keyframes saShake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.pin-overlay,.pin-sheet,.pin-grid,.pin-key,.pin-actions,.pin-dots{touch-action:manipulation}