.paint-social{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.paint-social-jump{display:block;margin:12px auto 0;min-height:44px;text-align:center}.paint-social{scroll-margin-top:20px}
.paint-social-actions .secondary{background:var(--tint);color:var(--ink);border:1px solid var(--line);box-shadow:none}
.paint-social-head{display:flex;align-items:center;gap:12px}.paint-social-head>div{flex:1}.paint-social h2{font-size:28px;line-height:1.12;letter-spacing:-.025em}.paint-social p{font-size:15px;line-height:1.55;margin:14px 0}.paint-social-head img{width:96px;height:132px;object-fit:contain}
.paint-social-actions{display:grid;gap:10px;margin-top:22px}.paint-social-actions .button{width:100%;min-height:52px;justify-content:center}.paint-social-note{color:var(--muted);font-size:14px;line-height:1.5}.paint-transfer-history{margin:20px 0;border-top:1px solid var(--line)}.paint-transfer-history summary{display:flex;justify-content:space-between;align-items:center;min-height:56px;cursor:pointer;font-weight:650;list-style:none}.paint-transfer-history summary::-webkit-details-marker{display:none}.paint-transfer-history[open] summary span{transform:rotate(45deg)}
.paint-transfer{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line);font-size:15px}.paint-transfer small{display:block;color:var(--muted);margin-top:4px}.paint-transfer strong{font-variant-numeric:tabular-nums}
#paint-social-dialog{position:fixed;inset:0;margin:auto;border:1px solid var(--line);border-radius:24px;padding:24px;width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 32px - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink)}
#paint-social-dialog::backdrop{background:#101c1899}.paint-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.paint-dialog-head h2{font-size:26px;line-height:1.15;letter-spacing:-.025em}.paint-dialog-head button{flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--white);font-size:26px}
.paint-dialog-body p{font-size:15px;line-height:1.55;margin:12px 0}.paint-dialog-body .button{width:100%;min-height:52px;justify-content:center;margin-top:10px}.paint-social-form{display:grid;gap:16px}.paint-social-form label{font-size:15px;line-height:1.5}.paint-social-form input:not([type=checkbox]),.paint-social-form select{display:block;width:100%;margin-top:7px;padding:12px;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);font:inherit;font-size:16px}.paint-social-form .paint-check{display:flex;align-items:flex-start;gap:10px}.paint-check input{width:22px;height:22px;flex:none;accent-color:var(--cta);margin-top:2px}.paint-form-error{color:var(--error)}.paint-form-error:empty{display:none}.paint-transfer-summary{text-align:center;padding:10px 0}.paint-transfer-summary strong{display:block;font-size:36px;line-height:1.2;letter-spacing:-.025em}.paint-transfer-summary img{object-fit:contain}.paint-dialog-body :focus-visible,.paint-social :focus-visible{outline:3px solid var(--deep);outline-offset:3px}
@media(max-width:360px){.paint-social-head img{width:70px;height:106px}.paint-social h2{font-size:25px}#paint-social-dialog{padding:20px}.paint-dialog-head h2{font-size:23px}}

/* Native dialog keeps its focus/escape behavior; older WebViews open instantly. */
#paint-social-dialog{opacity:0;transform:translateY(8px) scale(.98);transition:opacity 200ms var(--ease),transform 200ms var(--ease),display 200ms allow-discrete,overlay 200ms allow-discrete}
#paint-social-dialog[open]{opacity:1;transform:translateY(0) scale(1)}
#paint-social-dialog::backdrop{opacity:0;transition:opacity 200ms var(--ease),display 200ms allow-discrete,overlay 200ms allow-discrete}
#paint-social-dialog[open]::backdrop{opacity:1}
@starting-style{#paint-social-dialog[open]{opacity:0;transform:translateY(8px) scale(.98)}#paint-social-dialog[open]::backdrop{opacity:0}}
.paint-transfer-history summary span{transition:transform 180ms var(--ease)}
.paint-dialog-head button,.paint-social-actions button{transition:transform 140ms var(--ease),opacity 140ms var(--ease)}
[data-social-status]:not(:empty),#social-gift-status:not(:empty){padding:12px 14px;border-radius:14px;background:var(--tint);color:var(--ink)}
[data-input-mode=keyboard] #paint-social-dialog,[data-input-mode=keyboard] #paint-social-dialog::backdrop{transition:none}
@media(prefers-reduced-motion:reduce){#paint-social-dialog,#paint-social-dialog::backdrop,.paint-transfer-history summary span{transition:none}}