.totp-sharing{max-width:900px;margin:32px auto;padding:28px;color:var(--ink,#17192b);line-height:1.65}
.totp-sharing h2{margin-top:14px}.totp-sharing p{font-size:14px}
.share-warning{padding:14px;border:1px solid #d8a951;border-radius:12px;background:#fff8e8;color:#624000}
.totp-sharing select,.totp-sharing input:not([type=checkbox]){display:block;width:100%;min-height:48px;padding:10px;border:1px solid var(--line,#ddd);border-radius:10px;background:var(--surface,#fff);color:inherit}
.totp-sharing button{min-height:48px;padding:10px 18px;border:1px solid var(--line,#ddd);border-radius:10px;cursor:pointer;font:inherit}
.totp-sharing .share-ack{display:flex;align-items:flex-start;gap:12px;font-weight:400;margin:16px 0}.share-ack input{width:20px;height:20px;flex:0 0 20px}
.totp-share-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--line,#ddd)}.totp-share-row div{flex:1;min-width:0;overflow-wrap:anywhere}.totp-share-row small{display:block}
#totpShareResult{padding:16px;background:var(--surface-2,#f5f3ff);border-radius:12px}#totpShareResult button{margin-top:10px}
@media(max-width:600px){.totp-sharing{margin:24px 14px;padding:20px}.totp-share-row{flex-wrap:wrap}.totp-share-row div{flex-basis:100%}}