[hidden]#savingScreen,[hidden]#completionScreen,[hidden]#directionsShade{display:none}
body.saving> :not(#savingScreen),body.completed> :not(#completionScreen){display:none!important}
#savingScreen{position:fixed;inset:0;background:#fafafa;display:flex;align-items:center;justify-content:center;text-align:center;z-index:50;font:20px Roboto,Arial,sans-serif}#savingScreen>div{transform:translateY(20px)}#savingScreen h1{font-size:28px;color:#304dff;font-weight:300;margin:0 0 28px}#savingScreen p{margin:0 0 16px}.saving-spinner{position:relative;width:64px;height:64px;margin:85px auto 0;animation:save-spin 1s linear infinite}.saving-spinner i{position:absolute;left:29px;top:29px;width:7px;height:7px;background:#222;border-radius:50%;transform:rotate(calc(var(--i)*30deg)) translateY(-28px) scale(calc(.15 + var(--i)*.077));opacity:calc(.15 + var(--i)*.077)}@keyframes save-spin{to{transform:rotate(360deg)}}
#directionsShade{position:fixed;inset:75px 0 0;background:#0005;z-index:7}#directionsPanel{left:22px;top:75px;width:880px;max-width:calc(100vw - 44px);height:600px;max-height:calc(100dvh - 90px);padding:0;border:0;border-top:3px solid #171d50;border-radius:0;overflow:visible;box-shadow:none;z-index:8}#directionsPanel:before{content:'';position:absolute;width:26px;height:26px;background:white;top:-14px;left:30px;transform:rotate(45deg)}.directions-scroll{height:calc(100% - 72px);overflow:auto;padding:34px 32px 0}.directions-scroll p{font:16px/24px Georgia,'Times New Roman',serif!important;margin:0 0 8px}.directions-scroll ul{padding-left:48px;margin:0 0 8px;font:16px/25px Georgia,'Times New Roman',serif}.directions-footer{height:72px;display:flex;justify-content:flex-end;align-items:center;padding:12px 32px;background:white}#closeDirections,#returnHomepage{background:#ffdf00;color:#111;border:1px solid #222;border-radius:28px;font:500 14px Roboto,Arial,sans-serif;padding:11px 25px}#directions[aria-expanded=true] .chevron{transform:rotate(225deg);margin-top:4px}
#completionScreen{position:fixed;inset:0;background:#191f5b;color:white;text-align:center;overflow:auto;z-index:50;padding:40px 20px 50px;font-family:Roboto,Arial,sans-serif}#completionScreen h1{font-size:32px;font-weight:400;margin:0 0 25px;position:relative}#completionScreen .submitted{font-size:18px;font-weight:700;margin:0 0 34px;position:relative}.completion-card{position:relative;width:720px;max-width:100%;min-height:296px;margin:0 auto 33px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#222;padding:40px 45px;gap:64px}.smile-laptop{width:240px;height:216px;flex-shrink:0;background:url('assets/completion-reference.png') -300px -199px/1200px 585px no-repeat}.dismissal{border-left:2px solid #eee;text-align:left;align-self:stretch;padding:26px 0 0 64px;margin-left:-4px;font-size:16px;line-height:24px;min-width:300px}.dismissal p{margin:16px 0 34px}#returnHomepage{position:relative;border:0;font-weight:700;padding:15px 24px}#confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}#confetti i{position:absolute;animation:confetti-settle 1s cubic-bezier(.1,.55,.25,1) both}@keyframes confetti-settle{from{transform:translate(var(--dx),var(--dy)) rotate(0);opacity:0}15%{opacity:1}to{transform:translate(0,0) rotate(var(--turn));opacity:1}}
@media(min-height:800px){#completionScreen{padding-top:8vh}.completion-card{margin-top:36px}}@media(max-width:700px){.completion-card{flex-direction:column;gap:15px;padding:25px}.dismissal{border-left:0;border-top:1px solid #eee;min-width:0;width:100%;padding:0;text-align:center}.dismissal p{margin:18px 0}.directions-scroll{padding:24px 20px 0}.directions-scroll ul{padding-left:25px}#completionScreen h1{font-size:28px}}@media(prefers-reduced-motion:reduce){#confetti i{animation:none;transform:rotate(var(--turn))}}