/* The phone welcome is static HTML so it is fully styled before React starts. */
#folio-device-notice{box-sizing:border-box;padding:28px 25px max(24px,env(safe-area-inset-bottom));gap:0;justify-content:flex-start;background:radial-gradient(ellipse at 10% 25%,#e4eddf 0,transparent 55%),radial-gradient(ellipse at 95% 65%,#f2e6d3 0,transparent 48%),#faf9f5;color:#244b3e;text-align:center;isolation:isolate}
#folio-device-notice *{box-sizing:border-box}#folio-device-notice>*{flex-shrink:0}
.fdm-header{width:100%;max-width:520px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto}
.fdm-logo{width:160px;height:auto;display:block}
.fdm-private{display:flex;align-items:center;gap:5px;font-size:10px;letter-spacing:.2px;color:#6b7a6d;white-space:nowrap}.fdm-private svg{width:13px;height:13px}
.fdm-content{width:100%;max-width:370px;margin:auto;padding:25px 0 18px;animation:fdm-enter .65s ease-out both}
.fdm-label{display:inline-flex;gap:6px;align-items:center;padding:6px 11px;background:#eaf0e2;border:1px solid #d6e2cc;border-radius:30px;font-size:8px;letter-spacing:1.4px;font-weight:600}.fdm-label:before{content:'';width:5px;height:5px;border-radius:50%;background:#7b9a67}
#folio-device-notice h1{font:400 clamp(32px,9vw,42px)/1.12 Georgia,serif;letter-spacing:-1.3px;margin:18px 0 15px;color:#244b3e}#folio-device-notice h1 em{font-weight:400;color:#78936d}
#folio-device-notice .fdm-description{font-size:13px;line-height:1.8;color:#65776a;max-width:300px;margin:0 auto}
.fdm-devices{display:flex;justify-content:center;gap:10px;margin:22px 0}.fdm-devices span{display:flex;align-items:center;gap:7px;padding:8px 13px;background:#ffffff96;border:1px solid #dce3d5;border-radius:9px;color:#4f6957;font-size:11px}.fdm-devices svg{width:17px;height:17px}
#folio-device-notice .fdm-copy-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:1px solid #285342;border-radius:12px;background:#285342;color:#fffaf0;padding:14px 20px;font:600 12px 'Segoe UI',Arial,sans-serif;cursor:pointer;box-shadow:0 7px 14px #28534213;transition:background .2s,transform .2s}.fdm-copy-button svg{width:16px;height:16px}.fdm-copy-button:active{transform:scale(.98)}#folio-device-notice .fdm-copy-button:focus-visible{outline:3px solid #b4915a;outline-offset:4px}
#folio-device-notice .fdm-address{margin:10px auto 0;font-size:10px;letter-spacing:.2px;color:#819080;overflow-wrap:anywhere}#folio-device-notice .fdm-copy-status{font-size:11px;margin:8px auto 0;min-height:18px;color:#4e7057}
.fdm-footer{width:100%;max-width:370px;margin:0 auto;padding-top:12px;border-top:1px solid #dce4d5}#folio-device-notice .fdm-footer p{font-size:10px;line-height:1.7;margin:0 auto;max-width:300px;color:#7b8979}#folio-device-notice .fdm-footer nav{display:flex;justify-content:center;gap:18px;margin:13px 0 0}#folio-device-notice .fdm-footer a{font-size:10px;color:#778573;text-decoration:none}#folio-device-notice .fdm-footer a:focus-visible{outline:2px solid #79946c;outline-offset:4px}
@keyframes fdm-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#folio-device-notice *,#folio-device-notice *:before,#folio-device-notice *:after{animation:none!important;transition:none!important}}
@media(max-height:650px){#folio-device-notice{padding-top:20px}.fdm-content{padding-top:18px}.fdm-private{display:none}}