.pin-container{padding:20px;max-width:300px;margin:20px auto;background:white;border-radius:12px;box-shadow:0 2px 10px #0000001a}.pin-title{text-align:center;margin-bottom:20px;font-size:1.5rem;color:#333}.pin-display{padding:15px;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:20px;text-align:center;font-size:24px;letter-spacing:8px;background:#f8f8f8;min-height:60px;display:flex;align-items:center;justify-content:center}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:10px}.pin-button{padding:20px;font-size:20px;border:1px solid #e0e0e0;border-radius:12px;background:white;cursor:pointer;transition:all .2s ease;color:#333;font-weight:500;box-shadow:0 2px 5px #0000000d}.pin-button:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.pin-button:active{transform:translateY(1px);box-shadow:none}.pin-button.delete{grid-column:span 2;background:#ff4444;color:#fff;border:none;font-weight:700}.pin-button.delete:hover{background:#ff2222}@media (max-width: 400px){.pin-container{margin:10px;padding:15px}.pin-button{padding:15px;font-size:18px}}body{background:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}