.app-shell{color:#23231f;background:#f7f6f3;font-family:Helvetica,Arial,system-ui,sans-serif}.app-shell .topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f7f6f3;border-color:#dedcd5;height:72px;padding:0 max(24px,50vw - 540px)}.app-shell .topbar .logo{letter-spacing:-.03em;font-size:1.18rem}.app-shell .topbar a,.app-shell .text-button{color:#706f68;font-weight:500}.app-shell .topbar .logo{color:#23231f;font-weight:700}.phone-setup{justify-content:center;min-height:calc(100dvh - 72px);padding:clamp(76px,13vh,144px) 24px 100px;display:flex}.phone-card{width:min(100%,540px)}.phone-card .welcome{color:#706f68;margin:0 0 24px;font-size:.9rem}.phone-card h1{letter-spacing:-.045em;max-width:500px;margin:0;font-family:Georgia,Iowan Old Style,Baskerville,serif;font-size:clamp(2.7rem,7vw,4.4rem);font-weight:400;line-height:1.02}.phone-card .intro{color:#706f68;max-width:430px;margin:22px 0 0;font-size:1.05rem;line-height:1.6}.phone-form{gap:0;width:min(100%,440px);margin:42px 0 0;display:grid}.phone-control{background:0 0;border:1px solid #dedfdc;border-radius:4px;align-items:center;height:50px;display:flex}.phone-control:focus-within{outline-offset:2px;outline:2px solid #23231f}.country-picker{flex:0 0 64px;width:64px;height:100%;position:relative}.country-picker select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.country-presentation{color:#706f68;pointer-events:none;justify-content:center;align-items:center;gap:7px;height:100%;display:flex}.country-flag{font-size:18px;line-height:1}.phone-divider{background:#dedfdc;flex:0 0 1px;width:1px;height:22px}.number-field{flex:1;min-width:0;height:100%}.number-field input{color:#23231f;width:100%;min-width:0;height:100%;font:inherit;background:0 0;border:0;outline:0;padding:0 14px;font-size:16px}.number-field input::placeholder{color:#92918b;opacity:1}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.phone-form button{color:#f7f6f3;background:#23231f;border-radius:4px;width:100%;height:48px;margin-top:24px;font-weight:650}.phone-form button:focus-visible,.app-shell .text-button:focus-visible,.app-shell .topbar a:focus-visible{outline-offset:3px;outline:2px solid #23231f}.phone-form button:hover:not(:disabled){background:#393934}.confirm-note{color:#706f68;text-align:center;margin:11px 0 0;font-size:.82rem;line-height:1.5}.phone-card .notice{border-radius:6px;margin:28px 0 0}.connection-state{border-top:1px solid #dedcd5;border-bottom:1px solid #dedcd5;gap:13px;margin-top:32px;padding:18px 0;display:flex}.connection-state>span{background:#9b792d;border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.connection-state.state-ready>span{background:#436b4d}.connection-state p{color:#706f68;margin:4px 0 0;line-height:1.5}.connect-card{border:1px solid #dedcd5;border-radius:8px;width:min(100% - 40px,620px);margin:12vh auto;padding:36px}.connect-card h1{text-transform:capitalize}.connect-card>p{color:#706f68;line-height:1.6}@media (width<=520px){.app-shell .topbar{height:64px;padding:0 20px}.phone-setup{min-height:calc(100dvh - 64px);padding:64px 20px 56px}.phone-card h1{font-size:2.85rem}.phone-card .intro{font-size:1rem}.phone-form{margin-top:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.message-step{width:min(100%,440px);margin-top:38px}.message-step h2{letter-spacing:-.025em;margin:0;font-family:Georgia,Iowan Old Style,Baskerville,serif;font-size:1.8rem;font-weight:400}.message-step>p{color:#706f68;margin:10px 0 0;line-height:1.55}.imessage-button{color:#f7f6f3;background:#23231f;border-radius:4px;justify-content:center;align-items:center;width:100%;height:48px;margin-top:24px;font-weight:650;text-decoration:none;display:flex}.imessage-button:hover{background:#393934}.imessage-button:focus-visible,.message-fallback button:focus-visible,.message-fallback summary:focus-visible{outline-offset:3px;outline:2px solid #23231f}.message-step .waiting-copy{text-align:center;font-size:.82rem}.message-fallback{color:#706f68;border-top:1px solid #dedcd5;margin-top:24px;padding-top:18px}.message-fallback summary{cursor:pointer;color:#23231f;width:max-content}.message-fallback>p{font-size:.9rem}.copy-row{align-items:center;gap:10px;margin-top:10px;display:flex}.copy-row code{overflow-wrap:anywhere;color:#23231f;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem}.copy-row button{color:#23231f;white-space:nowrap;background:0 0;border:1px solid #dedfdc;border-radius:4px;margin-left:auto;padding:7px 9px}.expired-note{color:#706f68;width:min(100%,440px);margin:22px 0 0;font-size:.9rem;line-height:1.5}
