:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-y:hidden}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.pin-dialog{background:#fff;padding:2rem;border-radius:1.5rem;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:360px}.pin-input-container{margin-bottom:2rem}.pin-input-container input{position:absolute;opacity:0;width:0;height:0}.pin-dots{display:flex;justify-content:center;gap:1rem;margin:1rem 0}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid #319795;transition:all .2s ease}.pin-dot.filled{background-color:#319795;transform:scale(1.1)}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.pin-key{background-color:#fff;border:2px solid #E2E8F0;border-radius:1rem;padding:1rem;font-size:1.5rem;color:#1a202c;transition:all .2s ease;cursor:pointer}.pin-key:hover{background-color:#f7fafc;transform:translateY(-1px)}.pin-key:active{transform:translateY(1px)}.pin-key-clear{font-size:1rem;color:#e53e3e}.pin-key-enter{font-size:1rem;color:#319795}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.shake{animation:shake .3s ease-in-out}#root{margin:0 auto}