html,body,#root{block-size:100%;margin:0}html{background:var(--door-ground)}#root{position:relative}.for-listeners{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.curtain__behind{isolation:isolate;block-size:100%}.curtain__cover{z-index:1;position:absolute;inset:0}.curtain__cover[data-leaving]{pointer-events:none;--curtain-mask:linear-gradient(to right, black calc(50% - var(--curtain-gap)), transparent calc(50% - var(--curtain-gap)) calc(50% + var(--curtain-gap)), black calc(50% + var(--curtain-gap)));-webkit-mask-image:var(--curtain-mask);-webkit-mask-image:var(--curtain-mask);mask-image:var(--curtain-mask);animation:curtain-open var(--curtain-leave) forwards}@property --curtain-gap{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes curtain-open{0%{--curtain-gap:0%}to{--curtain-gap:50%}}@media (prefers-reduced-motion:reduce){.curtain__cover[data-leaving]{animation:none}}:root{--wat-blue:#1400ff;--wat-white:#fff;--wat-paper:#ebebeb;--wat-desk:gray;--wat-dimmed:#6b6f7d;--wat-shade:#333;--wat-yellow:#ffd400;--wat-green:#35d95f;--wat-red:#ff3b30;--wat-font:ui-monospace, "Cascadia Mono", "Segoe UI Mono", "DejaVu Sans Mono", Menlo, Consolas, monospace;--corner:0px;--motion:.12s ease;--focus-ring:2px;--focus-gap:3px;--focus-colour:var(--wat-green);--press-shift:1px;--hover-plate:var(--wat-blue);--hover-text:var(--wat-white);--open-plate:var(--wat-paper);--open-text:var(--wat-blue);--folders-background:var(--wat-white);--folders-text:var(--wat-blue);--folders-dimmed:var(--wat-dimmed);--folders-padding:8px;--folders-text-size:13px;--folders-row-padding:4px;--folders-indent:14px;--folders-icon-size:22px;--shell-direction:column;--window-shadow:0 0 1px 0 color-mix(in srgb, var(--wat-shade) 30%, transparent), 1px 1px 1px 0 color-mix(in srgb, var(--wat-shade) 30%, transparent);--desktop-background:var(--wat-desk);--bar-background:var(--wat-paper);--bar-size:32px;--bar-padding:8px;--bar-gap:6px;--bar-chip-size:21px;--bar-window-max-size:180px;--bar-window-background:var(--wat-dimmed);--bar-window-text:var(--wat-white);--wat-menu-mark:var(--wat-blue);--wat-menu-mark-size:13px;--wat-menu-background:var(--folders-background);--wat-menu-text:var(--folders-text);--wat-menu-dimmed:var(--folders-dimmed);--wat-menu-min-size:220px;--wat-menu-padding:var(--folders-padding);--wat-menu-text-size:var(--folders-text-size);--wat-menu-row-padding:var(--folders-row-padding);--wat-menu-indent:var(--folders-indent);--wat-menu-icon-size:var(--folders-icon-size);--door-ground:var(--wat-blue);--door-ink:var(--wat-white);--door-hover-plate:var(--wat-paper);--door-hover-ink:var(--wat-blue);--door-button-hover-plate:var(--wat-white);--tile-image-size:96px;--tile-gap:8px;--sign-in-gap:42px;--door-band:88px;--door-band-colour:color-mix(in srgb, var(--door-ground) 78%, black);--door-band-fill:color-mix(in srgb, var(--door-band-colour) 76%, transparent);--door-divider:color-mix(in srgb, var(--door-ink) 60%, transparent);--door-line-width:1px;--door-band-line:var(--door-ink);--door-shadow-shift:2px;--door-shadow:var(--door-shadow-shift) var(--door-shadow-shift) 0 var(--door-band-fill);--ground-sky-seam:15%;--ground-hill-min:200px;--ground-corners:.12;--ground-sky-loop:400s;--ground-follow-sky:.15vw;--ground-follow-sky-rise:.35vw;--ground-follow-hill:1vw;--ground-follow-pace:2s ease-out;--arrive-logo-at:0s;--arrive-logo-in:1s;--arrive-sky-at:0s;--arrive-sky-in:.95s;--arrive-hill-at:0s;--arrive-hill-in:4s;--arrive-bands-at:0s;--arrive-bands-in:2s;--arrive-foot-in:.3s;--arrive-lines-at:.175s;--arrive-lines-in:3s;--arrive-divider-at:0s;--arrive-divider-in:.975s;--arrive-tiles-at:.7s;--arrive-tiles-in:1.15s;--arrive-tiles-step:.15s;--arrive-tiles-rise:14px;--arrive-lead:0s;--arrive-glide:cubic-bezier(.65, 0, .35, 1);--arrive-land:cubic-bezier(.2, .8, .2, 1);--arrive-fade:ease-out;--door-who-padding:24px;--door-logo-size:56px;--door-stacked-gap:24px;--tile-width:300px;--tile-padding-block:8px;--tile-padding-inline:12px;--tile-padding:var(--tile-padding-block) var(--tile-padding-inline);--tile-image-gap:12px;--tile-row-gap:4px;--tile-picture-size:calc(var(--tile-image-size) / 2);--tile-name-indent:calc(var(--tile-padding-inline) + var(--tile-picture-size) + var(--tile-image-gap));--welcome-size:52px;--welcome-you-gap:16px;--welcome-name-size:20px;--curtain-leave:.5s ease-in;--door-unfold-gap:12px;--door-emoji-size:24px;--tile-empty-plate:color-mix(in srgb, var(--wat-dimmed) 20%, transparent);--default-picture-font:"Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;--default-picture-fill:.58;--door-panel-width:360px;--door-panel-padding:16px;--door-control-padding:4px 8px;--door-field-border:1px solid var(--wat-dimmed);--door-label-gap:4px;--you-image-size:var(--bar-chip-size);--you-picture-fill:.72;--you-panel-background:var(--wat-menu-background);--you-panel-text:var(--wat-menu-text);--you-panel-dimmed:var(--wat-menu-dimmed);--you-panel-min-size:220px;--you-card-gap:10px;--you-card-padding:10px;--you-panel-padding:var(--wat-menu-padding);--you-panel-row-padding:var(--wat-menu-row-padding);--you-panel-text-size:var(--wat-menu-text-size);--startup-mark-size:48px;--startup-mark:var(--door-ink);--startup-breathe:1.4s;--startup-breathe-low:.45;--safe-mode-width:420px;--safe-mode-gap:var(--tile-gap);--safe-mode-padding:var(--door-panel-padding);--safe-mode-text-size:var(--wat-menu-text-size);--placeholder-padding:var(--wat-menu-padding);--placeholder-text-size:var(--wat-menu-text-size);--placeholder-dimmed:var(--wat-dimmed);--window-background:var(--wat-paper);--grip-size:6px;--grip-corner-size:12px;--frame-background:var(--wat-blue);--frame-background-behind:var(--wat-dimmed);--frame-text:var(--wat-white);--frame-height:32px;--frame-padding:12px;--frame-title-size:15px;--frame-action-size:14px;--frame-action-line:2px;--frame-action-reach:6px;--frame-action-gap:14px;--frame-action-gap-wide:24px;--frame-action-manage:var(--wat-white);--frame-action-minimise:var(--wat-yellow);--frame-action-maximise:var(--wat-green);--frame-action-close:var(--wat-red);--frame-action-behind:color-mix(in srgb, var(--wat-white) 45%, transparent)}.shell{flex-direction:var(--shell-direction);font-family:var(--wat-font);display:flex;position:absolute;inset:0}.shell:has(.window[data-waiting]){cursor:progress}.bar{z-index:1;block-size:var(--bar-size);padding-inline:var(--bar-padding);background:var(--bar-background);box-sizing:border-box;flex:none;align-items:center;display:flex;position:relative}.bar__windows{align-items:center;gap:var(--bar-gap);min-inline-size:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.bar__window{block-size:var(--bar-chip-size);max-inline-size:var(--bar-window-max-size);text-overflow:ellipsis;white-space:nowrap;padding-inline:var(--bar-padding);background:var(--bar-window-background);color:var(--bar-window-text);border-radius:var(--corner);cursor:pointer;font:inherit;transition:background-color var(--motion), color var(--motion);border:0;overflow:hidden}.bar__window:hover{background:var(--hover-plate);color:var(--hover-text)}.bar__window:focus-visible{outline:var(--focus-ring) solid var(--focus-colour);outline-offset:calc(-1 * var(--focus-gap))}.bar__window:active{transform:translateY(var(--press-shift))}.bar__window--away{opacity:.75;font-style:italic}.wat-logo{aspect-ratio:2050/560;background-color:currentColor;display:block;-webkit-mask:url(/assets/wat-logo-BGKmsSYj.svg) 50%/contain no-repeat;mask:url(/assets/wat-logo-BGKmsSYj.svg) 50%/contain no-repeat}.wat-menu{flex:none;align-self:stretch;align-items:center;margin-inline-end:var(--bar-gap);display:flex;position:relative}.wat-menu__logo,.wat-menu__folder,.wat-menu__openable{border-radius:var(--corner);cursor:pointer;transition:background-color var(--motion), color var(--motion);border:0}.wat-menu__logo{block-size:var(--bar-chip-size);padding-inline:var(--bar-padding);color:var(--wat-menu-mark);background:0 0;align-items:center;display:flex}.wat-menu__mark{block-size:var(--wat-menu-mark-size)}.wat-menu__logo[aria-expanded=true],.wat-menu__folder[aria-expanded=true]{background:var(--open-plate);color:var(--open-text)}.wat-menu__logo:hover,.wat-menu__folder:hover,.wat-menu__openable:hover{background:var(--hover-plate);color:var(--hover-text)}.wat-menu__logo:active,.wat-menu__folder:active,.wat-menu__openable:active{transform:translateY(var(--press-shift))}.wat-menu__logo:focus-visible{outline:var(--focus-ring) solid var(--focus-colour);outline-offset:calc(-1 * var(--focus-gap))}.wat-menu__panel{min-inline-size:var(--wat-menu-min-size);padding-block:var(--wat-menu-padding);background:var(--wat-menu-background);color:var(--wat-menu-text);border-radius:0 0 var(--corner) var(--corner);box-sizing:border-box;padding-inline:0;position:absolute;inset-block-start:100%;inset-inline-start:0}.wat-menu__folders,.wat-menu__contents{margin:0;padding:0;list-style:none}.wat-menu__contents{padding-inline-start:var(--wat-menu-indent)}.wat-menu__folder,.wat-menu__openable{inline-size:100%;padding:var(--wat-menu-row-padding) var(--wat-menu-padding);color:inherit;font:inherit;font-size:var(--wat-menu-text-size);text-align:start;background:0 0;display:block}.wat-menu__panel:focus-visible,.wat-menu__folder:focus-visible,.wat-menu__openable:focus-visible{outline:var(--focus-ring) solid var(--focus-colour);outline-offset:calc(-1 * var(--focus-gap))}.wat-menu__icon{inline-size:var(--wat-menu-icon-size);display:inline-block}.wat-menu__empty{padding-inline:var(--wat-menu-padding);color:var(--wat-menu-dimmed);font-size:var(--wat-menu-text-size);margin:0}.wat-menu__folders .wat-menu__empty{padding-block:var(--wat-menu-row-padding);padding-inline-start:calc(var(--wat-menu-indent) + var(--wat-menu-padding))}.you{flex:none;align-self:stretch;align-items:center;margin-inline-start:auto;display:flex;position:relative}.you__button{block-size:var(--bar-chip-size);border-radius:var(--corner);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:flex}.you__image{--picture-size:var(--you-image-size)}.you__image.default-picture{--default-picture-fill:var(--you-picture-fill)}.you__button:hover{outline:var(--focus-ring) solid var(--hover-plate);outline-offset:calc(-1 * var(--focus-gap))}.you__button:focus-visible{outline:var(--focus-ring) solid var(--focus-colour);outline-offset:calc(-1 * var(--focus-gap))}.you__button:active{transform:translateY(var(--press-shift))}.you__panel{min-inline-size:var(--you-panel-min-size);padding-block:var(--you-panel-padding);background:var(--you-panel-background);color:var(--you-panel-text);border-radius:0 0 var(--corner) var(--corner);box-sizing:border-box;position:absolute;inset-block-start:100%;inset-inline-end:0}.you__card{gap:var(--you-card-gap);margin-block:calc(-1 * var(--you-panel-padding)) var(--you-panel-padding);padding:var(--you-card-padding) var(--you-panel-padding);background:var(--frame-background);color:var(--frame-text);font-size:var(--frame-title-size);align-items:center;display:flex}.you__card-image{--picture-size:var(--tile-picture-size);flex:none}.you__sign-out{inline-size:100%;padding:var(--you-panel-row-padding) var(--you-panel-padding);color:inherit;cursor:pointer;font:inherit;font-size:var(--you-panel-text-size);text-align:start;transition:background-color var(--motion), color var(--motion);background:0 0;border:0;display:block}.you__sign-out:hover{background:var(--hover-plate);color:var(--hover-text)}.you__sign-out:focus-visible{outline:var(--focus-ring) solid var(--focus-colour);outline-offset:calc(-1 * var(--focus-gap))}.you__sign-out:active{transform:translateY(var(--press-shift))}.you__trouble{color:var(--you-panel-dimmed);font-size:var(--you-panel-text-size);margin:0}.you__trouble:not(:empty){padding:var(--you-panel-row-padding) var(--you-panel-padding)}.account-image{inline-size:var(--picture-size);block-size:var(--picture-size);border-radius:var(--corner);object-fit:cover}.account-image--waiting{background:var(--tile-empty-plate)}.default-picture{background:var(--tile-empty-plate);font-family:var(--default-picture-font);font-size:calc(var(--picture-size) * var(--default-picture-fill));place-items:center;line-height:1;display:grid}.desktop{background:var(--desktop-background);isolation:isolate;flex:1;min-block-size:0;min-inline-size:0;position:relative;overflow:hidden}.desktop:focus{outline:none}.window{background:var(--window-background);box-sizing:border-box;border-radius:var(--corner);box-shadow:var(--window-shadow);flex-direction:column;display:flex;position:absolute;inset-block-start:0;inset-inline-start:0}.window:focus{outline:none}.window[data-keyboard-focus]:focus{outline:var(--focus-ring) solid var(--focus-colour);outline-offset:calc(-1 * var(--focus-gap))}.window[data-waiting]{visibility:hidden}.window--maximised{--corner:0px;block-size:auto;inline-size:auto;inset:0;transform:none}.window--maximised .window__grip{display:none}.window__content{border-radius:0 0 var(--corner) var(--corner);flex:1;min-block-size:0;overflow:auto}.window__grip{z-index:1;touch-action:none;position:absolute}.window__grip--n,.window__grip--s{block-size:var(--grip-size);cursor:ns-resize;inset-inline:0}.window__grip--n{inset-block-start:0}.window__grip--s{inset-block-end:0}.window__grip--e,.window__grip--w{inline-size:var(--grip-size);cursor:ew-resize;inset-block:0}.window__grip--e{inset-inline-end:0}.window__grip--w{inset-inline-start:0}.window__grip--ne,.window__grip--nw,.window__grip--se,.window__grip--sw{z-index:2;inline-size:var(--grip-corner-size);block-size:var(--grip-corner-size)}.window__grip--nw{cursor:nwse-resize;inset-block-start:0;inset-inline-start:0}.window__grip--ne{cursor:nesw-resize;inset-block-start:0;inset-inline-end:0}.window__grip--sw{cursor:nesw-resize;inset-block-end:0;inset-inline-start:0}.window__grip--se{cursor:nwse-resize;inset-block-end:0;inset-inline-end:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.frame{border:0;block-size:100%;inline-size:100%;display:block}.frame[hidden]{display:none}.placeholder{padding:var(--placeholder-padding);font-size:var(--placeholder-text-size);line-height:1.5}.placeholder__note{color:var(--placeholder-dimmed);margin:0}.window-frame{justify-content:space-between;align-items:center;gap:var(--frame-action-gap-wide);block-size:var(--frame-height);padding-inline:var(--frame-padding);background:var(--frame-background);color:var(--frame-text);box-sizing:border-box;-webkit-user-select:none;user-select:none;border-radius:var(--corner) var(--corner) 0 0;touch-action:none;display:flex}.window:not([data-active=true]) .window-frame{background:var(--frame-background-behind)}.window-frame__name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--frame-title-size);font-weight:500;overflow:hidden}.window-frame__actions,.window-frame__group{align-items:center;display:flex}.window-frame__actions{gap:var(--frame-action-gap-wide)}.window-frame__group{gap:var(--frame-action-gap)}.window-frame__action{inline-size:var(--frame-action-size);block-size:var(--frame-action-size);border:var(--frame-action-line) solid currentcolor;box-sizing:border-box;cursor:pointer;font:inherit;transition:background-color var(--motion);background:0 0;border-radius:50%;padding:0;line-height:1;position:relative}.window-frame__action:before{content:"";inset:calc(var(--frame-action-reach) * -1);position:absolute}.window-frame__action--manage{color:var(--frame-action-manage)}.window-frame__action--minimise{color:var(--frame-action-minimise)}.window-frame__action--maximise{color:var(--frame-action-maximise)}.window-frame__action--close{color:var(--frame-action-close)}.window-frame__action:hover,.window-frame__action:focus-visible{background:currentColor}.window-frame__action:focus-visible{outline:var(--focus-ring) solid var(--focus-colour);outline-offset:var(--focus-gap)}.window-frame__action:active{transform:translateY(var(--press-shift))}.window:not([data-active=true]) .window-frame__action{color:var(--frame-action-behind)}.safe-mode{inline-size:min(var(--safe-mode-width), 100% - 2 * var(--safe-mode-gap));box-sizing:border-box;border-radius:var(--corner);background:var(--window-background);block-size:fit-content;box-shadow:var(--window-shadow);color:var(--open-text);font-size:var(--safe-mode-text-size);margin:auto;display:grid;position:absolute;inset:0}.safe-mode:focus{outline:none}.safe-mode__body{gap:var(--safe-mode-padding);padding:var(--safe-mode-padding);display:grid}.safe-mode__line{margin:0}.safe-mode__restore{padding:var(--door-control-padding);border-radius:var(--corner);background:var(--hover-plate);color:var(--hover-text);font:inherit;cursor:pointer;border:0;justify-self:end}.safe-mode__restore:active{transform:translateY(var(--press-shift))}.safe-mode__restore:focus-visible{outline:var(--focus-ring) solid var(--focus-colour);outline-offset:calc(-1 * var(--focus-gap))}.sign-in{font-family:var(--wat-font);grid-template-columns:1fr 1fr;grid-template-rows:var(--door-band) minmax(0, 1fr) var(--door-band);box-sizing:border-box;isolation:isolate;block-size:100%;color:var(--door-ink);display:grid;position:relative}.sign-in__head{background:var(--door-band-fill);border-block-end:var(--door-line-width) solid;--line-runs:to right;--line-colour:var(--door-band-line);grid-area:1/1/auto/-1}.account-tile,.sign-in__line,.another-user__toggle,.safe-entry__toggle,.password-form,.password-form .door-link{text-shadow:var(--door-shadow)}.sign-in__mark{filter:drop-shadow(var(--door-shadow))}.account-tile:hover,.account-tile__image,.another-user__toggle:hover,.safe-entry__toggle:hover,.safe-entry__toggle[aria-pressed=true],.password-form .door-link:hover{text-shadow:none}.sign-in__mark{grid-area:2/1;align-content:center;justify-items:end;padding-inline-end:var(--sign-in-gap);display:grid}.sign-in__logo{block-size:var(--door-logo-size)}.sign-in__who{gap:var(--tile-gap);box-sizing:border-box;max-block-size:100%;padding-block:var(--door-who-padding);border-inline-start:var(--door-line-width) solid;--line-runs:to bottom;--line-colour:var(--door-divider);grid-area:2/2;place-self:center start;justify-items:start;padding-inline-start:var(--sign-in-gap);display:grid;overflow-y:auto}.sign-in__foot{padding-inline:var(--sign-in-gap);background:var(--door-band-fill);border-block-start:var(--door-line-width) solid;--line-runs:to right;--line-colour:var(--door-band-line);grid-area:3/1/auto/-1;justify-content:space-between;align-items:center;display:flex}@media (width<=720px){.sign-in{grid-template-columns:1fr;grid-template-rows:var(--door-band) 1fr auto auto 1fr var(--door-band)}.sign-in__mark{padding:var(--door-who-padding) var(--sign-in-gap) var(--door-stacked-gap);grid-row:3;justify-items:center}.sign-in__who{border:0;grid-area:4/1;justify-self:center;padding-block-start:0;padding-inline-start:0}.sign-in__foot{grid-row:6}}.sign-in:focus{outline:none}.sign-in__tiles{gap:var(--tile-row-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.account-tile{box-sizing:border-box;inline-size:100%;min-inline-size:var(--tile-width);padding:var(--tile-padding);border-radius:var(--corner);color:var(--door-ink);font:inherit;cursor:pointer;transition:background-color var(--motion), color var(--motion);background:0 0;border:0}.account-tile:hover{background:var(--door-hover-plate);color:var(--door-hover-ink)}.account-tile:active{transform:translateY(var(--press-shift))}.account-tile:focus-visible{outline:var(--focus-ring) solid var(--focus-colour);outline-offset:calc(-1 * var(--focus-gap))}.sign-in__line{color:var(--door-ink);margin:0}.account-tile{column-gap:var(--tile-image-gap);text-align:start;grid-template-columns:auto 1fr;place-items:center start;display:grid}.account-tile__image{--picture-size:var(--tile-picture-size)}.another-user,.safe-entry{position:relative}.another-user__panel{position:absolute;inset-block-end:calc(100% + var(--door-unfold-gap));inset-inline-start:0}.safe-entry .sign-in__line{inline-size:max-content;position:absolute;inset-block-start:50%;inset-inline-end:calc(100% + var(--door-unfold-gap));translate:0 -50%}.another-user__toggle,.safe-entry__toggle,.door-link{padding:var(--door-control-padding);border-radius:var(--corner);font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.another-user__toggle,.safe-entry__toggle{color:var(--door-ink);font-size:var(--door-emoji-size);line-height:1;text-decoration:none}.safe-entry__toggle[aria-pressed=true]{background:var(--open-plate);color:var(--open-text)}.door-link{color:inherit}.another-user__panel,.door-panel{gap:var(--sign-in-gap);inline-size:min(var(--door-panel-width), 100vi - 2 * var(--sign-in-gap));box-sizing:border-box;padding:var(--door-panel-padding);border-radius:var(--corner);background:var(--open-plate);color:var(--open-text);display:grid}.door-panel__title{margin:0}.door-form{gap:var(--tile-gap);flex-wrap:wrap;align-items:end;display:flex}.door-field{gap:var(--door-label-gap);flex:1;display:grid}.door-field input{padding:var(--door-control-padding);border:var(--door-field-border);border-radius:var(--corner);font:inherit}.door-enter{padding:var(--door-control-padding);border-radius:var(--corner);background:var(--hover-plate);color:var(--hover-text);font:inherit;cursor:pointer;border:0}.door-link:hover,.door-enter:hover{background:var(--hover-plate);color:var(--hover-text)}.another-user__toggle:hover,.safe-entry__toggle:hover,.password-form .door-link:hover,.password-form .door-enter{background:var(--door-hover-plate);color:var(--door-hover-ink)}.password-form .door-enter:hover{background:var(--door-button-hover-plate);color:var(--door-hover-ink)}.another-user__toggle:active,.safe-entry__toggle:active,.door-link:active,.door-enter:active{transform:translateY(var(--press-shift))}.another-user__toggle:focus-visible,.safe-entry__toggle:focus-visible,.door-field input:focus-visible,.door-link:focus-visible,.door-enter:focus-visible{outline:var(--focus-ring) solid var(--focus-colour);outline-offset:calc(-1 * var(--focus-gap))}.sign-in__tile{gap:var(--tile-gap);align-content:start;display:grid}.password-form,.name-form,.new-password-form{flex-direction:column;align-items:stretch}.password-form{color:var(--door-ink);box-sizing:border-box;inline-size:0;min-inline-size:100%;padding-inline-start:var(--tile-name-indent)}.password-form .door-field input,.name-form .door-field input,.new-password-form .door-field input{box-sizing:border-box;inline-size:100%}.door-form[aria-busy=true],.door-form[aria-busy=true] *{cursor:wait}.door-form__sentence{margin:0}@media (prefers-reduced-motion:no-preference){.sign-in[data-arriving]{overflow:clip}.sign-in[data-arriving=without-logo]{--arrive-lead:min(var(--arrive-sky-at), var(--arrive-hill-at), var(--arrive-bands-at), var(--arrive-lines-at), var(--arrive-divider-at), var(--arrive-tiles-at))}.sign-in[data-arriving=with-logo] .sign-in__logo{animation:travel var(--arrive-logo-in) var(--arrive-glide) var(--arrive-logo-at) both}.sign-in[data-arriving=with-logo] .sign-in__mark{animation:arrive-shadow var(--arrive-logo-in) var(--arrive-glide) var(--arrive-logo-at) both}.sign-in[data-arriving] :is(.ground__sky,.ground__corners){animation:arrive-fade var(--arrive-sky-in) var(--arrive-fade) calc(var(--arrive-sky-at) - var(--arrive-lead)) both}.sign-in[data-arriving] .ground__hill{animation:arrive-rise var(--arrive-hill-in) var(--arrive-land) calc(var(--arrive-hill-at) - var(--arrive-lead)) both}.sign-in[data-arriving] .sign-in__head{animation:arrive-from-above var(--arrive-bands-in) var(--arrive-land) calc(var(--arrive-bands-at) - var(--arrive-lead)) both, line-draws var(--arrive-lines-in) var(--arrive-glide) calc(var(--arrive-lines-at) - var(--arrive-lead)) both}.sign-in[data-arriving] .sign-in__foot{animation:arrive-rise var(--arrive-bands-in) var(--arrive-land) calc(var(--arrive-bands-at) - var(--arrive-lead)) both, line-draws var(--arrive-lines-in) var(--arrive-glide) calc(var(--arrive-lines-at) - var(--arrive-lead)) both}.sign-in[data-arriving] .sign-in__foot>*{animation:arrive-fade var(--arrive-foot-in) var(--arrive-fade) calc(var(--arrive-bands-at) - var(--arrive-lead) + var(--arrive-bands-in)) both}.sign-in[data-arriving] .sign-in__who{animation:line-draws var(--arrive-divider-in) var(--arrive-glide) calc(var(--arrive-divider-at) - var(--arrive-lead)) both}.sign-in[data-arriving] :is(.sign-in__tile,.sign-in__who>:not(.sign-in__tiles)){animation:arrive-from-line var(--arrive-tiles-in) var(--arrive-land) calc(var(--arrive-tiles-at) - var(--arrive-lead) + var(--nth,0) * var(--arrive-tiles-step)) both}@media (width<=720px){.sign-in[data-arriving] :is(.sign-in__tile,.sign-in__who>:not(.sign-in__tiles)){animation-name:arrive-up}}}@keyframes arrive-fade{0%{opacity:0}}@keyframes arrive-shadow{0%{filter:drop-shadow(var(--door-shadow-shift) var(--door-shadow-shift) 0 transparent)}}@keyframes arrive-rise{0%{transform:translateY(100%)}}@keyframes arrive-from-above{0%{transform:translateY(-100%)}}@keyframes arrive-from-line{0%{transform:translateX(calc(-100% - var(--sign-in-gap)))}}@keyframes arrive-up{0%{opacity:0;transform:translateY(var(--arrive-tiles-rise))}}.drawn-line{border-image:linear-gradient(var(--line-runs), transparent calc(50% - var(--line-drawn) / 2), var(--line-colour) 50%, transparent calc(50% + var(--line-drawn) / 2)) 1}@property --line-drawn{syntax:"<percentage>";inherits:false;initial-value:100%}@keyframes line-draws{0%{--line-drawn:0%}}.ground{z-index:-1;isolation:isolate;background:var(--door-ground);pointer-events:none;position:absolute;inset:0;overflow:hidden}.ground__sky{inset-block:calc(-1 * var(--ground-follow-sky-rise));translate:calc(var(--ground-pointer-x) * -1 * var(--ground-follow-sky)) calc(var(--ground-pointer-y) * -1 * var(--ground-follow-sky-rise));position:absolute;inset-inline:0}.ground__sky,.ground__hill{transition:translate var(--ground-follow-pace)}.ground[data-carried] .ground__sky{translate:var(--ground-sky-was);transition:none}.ground[data-carried] .ground__hill{translate:var(--ground-hill-was);transition:none}.ground__sky--darkest{filter:brightness(2);mix-blend-mode:darken}.ground__sky--lightest{filter:brightness(.666667)contrast(3);mix-blend-mode:lighten}.ground__sky-track{--ground-sky-round:calc((100% - var(--ground-sky-seam)) / var(--ground-sky-pieces));block-size:100%;inline-size:max-content;translate:calc(-1 * var(--ground-sky-round)) 0;animation:ground-drift var(--ground-sky-loop) linear infinite;will-change:translate;display:flex}@keyframes ground-drift{to{translate:calc(-2 * var(--ground-sky-round)) 0}}.ground__sky-piece{block-size:100%;translate:calc(-1 * var(--ground-sky-seam) * (var(--nth) + 1)) 0;--ground-sky-fade:linear-gradient(to right, transparent, black var(--ground-sky-seam));-webkit-mask-image:var(--ground-sky-fade);-webkit-mask-image:var(--ground-sky-fade);mask-image:var(--ground-sky-fade);flex:none}.ground__hill{inline-size:calc(100% + 2 * var(--ground-follow-hill));min-block-size:var(--ground-hill-min);object-fit:cover;object-position:center bottom;translate:calc(var(--ground-pointer-x) * -1 * var(--ground-follow-hill)) 0;display:block;position:absolute;inset-block-end:0;inset-inline-start:calc(-1 * var(--ground-follow-hill))}.ground__corners{background:radial-gradient(ellipse farthest-corner at center, transparent 0%, color-mix(in srgb, var(--door-ground) calc(var(--ground-corners) * 6.25%), transparent) 25%, color-mix(in srgb, var(--door-ground) calc(var(--ground-corners) * 25%), transparent) 50%, color-mix(in srgb, var(--door-ground) calc(var(--ground-corners) * 56.25%), transparent) 75%, color-mix(in srgb, var(--door-ground) calc(var(--ground-corners) * 100%), transparent) 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.ground__sky-track{animation:none}.ground__sky,.ground__hill{transition:none;translate:none}}@keyframes travel{0%{transform:translate(var(--travel-x), var(--travel-y)) scale(var(--travel-scale));opacity:var(--travel-opacity)}}.startup{background:var(--door-ground);cursor:wait;align-content:center;place-items:center;block-size:100%;display:grid}.startup__picture{place-items:center;display:grid}.wat-logo.startup__mark{block-size:var(--startup-mark-size);background:linear-gradient(to right, var(--startup-mark) var(--startup-fill), transparent var(--startup-fill));animation:startup-fill var(--startup-plays) linear both}@property --startup-fill{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes startup-fill{0%{--startup-fill:0%}to{--startup-fill:100%}}.startup[data-still] .startup__mark{--startup-fill:100%;animation:startup-breathe var(--startup-breathe) ease-in-out infinite alternate}@keyframes startup-breathe{to{opacity:var(--startup-breathe-low)}}@media (prefers-reduced-motion:reduce){.wat-logo.startup__mark,.startup[data-still] .startup__mark{--startup-fill:100%;animation:none}}.welcome{font-family:var(--wat-font);isolation:isolate;block-size:100%;color:var(--door-ink);cursor:wait;grid-template-columns:1fr 1fr;align-content:center;align-items:center;display:grid;position:relative}.welcome__word,.welcome__name{text-shadow:var(--door-shadow)}.welcome__word{font-size:var(--welcome-size);justify-self:end;margin:0;padding-inline-end:var(--sign-in-gap);line-height:1}.welcome__you{gap:var(--welcome-you-gap);padding-block:var(--sign-in-gap);border-inline-start:var(--door-line-width) solid;--line-runs:to bottom;--line-colour:var(--door-divider);font-size:var(--welcome-name-size);justify-self:start;align-items:center;padding-inline-start:var(--sign-in-gap);display:flex}.welcome__image{--picture-size:var(--tile-image-size)}@media (width<=720px){.welcome{gap:var(--sign-in-gap);grid-template-columns:1fr;justify-items:center}.welcome__word,.welcome__you{border:0;justify-self:center;padding:0}}