/* Iskra: share, receive and invitations. */
.share-body .exchange-touch-option{display:flex;align-items:center;gap:13px;width:100%;border:1px solid #dccbf4;border-radius:17px;padding:16px;text-align:left;background:#f7f2ff;margin:23px 0 0;color:#7952e8;cursor:pointer;font:inherit}
.exchange-touch-option:hover{background:#eee5ff}.exchange-symbol{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:13px;background:#7952e8;color:white}.exchange-symbol>.icon{width:22px;height:22px}.exchange-touch-option>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.exchange-touch-option strong{font-size:14px;color:#49315e;font-weight:750}.exchange-touch-option small{font-size:10px;line-height:1.5;color:#87699e}.exchange-touch-option>.icon{margin-left:auto;flex-shrink:0;width:18px;height:18px}
.share-body>.text-button{font-size:11px;line-height:1.6;white-space:normal;margin-top:15px}.share-body>.text-button .icon{width:16px;height:16px}.share-body .qr-wrap{margin:22px auto}.touch-body h2,.referral-body h2{letter-spacing:-1px}.touch-art{height:189px;display:flex;align-items:center;justify-content:center;position:relative;gap:20px;margin:16px 0 21px;border-radius:22px;background:radial-gradient(ellipse at 65% 40%,#ecdfff,#f8f4ff 70%);overflow:hidden}.touch-phone{width:82px;height:132px;background:#39254e;border:4px solid #4b3560;box-shadow:0 18px 22px #39254e25;border-radius:19px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#ffc5a5;transform:rotate(-10deg)}.touch-phone>.icon{width:30px;height:30px}.touch-phone>span{font-weight:800;font-size:8px;letter-spacing:1.4px}.touch-waves{font-size:27px;letter-spacing:3px;font-weight:600;color:#ae8be7;transform:rotate(-12deg);margin-left:-10px}.touch-tag{display:grid;place-items:center;width:80px;height:105px;border-radius:14px;color:white;font-size:18px;font-weight:800;background:#7952e8;box-shadow:0 12px 25px #7952e835;transform:rotate(12deg)}.touch-status{display:flex;align-items:center;justify-content:center;gap:8px;color:#785596;font-size:11px;font-weight:650}.touch-status>.icon{width:15px;height:15px}.touch-body .bio{margin-block:20px}.touch-limit{padding:17px 19px;background:#fff5ee;border:1px solid #f1ded0;border-radius:14px;text-align:left;margin-bottom:22px}.touch-limit>strong{font-size:12px;color:#6d4b61}.touch-limit>p{font-size:11px;line-height:1.85;color:#856775;margin:8px 0 0}.exchange-device-note{color:#8b739d;font-size:10px;line-height:1.8;margin:11px 0 17px}.exchange-feedback{color:#7952b5;background:#f7f2ff;border-radius:10px;padding:13px;font-size:12px;line-height:1.8}.exchange-feedback:empty{display:none}.touch-body>.button{margin-top:12px}.touch-body>.text-button{font-size:12px;line-height:1.7;margin-top:17px}.touch-body>.button:disabled{opacity:.5;cursor:default;box-shadow:none}
.referral-gift{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:11px;background:#39254e;color:#ffc5a5;border-radius:20px;padding:23px;margin:20px 0 26px}.referral-gift>.icon{width:34px;height:34px;color:#bfa1ff}.referral-gift>span{font-size:57px;font-weight:700;line-height:1.2;letter-spacing:-3px}.referral-gift>small{font-size:17px;font-weight:650;margin-left:4px}.referral-code{padding:20px;border:1px dashed #c8ace7;border-radius:14px;background:#faf6ff;margin:22px 0;display:flex;align-items:center;flex-direction:column;gap:10px;min-width:0}.referral-code>span{color:#9274a5;font-size:8px;font-weight:700;letter-spacing:1.5px}.referral-code>strong{font-size:19px;color:#6f45cd;font-weight:750;letter-spacing:1.2px;overflow-wrap:anywhere}.referral-code>small{font-size:10px;line-height:1.8;color:#8b729d;text-align:center}.referral-steps{list-style:none;padding:0;margin:25px 0}.referral-steps>li{display:flex;gap:17px;margin:0 0 21px;text-align:left}.referral-steps>li>span{font-size:11px;color:#7952e8;line-height:22px;flex-shrink:0;font-weight:750}.referral-steps strong{color:#5a3e70;font-size:13px}.referral-steps p{font-size:11px;line-height:1.85;color:#92769f;margin:7px 0 0}.referral-program-status{padding:18px;border-radius:13px;background:#f6f1fa;margin-top:20px}.referral-program-status>strong{font-size:11px;color:#765789}.referral-program-status>p{font-size:10px;line-height:1.85;color:#8c729d;margin:7px 0 0}
.referral-owner{display:flex;align-items:center;gap:22px;padding:27px 30px;margin-top:25px}.referral-owner-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#f3eaff;color:#7952e8;flex-shrink:0}.referral-owner h3{font-size:19px;letter-spacing:-.5px;margin:9px 0;color:#513768}.referral-owner p{color:#91759f;font-size:11px;line-height:1.8;margin:0}.referral-owner>.button{margin-left:auto;flex-shrink:0}.referral-owner .eyebrow{font-size:7px;letter-spacing:1.1px}
.receive-actions{border-top:1px solid #e9dfef;padding-top:24px;margin-top:29px}.receive-actions>.eyebrow{font-size:7px;letter-spacing:1.1px;display:block;margin-bottom:17px}.receive-actions>.button{margin-top:10px;min-height:48px;font-size:12px;white-space:normal;line-height:1.6}.receive-actions>p{font-size:10px!important;line-height:1.85!important;margin:12px 0 18px!important;color:#947ba1!important}.receive-app-note{display:block;text-align:center;font-size:9px;color:#9b84a6;margin-top:10px;line-height:1.7}.receive-invitation{display:flex;gap:11px;padding:15px;border-radius:12px;background:#f7f1ff;margin:20px 0 24px;color:#806091}.receive-invitation>.icon{width:20px;height:20px;flex-shrink:0;color:#9a79d7}.receive-invitation>span{font-size:10px;line-height:1.6}.receive-invitation strong{display:block;font-size:12px;letter-spacing:.6px;color:#7952e8;margin:5px 0;overflow-wrap:anywhere}.receive-invitation small{font-size:9px;line-height:1.7;display:block}.guest-details>#guest-save{margin-top:22px;background:white;border:1px solid #dfceef;color:#7952e8;box-shadow:none;font-size:12px}.received-label{display:block;color:#a189ad;font-size:7px;letter-spacing:1px;font-weight:700;margin-bottom:20px}.received-contact>h2,.received-contact>p,.received-contact>small{overflow-wrap:anywhere}.app-store-soon{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.app-store-soon>button{border:1px solid #e3d6ed;border-radius:13px;background:#faf7fd;color:#846892;font-size:15px;font-weight:700;padding:18px 10px;line-height:1.5}.app-store-soon small{display:block;font-size:10px;font-weight:400;margin-top:5px}.install-body .bio{line-height:1.9}
@media(max-width:1100px){.referral-owner{flex-wrap:wrap}.referral-owner>.button{margin-left:74px}.referral-owner>div:nth-child(2){flex:1;min-width:150px}}
@media(max-width:600px){.referral-owner{gap:17px;padding:25px}.referral-owner h3{font-size:18px;line-height:1.5}.referral-owner-icon{width:42px;height:42px}.referral-owner>.button{margin-left:0;width:100%}.share-body .exchange-touch-option{padding:14px 12px;gap:10px}.exchange-touch-option strong{font-size:13px}.exchange-touch-option small{font-size:9px}.exchange-symbol{width:36px;height:38px}.share-body>.text-button{font-size:11px}.touch-art{height:175px}.touch-status{font-size:10px}.touch-body h2,.referral-body h2{font-size:27px}.touch-limit{padding:15px}.touch-body .bio{font-size:12px}.referral-gift>span{font-size:49px}.referral-gift>small{font-size:15px}.referral-code>strong{font-size:17px}.referral-code>span{font-size:7px}.referral-steps p{font-size:11px}.receive-actions>.button{font-size:11px;padding-inline:10px}.receive-actions>p{font-size:10px!important}.receive-invitation{padding:13px;gap:9px}.receive-invitation strong{font-size:11px}.app-store-soon>button{font-size:13px}.install-body h2{font-size:26px}}
@media(max-width:360px){.touch-status{font-size:9px;gap:5px}.touch-art{gap:15px}.exchange-touch-option strong{font-size:11px}.exchange-touch-option small{font-size:8px}.exchange-symbol{width:32px;height:34px}.share-body .exchange-touch-option{gap:8px;padding:12px 10px}.referral-owner{padding:22px;gap:12px}.referral-owner h3{font-size:16px}.referral-owner .eyebrow{font-size:6px}.referral-gift>small{font-size:13px}.referral-code>strong{font-size:15px}.referral-code{padding:17px 12px}.receive-actions>.button{font-size:10px}.receive-invitation strong{font-size:10px}.receive-invitation small{font-size:8px}}

/* QR and link are the primary sharing actions; NFC is a secondary choice. */
.share-body h2{padding-right:28px}
.share-body .qr-wrap{margin:20px auto;width:max-content;max-width:100%}
.share-body .qr-wrap canvas{width:220px!important;height:auto!important;max-width:100%}
.share-body>strong{display:block;font-size:20px;line-height:1.4}
.share-body>small{display:block;font-size:13px;color:var(--ui-muted);margin:6px 0 22px}
.share-body .exchange-touch-option{margin:14px 0 0;padding:12px 14px;background:transparent}
.share-body .exchange-touch-option strong{font-size:13px}
.share-body .exchange-touch-option small{font-size:12px;color:var(--ui-muted)}
.share-body .exchange-symbol{width:38px;height:38px;background:var(--ui-canvas);color:var(--ui-violet)}
.share-body>.text-button{font-size:12px;min-height:44px}
.share-body>.subtle-note{font-size:12px;line-height:1.65}
.touch-limit>p,.exchange-device-note,.referral-steps p,.referral-program-status>p,.receive-actions>p{font-size:13px!important;line-height:1.7!important}
.touch-limit>strong,.referral-steps strong,.receive-invitation strong{font-size:14px}
.referral-owner p{font-size:13px;color:var(--ui-muted)}
@media(max-width:600px){
 .share-body .qr-wrap canvas{width:208px!important}.share-body>small{margin-bottom:18px}.share-body .exchange-touch-option{padding:12px;gap:10px}.share-body .exchange-touch-option small{font-size:11px}.share-body .exchange-touch-option strong{font-size:13px}.share-body>.button{min-height:48px;font-size:13px}.share-body>p{font-size:14px}.share-body .eyebrow{display:none}.share-body h2{font-size:25px}.referral-owner{padding:24px}.referral-owner h3{font-size:18px}
}