.desktop-shell{transform-origin:top left}
.surfr-booting .desktop-shell{visibility:hidden;animation:surfr-startup-fallback 0s 5s forwards}
@keyframes surfr-startup-fallback{to{visibility:visible}}
@media(prefers-reduced-motion:reduce){.surfr-booting .desktop-shell{visibility:visible;animation:none}}

.startup-pointer{position:fixed;top:0;left:0;width:18px;height:25px;pointer-events:none;z-index:50;image-rendering:pixelated;filter:drop-shadow(1px 1px #0007)}
@media(prefers-reduced-motion:reduce){.startup-pointer{display:none}}

.surfr-loading .hero-content{animation:surfr-content-paint 560ms steps(1,end) both}
.surfr-loading .hero-image{animation:surfr-image-paint 560ms steps(1,end) both}
.surfr-loading .browser-viewport{pointer-events:none}
@keyframes surfr-content-paint{0%{clip-path:inset(0 0 85% 0)}25%{clip-path:inset(0 0 58% 0)}48%{clip-path:inset(0 0 30% 0)}72%,100%{clip-path:inset(0)}}
@keyframes surfr-image-paint{0%,27%{opacity:0}28%{opacity:.5;clip-path:inset(0 0 55% 0)}56%{opacity:.8;clip-path:inset(0 0 20% 0)}78%,100%{opacity:1;clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.surfr-loading .hero-content,.surfr-loading .hero-image{animation:none;clip-path:none}}

.desktop-welcome{display:none;position:fixed;inset:0;z-index:65;flex-direction:column;background:linear-gradient(100deg,#152842,#3b567c 48%,#263e62);color:#e9eef4;font-family:Arial,"Arial Narrow"}
.surfr-signing-in .desktop-welcome{display:flex;animation:welcome-fallback 0s 5s forwards}
.welcome-top,.welcome-bottom{padding:25px 6%;background:#0c1a30;border-bottom:2px solid #7184a0;font:bold 18px/1.4 Arial,"Arial Narrow";letter-spacing:1px;display:flex;justify-content:space-between;gap:15px}
.welcome-top span{font-size:12px;font-weight:400;letter-spacing:1px;color:#adbbce;align-self:center}.welcome-bottom{border-top:2px solid #7184a0;border-bottom:0;font-size:12px;font-weight:400;letter-spacing:0;color:#adbbce}.welcome-center{flex:1;display:flex;align-items:center;justify-content:center;gap:55px;padding:30px}.welcome-greeting{font:bold italic 48px/1.2 Arial,"Arial Narrow";text-shadow:2px 2px #12223b;letter-spacing:-1px}.welcome-user{display:flex;align-items:center;gap:20px;border-left:1px solid #889ab580;padding:35px 0 35px 45px}.welcome-avatar{display:grid;place-items:center;width:74px;height:74px;border:2px solid #c6cfdb;background:linear-gradient(#687b96,#233c5c);border-radius:5px;box-shadow:2px 2px #15233b}.welcome-avatar img{display:block;width:48px;height:48px;image-rendering:pixelated}.welcome-user strong{font-size:23px;font-weight:400}.welcome-user p{font-size:14px;margin:8px 0 12px;color:#ccd5e2}.welcome-progress{display:flex;gap:3px;width:142px;height:13px;padding:2px;border:1px solid #8091ab;background:#172b48;overflow:hidden}.welcome-progress i{display:block;width:13px;height:7px;flex-shrink:0;background:linear-gradient(#a8bcd9,#617b9f);animation:welcome-progress 1s steps(4,end) infinite}.welcome-progress i:nth-child(2n){animation-delay:.12s}.surfr-signing-in .desktop-icons,.surfr-signing-in .taskbar{visibility:hidden;animation:surfr-startup-fallback 0s 5s forwards}.skip-startup{display:none;position:fixed;bottom:55px;right:20px;z-index:70;font:12px/1.5 Arial,"Arial Narrow";background:#28384b;color:#d6e1ef;border:1px outset #8296b1;padding:5px 12px}.surfr-booting .skip-startup{display:block;animation:welcome-fallback 0s 5s forwards}.desktop-building .desktop-icons a{animation:desktop-icon-paint 450ms steps(1,end) both}.desktop-building .desktop-icons a:nth-child(2){animation-delay:90ms}.desktop-building .desktop-icons a:nth-child(3){animation-delay:180ms}.desktop-building .desktop-icons a:nth-child(4){animation-delay:270ms}
@keyframes welcome-progress{0%,100%{opacity:.3}50%{opacity:1}}@keyframes desktop-icon-paint{0%,30%{opacity:0;transform:translateY(2px)}60%{opacity:.7;transform:translateY(0)}100%{opacity:1;transform:none}}@keyframes welcome-fallback{to{visibility:hidden;pointer-events:none}}
@media(max-width:700px){.welcome-top{padding:22px 7%;font-size:17px}.welcome-top span{font-size:12px}.welcome-center{flex-direction:column;gap:30px;padding:24px}.welcome-greeting{font-size:43px}.welcome-user{border-left:0;border-top:1px solid #889ab580;padding:28px 0;gap:16px}.welcome-avatar{width:65px;height:65px}.welcome-user strong{font-size:22px}.welcome-user p{font-size:14px}.welcome-bottom{padding:20px 7%;font-size:12px}.skip-startup{right:14px;bottom:53px}}
@media(prefers-reduced-motion:reduce){.surfr-signing-in .desktop-welcome,.surfr-booting .skip-startup{display:none}.surfr-signing-in .desktop-icons,.surfr-signing-in .taskbar{visibility:visible;animation:none}.desktop-building .desktop-icons a,.welcome-progress i{animation:none}}