.paper-dialog.share-reward-dialog { width:min(390px,calc(100vw - 24px)); padding:24px; max-height:calc(100svh - 24px); overflow:auto; border-radius:18px; }
.share-reward-dialog h2 { margin:0 25px 12px 0; font-size:22px; }
.share-reward-result { min-height:42px; display:grid; place-items:center; padding:10px; margin:0 0 12px; border-radius:10px; background:#e5edd9; color:#385842; font-size:13px; font-weight:700; text-align:center; }
.share-reward-qr { display:grid; place-items:center; }
.share-reward-qr canvas { width:192px; height:192px; background:white; border-radius:10px; }
.share-reward-note { min-height:32px; margin:8px 0 10px; font-size:11px; line-height:1.5; color:#687764; text-align:center; }
.share-reward-dialog label { display:block; margin-bottom:5px; font-size:11px; }
#share-reward-url { width:100%; min-width:0; height:42px; border:1px solid #a8b39e; border-radius:8px; background:#fffef8; color:#375347; padding:8px; font-size:16px; }
.share-reward-actions { display:flex; gap:8px; margin-top:10px; }
.share-reward-actions button { flex:1; min-width:0; min-height:44px; padding:8px; font-size:13px; }
.share-reward-status { min-height:30px; margin:8px 0; font-size:11px; line-height:1.4; color:#49674a; }
.share-reward-dialog>small { display:block; font-size:10px; text-align:center; color:#7a816f; }
@media(max-height:650px) { .paper-dialog.share-reward-dialog { padding:18px; } .share-reward-qr canvas { width:156px; height:156px; } .share-reward-dialog h2 { font-size:20px; } }
@media(max-height:430px) and (min-width:600px) { .paper-dialog.share-reward-dialog { width:560px; display:grid; grid-template-columns:170px 1fr; gap:4px 14px; } .share-reward-dialog:not([open]) { display:none; } .share-reward-dialog h2,.share-reward-result,.share-reward-dialog>small { grid-column:1 / -1; } .share-reward-qr { grid-column:1; grid-row:3 / 7; } .share-reward-note,.share-reward-dialog label,#share-reward-url,.share-reward-actions { grid-column:2; } .share-reward-note { margin:0;min-height:0; } .share-reward-status { grid-column:1 / -1; margin:0;min-height:16px; } }