.rd-frame{width:100%;container-type:inline-size}.rd{aspect-ratio:16/8.2;width:100%;font-family:var(--font-plex-sans,"IBM Plex Sans",system-ui,sans-serif);color:#1d2420;isolation:isolate;--u:1cqw;border-radius:14px;position:relative;overflow:hidden}.rd-wall,.rd-desk,.rd-plant,.rd-mug,.rd-link,.rd-stand{display:none}.rd{background:#dfe8ee var(--rd-bg)center/100% 100% no-repeat;--rd-bg:url(/os-desk/wide.webp);aspect-ratio:2048/1056;--pl:12.5977%;--pt:17.4242%;--pw:15.5762%;--ph:65.9091%;--pu:calc(15.5762cqw/16.4);--ml:41.0156%;--mt:9.5644%;--mw:53.5156%;--mh:55.303%;--mu:calc(53.5156cqw/53.8);--pmask:url(/os-desk/wide-phone-mask.webp);--mmask:url(/os-desk/wide-mac-mask.webp)}.rd-phone,.rd-mac{-webkit-mask:var(--m)center/100% 100% no-repeat;-webkit-mask:var(--m)center/100% 100% no-repeat;mask:var(--m)center/100% 100% no-repeat;position:absolute}.rd-phone{left:var(--pl);top:var(--pt);width:var(--pw);height:var(--ph);--u:var(--pu);--m:var(--pmask);z-index:2}.rd-mac{left:var(--ml);top:var(--mt);width:var(--mw);height:var(--mh);--u:var(--mu);--m:var(--mmask);z-index:1}.rd-phone-screen{background:#faf8f5;flex-direction:column;height:100%;display:flex;overflow:hidden}.rd-screen{background:linear-gradient(160deg,#9fd2f2 0%,#c5e6f7 55%,#e4d9c4 100%);width:100%;height:100%;position:relative;overflow:hidden}.rd-phone-bar{padding:calc(2.4*var(--u))calc(1.4*var(--u))calc(.9*var(--u));align-items:center;gap:calc(.2*var(--u));border-bottom:1px solid #ece6dd;flex-direction:column;display:flex}.rd-phone-bar span{font-weight:600;font-size:calc(1.3*var(--u))}.rd-phone-bar small{font-size:calc(.8*var(--u));color:#1e6a49;align-items:center;gap:calc(.35*var(--u));display:inline-flex}.rd-phone-bar small:before{content:"";width:calc(.55*var(--u));height:calc(.55*var(--u));background:#2e9e66;border-radius:50%}.rd-chat{padding:calc(1.1*var(--u));gap:calc(.8*var(--u));flex-direction:column;flex:1;justify-content:flex-end;display:flex;overflow:hidden}.rd-msg{font-size:calc(.98*var(--u));border-radius:calc(1.1*var(--u));padding:calc(.8*var(--u))calc(1*var(--u));line-height:1.38}.rd-me{background:#e8e2d8;align-self:flex-end;max-width:88%}.rd-me.is-typing:after{content:"|";margin-left:1px;animation:.9s steps(2,end) infinite rd-blink}.rd-ai{background:#fff;border:1px solid #ece6dd}.rd-steps{gap:calc(.45*var(--u));flex-direction:column;display:flex}.rd-step{gap:calc(.6*var(--u));font-size:calc(.84*var(--u));color:#4e5852;align-items:flex-start;line-height:1.3;display:flex}.rd-step code{font-family:var(--font-plex-mono,"IBM Plex Mono",ui-monospace,monospace);font-size:calc(.78*var(--u));color:#1e6a49;padding:0 calc(.3*var(--u));border-radius:calc(.3*var(--u));background:#e9f3ee}.rd-step i{width:calc(.9*var(--u));height:calc(.9*var(--u));margin-top:calc(.12*var(--u));border-radius:50%;flex:none}.rd-step i.is-ok{background:#2e9e66}.rd-step i.is-run{border:calc(.18*var(--u))solid #2e9e66;border-right-color:#0000;animation:.8s linear infinite rd-spin}.rd-ask{align-items:center;gap:calc(.5*var(--u));margin-top:calc(.8*var(--u));flex-wrap:wrap;display:flex}.rd-ask span{width:100%;font-weight:600;font-size:calc(.92*var(--u))}.rd-ask button{font:inherit;font-size:calc(.9*var(--u));border-radius:calc(.8*var(--u));padding:calc(.45*var(--u))calc(1.1*var(--u));color:#fff;background:#1b1f22;border:0}.rd-ask button.is-quiet{color:#1d2420;background:#ece6dd}.rd-link{width:9%;height:calc(.2*var(--u));background:repeating-linear-gradient(90deg,#9ec5dc 0 calc(.6*var(--u)),transparent calc(.6*var(--u))calc(1.2*var(--u)));opacity:.6;position:absolute;top:52%;left:30.5%}.rd-link span{top:calc(-.35*var(--u));width:calc(.9*var(--u));height:calc(.9*var(--u));opacity:0;background:#2e9e66;border-radius:50%;position:absolute;left:0}.rd-link.is-live span{opacity:1;animation:1.1s ease-in-out infinite rd-travel}.rd-menubar{height:calc(2.1*var(--u));align-items:center;gap:calc(1.3*var(--u));padding:0 calc(1.2*var(--u));font-size:calc(.95*var(--u));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb8;display:flex}.rd-menubar em{color:#1e6a49;margin-left:auto;font-style:normal;font-weight:600}.rd-scan{inset:calc(2.1*var(--u))0 0 0;border:calc(.25*var(--u))solid transparent;pointer-events:none;position:absolute}.rd-scan.is-on{box-shadow:inset 0 0 calc(3*var(--u))#2e9e6647;border-color:#2e9e66;animation:1.4s ease-in-out infinite rd-pulse}.rd-win{border-radius:calc(.8*var(--u));box-shadow:0 calc(.8*var(--u))calc(2*var(--u))#1e283238;background:#fff;animation:.35s ease-out rd-pop;position:absolute;overflow:hidden}.rd-win-bar{height:calc(2*var(--u));align-items:center;gap:calc(.5*var(--u));padding:0 calc(.9*var(--u));font-size:calc(.85*var(--u));color:#6b736e;background:#f3f1ee;border-bottom:1px solid #e7e2da;display:flex}.rd-win-bar i{width:calc(.8*var(--u));height:calc(.8*var(--u));background:#e2645a;border-radius:50%}.rd-win-bar i:nth-child(2){background:#f0b545}.rd-win-bar i:nth-child(3){background:#5cc165}.rd-win-bar span{margin-left:calc(.6*var(--u))}.rd-mail{width:62%;height:60%;top:11%;left:5%}.rd-mail-body{height:calc(100% - calc(2*var(--u)));display:flex}.rd-inbox{border-right:1px solid #eee8e0;width:42%;margin:0;padding:0;list-style:none}.rd-inbox li{padding:calc(.7*var(--u))calc(.9*var(--u));font-size:calc(.85*var(--u));border-bottom:1px solid #f1ece5;flex-direction:column;display:flex}.rd-inbox li b{font-weight:600}.rd-inbox li span{color:#7a827d}.rd-inbox li.is-sel{color:#fff;background:#2f7de1}.rd-inbox li.is-sel span{color:#dbe8fb}.rd-read{padding:calc(1.1*var(--u));flex:1}.rd-read-h{font-weight:600;font-size:calc(1.05*var(--u));margin:0 0 calc(.8*var(--u))}.rd-read-l{height:calc(.55*var(--u));border-radius:calc(.3*var(--u));margin:0 0 calc(.55*var(--u));background:#ece7df}.rd-read-l.is-short{width:60%}.rd-chip{margin-top:calc(.8*var(--u));font-size:calc(.8*var(--u));border-radius:calc(.5*var(--u));padding:calc(.3*var(--u))calc(.6*var(--u));border:1px solid #e3ddd3;display:inline-block}.rd-sheet{left:50%;top:calc(2*var(--u));border-radius:0 0 calc(.8*var(--u))calc(.8*var(--u));width:70%;padding:calc(1*var(--u))calc(1.2*var(--u));font-size:calc(.9*var(--u));box-shadow:0 calc(.8*var(--u))calc(1.6*var(--u))#1e28322e;background:#f7f5f2;border:1px solid #e3ddd3;border-top:0;animation:.3s ease-out rd-drop;position:absolute;transform:translate(-50%)}.rd-sheet p{margin:0 0 calc(.7*var(--u));font-weight:600}.rd-sheet div{gap:calc(.8*var(--u));align-items:center;display:flex}.rd-sheet span{color:#7a827d}.rd-sheet b{border-radius:calc(.4*var(--u));padding:calc(.2*var(--u))calc(.7*var(--u));background:#fff;border:1px solid #e3ddd3;font-weight:500}.rd-sheet button{margin-top:calc(.8*var(--u));float:right;font:inherit;font-size:calc(.85*var(--u));border-radius:calc(.4*var(--u));padding:calc(.3*var(--u))calc(1.1*var(--u));color:#fff;background:#2f7de1;border:0}.rd-toast{align-items:center;gap:calc(.6*var(--u));border-radius:calc(.8*var(--u));padding:calc(.7*var(--u))calc(1*var(--u));font-size:calc(.9*var(--u));box-shadow:0 calc(.6*var(--u))calc(1.4*var(--u))#1e28322e;background:#fffffff0;animation:.35s ease-out rd-pop;display:flex;position:absolute;top:13%;right:3%}.rd-toast small{color:#7a827d}.rd-pdf{font-size:calc(.7*var(--u));color:#fff;border-radius:calc(.3*var(--u));padding:calc(.25*var(--u))calc(.35*var(--u));background:#d9534f;font-weight:700}.rd-compose{width:46%;height:52%;top:32%;right:4%}.rd-compose-body{padding:calc(1*var(--u));font-size:calc(.9*var(--u))}.rd-compose-body p{margin:0 0 calc(.7*var(--u))}.rd-compose-body small{color:#7a827d;margin-right:calc(.5*var(--u))}.rd-draft{min-height:calc(3*var(--u));line-height:1.45}.rd-caret{vertical-align:-.12em;background:#1d2420;width:1px;height:1em;animation:.9s steps(2,end) infinite rd-blink;display:inline-block}.rd-held{padding:calc(.6*var(--u))calc(1*var(--u));color:#6b5200;font-size:calc(.85*var(--u));background:#fff4d6;font-weight:600;position:absolute;bottom:0;left:0;right:0}.rd-dock{left:50%;bottom:calc(1*var(--u));gap:calc(.6*var(--u));padding:calc(.6*var(--u))calc(.9*var(--u));border-radius:calc(1*var(--u));background:#ffffff8c;display:flex;position:absolute;transform:translate(-50%)}.rd-dock i{width:calc(2.4*var(--u));height:calc(2.4*var(--u));border-radius:calc(.6*var(--u))}@container (max-width:560px){.rd{--rd-bg:url(/os-desk/tall.webp);aspect-ratio:1152/1536;--pl:8.0729%;--pt:33.5938%;--pw:34.375%;--ph:53.0599%;--pu:calc(34.375cqw/16.4);--ml:7.7257%;--mt:6.5104%;--mw:84.5486%;--mh:37.3698%;--mu:calc(84.5486cqw/53.8);--pmask:url(/os-desk/tall-phone-mask.webp);--mmask:url(/os-desk/tall-mac-mask.webp)}}@keyframes rd-blink{50%{opacity:0}}@keyframes rd-spin{to{transform:rotate(360deg)}}@keyframes rd-pulse{50%{box-shadow:inset 0 0 calc(1.2*var(--u))#2e9e6626}}@keyframes rd-pop{0%{opacity:0;transform:translateY(calc(.6*var(--u)))scale(.98)}}@keyframes rd-drop{0%{opacity:0;transform:translate(-50%,calc(-1*var(--u)))}}@keyframes rd-travel{0%{left:0}to{left:calc(100% - calc(.9*var(--u)))}}@media (prefers-reduced-motion:reduce){.rd *,.rd :after{animation:none!important}}