.phone-upload-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:10px;border:1px solid #d5dce7;border-radius:8px;background:#fff;color:#3452ad;font:500 15px/1.4 var(--body,system-ui);cursor:pointer}
.phone-upload-button svg{width:20px;height:20px;flex:none}.phone-upload-button:hover{background:#f2f5ff;border-color:#9caee6}
.phone-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;padding:24px;border:1px solid #dce3ee;border-radius:16px;background:white;color:#253145;box-shadow:0 24px 80px #172b4d25;font:15px/1.6 system-ui,sans-serif;overflow:auto}
.phone-dialog::backdrop{background:#14213670}.phone-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.phone-dialog h2{margin:0;font-size:23px;letter-spacing:0;font-weight:650;line-height:1.35}.phone-dialog .phone-close{width:40px;height:40px;flex:none;padding:0;font-size:26px;background:#f4f6f9;border:0;border-radius:8px;cursor:pointer}
.phone-dialog p{margin:12px 0;line-height:1.65;font-size:15px}.phone-qr{display:flex;justify-content:center;min-height:40px}.phone-qr img{display:block;width:min(280px,100%);height:auto;image-rendering:pixelated}
.phone-clock{text-align:center;color:#677386;font-variant-numeric:tabular-nums}.phone-state{min-height:24px;text-align:center;color:#3656bd;overflow-wrap:anywhere}.phone-actions{display:flex;gap:10px}.phone-actions button{flex:1}
.phone-dialog button:not(.phone-close),.phone-page button,.phone-picker{font:500 15px/1.4 system-ui,sans-serif;padding:11px 14px;min-height:44px;border:1px solid #ccd6e8;border-radius:8px;background:#f8faff;color:#3152b0;cursor:pointer}
.phone-dialog button:disabled,.phone-page button:disabled{opacity:.5;cursor:default}.phone-dialog .phone-keep{font-size:13px;color:#6b7686}.phone-dialog .phone-privacy{margin-top:12px;border-top:1px solid #e8edf3;padding-top:10px}
.phone-dialog .phone-privacy summary{cursor:pointer;list-style:revert;display:list-item;font-size:14px;font-weight:500;padding:0;min-height:auto;color:#596579;background:none}.phone-dialog .phone-privacy summary::after{display:none}.phone-dialog .phone-privacy p{font-size:13px;color:#6b7686}
.phone-dialog :focus-visible,.phone-page :focus-visible,.phone-upload-button:focus-visible{outline:3px solid #3459df;outline-offset:3px}
.phone-page{max-width:560px;margin:0 auto;padding:28px 20px 48px;font:16px/1.65 system-ui,sans-serif;color:#253145}.phone-page header{border-bottom:1px solid #e4e9f2;padding-bottom:20px}.phone-page header a{color:#263347;text-decoration:none;font-size:21px;font-weight:700}.phone-page h1{font-size:27px;line-height:1.35;margin:28px 0 12px;letter-spacing:0}.phone-page p{margin:12px 0}.phone-page .phone-picker{display:block;text-align:center;background:#edf2ff;border-color:#cad6ff;color:#2e50bf;padding:15px;margin-top:24px;position:relative}.phone-picker:focus-within{outline:3px solid #3459df;outline-offset:3px}.phone-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.phone-page .phone-limits{font-size:13px;color:#6b7686}.phone-page ul{padding:0;margin:20px 0;list-style:none}.phone-page li{display:flex;gap:12px;align-items:center;border-bottom:1px solid #e6ebf3;padding:12px 0}.phone-page li div{min-width:0;flex:1}.phone-page li strong{display:block;font-size:14px;overflow-wrap:anywhere;font-weight:500}.phone-page li span{display:block;font-size:13px;color:#647086}.phone-page li button{padding:8px;font-size:13px}.phone-page .phone-submit{display:flex;gap:10px}.phone-page #phone-send{flex:1;background:#3559dc;color:white;border-color:#3559dc}.phone-page .phone-privacy{font-size:13px;color:#6b7686;border-top:1px solid #e5eaf2;padding-top:20px;margin-top:28px}.phone-page .error,.phone-dialog .error{color:#b12e38}.phone-page #phone-expiry{font-size:13px;color:#6b7686}
@media(max-width:480px){.phone-dialog{padding:20px}.phone-dialog h2{font-size:21px}.phone-actions{flex-wrap:wrap}.phone-actions button{min-width:140px}}
.phone-dialog .phone-link{box-sizing:border-box;width:100%;margin-top:12px;padding:10px;font:13px/1.4 system-ui;border:1px solid #d5dce7;border-radius:6px;color:#536073;background:#f8faff}.phone-dialog .phone-link[hidden]{display:none}