:root{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color:#101010;background:#d9d5ca;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #d9d5ca;--text: #101010;--muted: rgba(16, 16, 16, .72);--soft: rgba(16, 16, 16, .08);--accent: #ee7d17;--line: rgba(16, 16, 16, .18)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer}#root{min-height:100vh}.pin-screen{width:min(100%,430px);min-height:100vh;margin:0 auto;padding:2.8rem 1.2rem 2rem;display:flex;align-items:center;justify-content:center;background:var(--bg)}.pin-panel{width:100%;display:flex;flex-direction:column;align-items:center}.pin-kicker{margin:0 0 1.2rem;font-size:2rem;font-weight:600;letter-spacing:.04em;color:var(--text);text-align:center;transform:translateY(-3.7rem)}.pin-kicker-bottom{margin:0 0 1.2rem;font-size:1.5rem;font-weight:600;letter-spacing:.04em;color:var(--text);text-align:center;transform:translateY(13rem)}.pin-row{display:flex;justify-content:center;align-items:center;gap:1.85rem;margin-bottom:6rem}.pin-row.shake{animation:shake .25s ease-in-out 1}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-14px)}40%{transform:translate(14px)}60%{transform:translate(-14px)}80%{transform:translate(14px)}}.pin-dot{width:.9rem;height:.9rem;border-radius:50%;background:#fff}.pin-dot.filled{background:#101010eb}.keypad{width:min(100%,320px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem .7rem}.key-button{width:clamp(64px,18vw,80px);aspect-ratio:1 / 1;margin:0 auto;border-radius:50%;border:none;background:#fff;color:var(--text, #101010);font-size:clamp(1.8rem,5vw,2.4rem);font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 2px 6px #1010100a;transition:background-color .15s ease,transform .1s ease}.key-button:active{background:#101010;color:#fff}.key-button-empty{background:transparent;box-shadow:none;color:#101010b8}.key-button-empty{visibility:hidden;pointer-events:none}.key-button-delete{width:54px;height:60px;margin:0 auto;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);padding:10% 0 0 10%;font-size:2.2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 0 94 60'%3E%3Cpath d='M 20 4 H 72 A 8 8 0 0 1 80 12 V 48 A 8 8 0 0 1 72 56 H 20 Q -3 33 -3 30 Q -3 27 20 4 Z' fill='%23ffffff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 125%;filter:drop-shadow(0 4px 6px rgba(16,16,16,.08));transition:filter .15s ease,color .15s ease}.key-button-delete:active{color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 0 94 60'%3E%3Cpath d='M 20 4 H 72 A 8 8 0 0 1 80 12 V 48 A 8 8 0 0 1 72 56 H 20 Q -3 33 -3 30 Q -3 27 20 4 Z' fill='%23e0dcd2'/%3E%3C/svg%3E");filter:none}.zero-button{grid-column:2}.success-screen{width:min(100%,430px);min-height:100vh;margin:0 auto;padding:2.8rem 1.2rem 2rem;display:flex;align-items:center;justify-content:center;background:var(--bg)}.success-content{text-align:center}.success-eyebrow{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:-.04em;color:var(--text)}.success-content h1{margin:.8rem 0 0;font-size:clamp(2rem,7vw,3.4rem);font-weight:700;letter-spacing:-.06em;color:var(--text)}@media (min-width: 420px){.pin-screen{padding-left:1.5rem;padding-right:1.5rem}}