.pin-panel{--key:68px;--dot:15px;align-items:center;display:flex;flex-direction:column}.pin-panel--compact{--key:58px;--dot:13px}.pin-panel__title{font-size:17px;font-weight:700;text-align:center}.pin-panel__subtitle{color:var(--grey-600);font-size:13px;margin-top:4px;text-align:center}.pin-panel__dots{display:flex;justify-content:center;margin-top:18px}.pin-panel--compact .pin-panel__dots{margin-top:12px}.pin-panel__dots--shake{animation:pin-shake .42s ease}@keyframes pin-shake{0%{transform:translate(12px)}20%{transform:translate(-10px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(2px)}to{transform:translate(0)}}.pin-dot{border:1.6px solid var(--grey-400);border-radius:50%;height:var(--dot);margin:0 7px;transition:background-color .12s ease,border-color .12s ease;width:var(--dot)}.pin-dot--on{background:var(--brand-blue);border-color:var(--brand-blue)}.pin-panel__line{align-items:center;display:flex;height:22px;justify-content:center;margin:10px 0 8px}.pin-panel--compact .pin-panel__line{margin:6px 0 4px}.pin-panel__error{color:#e53935;font-size:12.5px;font-weight:600;text-align:center}.pin-pad{display:grid;gap:8px 12px;grid-template-columns:repeat(3,var(--key))}.pin-key{align-items:center;background:var(--grey-100);border-radius:16px;color:var(--grey-900);display:inline-flex;font-size:calc(var(--key)*.36);font-weight:600;height:calc(var(--key)*.82);justify-content:center;transition:background-color .12s ease;width:var(--key)}.pin-key:hover:not(:disabled){background:var(--grey-200)}.pin-key:active:not(:disabled){background:var(--grey-300)}.pin-key--blank,.pin-key--icon{background:transparent}.ql-sheet{align-items:stretch;display:flex;flex-direction:column;gap:10px;padding:12px 20px 16px}.ql-sheet__title{font-size:19px;font-weight:700;text-align:center}.ql-sheet__desc{color:var(--grey-700);font-size:13.5px;line-height:1.35;margin-bottom:8px;text-align:center}.ql-option{align-items:center;background:var(--grey-100);border:1px solid var(--grey-300);border-radius:14px;color:var(--grey-900);display:flex;font-size:15px;font-weight:600;gap:12px;padding:14px 16px;text-align:start}.ql-option span{flex:1}.ql-option--hi{background:var(--brand-gradient);border:0;color:#fff}.ql-status{align-items:center;background:var(--grey-100);border-radius:12px;display:flex;gap:10px;padding:12px 14px}.ql-status__text{font-size:14px;font-weight:700}.ql-status__id{color:var(--grey-600);font-size:12.5px;margin-top:2px}.ql-outline{align-items:center;border:1px solid var(--grey-400);border-radius:22px;color:var(--m3-primary);display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-height:44px;padding:0 16px}.ql-outline--danger{color:#e53935}