.pin-screen{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.pin-body{flex:1;justify-content:center;align-items:center;padding:24px 16px 60px;display:flex}.pin-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:380px;box-shadow:0 6px 20px color-mix(in srgb, var(--ink) 8%, transparent);border-radius:16px;padding:28px 22px 24px}.pin-title{color:var(--ink);text-align:center;margin:0 0 8px;font-size:21px}.pin-desc{color:var(--muted);text-align:center;margin:0 0 20px;font-size:13px;line-height:1.7}.pin-input{letter-spacing:.32em;text-align:center;border:2px solid var(--line);background:color-mix(in srgb, var(--surface) 97%, var(--ink));width:100%;color:var(--ink);appearance:none;border-radius:12px;padding:16px 10px;font-size:30px;font-weight:800}.pin-input::placeholder{color:color-mix(in srgb, var(--muted) 45%, white);letter-spacing:.32em}.pin-input:focus{border-color:var(--ink);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 40%, transparent);outline:none}.pin-error{color:var(--danger);margin:14px 0 0;font-size:13px;font-weight:700;line-height:1.6}.pin-submit{width:100%;margin-top:18px}.pin-pair{flex-direction:column;gap:12px;display:flex}.pin-input-confirm{font-size:24px}.pin-suggest{width:100%;color:var(--ink);border:1px dashed var(--line);cursor:pointer;background:0 0;border-radius:10px;padding:12px 10px;font-size:14px;font-weight:700}.pin-suggest:disabled{opacity:.5;cursor:default}.pin-reveal{border:1px solid var(--line);background:var(--brand-pale);text-align:center;border-radius:10px;margin-bottom:16px;padding:14px 16px}.pin-reveal-label{color:var(--muted);margin:0 0 4px;font-size:12px;font-weight:700}.pin-reveal-value{letter-spacing:.22em;color:var(--ink);margin:0 0 8px;font-size:30px;font-weight:900}.pin-reveal-warn{color:var(--danger);margin:0;font-size:13px;font-weight:700;line-height:1.6}