/* Floating technological symbol; operation feedback has no card or frame. */
#vpLoadingPanel[hidden],#vpEntrance[hidden]{display:none!important}
.vp-tech-loader{display:block;width:200px;height:200px;max-width:100%;margin:0 auto;overflow:visible;flex:none;filter:drop-shadow(0 2px 3px #001028c4)}
.vp-tech-loader .vp-tech-outer,.vp-tech-loader .vp-tech-inner{transform-origin:100px 100px;transform-box:view-box;will-change:transform}
.vp-tech-loader .vp-tech-outer{animation:vp-tech-spin 4s linear infinite}
.vp-tech-loader .vp-tech-inner{animation:vp-tech-spin 2s linear infinite reverse}
.vp-tech-loader .vp-tech-core{filter:drop-shadow(0 0 6px #1abce884)}
.vp-tech-loader .vp-tech-pulse{animation:vp-tech-pulse 2s ease-in-out infinite}
#vpLoadingPanel{position:fixed;inset:auto auto 22px 22px;width:220px;max-width:calc(100vw - 32px);margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#f1fcff;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:10000;font:12px var(--ui-font,Arial,sans-serif);box-sizing:border-box;overflow:visible;isolation:isolate;pointer-events:none;text-align:center}
#vpLoadingPanel::before{content:'';position:absolute;inset:-20px -25px -20px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#04152de6 0%,#04152dba 38%,#04152d45 58%,transparent 74%)}
#vpLoadingPanel::backdrop{background:transparent;pointer-events:none}
#vpLoadingPanel.is-visible{display:flex;align-items:center;flex-direction:column;animation:vp-load-appear .18s ease-out}
#vpLoadingPanel>.vp-tech-loader{width:140px;height:140px}
#vpLoadingTitle{display:block;max-width:210px;font-size:12px;font-weight:700;line-height:1.5;margin:2px 0 0;overflow-wrap:break-word;text-shadow:0 1px 3px #001029,0 0 9px #001029}
#vpLoadingPanel .vp-load-controls{display:flex;align-items:center;justify-content:center;gap:9px;min-height:28px;margin-top:2px}
#vpLoadingElapsed{font-size:10px;line-height:1.4;font-variant-numeric:tabular-nums;letter-spacing:.12em;color:#cceef6;text-shadow:0 1px 3px #001029}
#vpLoadingPause{display:grid;place-items:center;pointer-events:auto;cursor:pointer;border:1px solid #b6efff66;border-radius:50%;width:25px;height:25px;min-height:25px;min-width:25px;padding:0;background:#071b34a8;color:#e8faff;font:10px var(--ui-font,Arial,sans-serif)}
#vpLoadingPause:hover{border-color:#46e5ff;background:#073951}
#vpLoadingPause:focus-visible{outline:2px solid #46e5ff;outline-offset:3px}
#vpLoadingPause:disabled{opacity:.45;cursor:default}
.vp-load-paused .vp-tech-loader *,.is-away .vp-tech-loader *{animation-play-state:paused!important}
#vpEntrance{position:fixed;inset:0;display:grid;place-items:center;z-index:9000;pointer-events:none;background:#03142baa;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:var(--ui-font,Arial,sans-serif)}
.vp-load-focus{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;width:min(340px,calc(100vw - 40px));padding:0;border:0;border-radius:0;background:transparent;color:#effcff;box-shadow:none;text-align:center;animation:vp-load-appear .18s ease-out}
.vp-load-focus>.vp-tech-loader{width:220px;height:220px}
.vp-load-focus>strong{font-size:13px;line-height:1.5;font-weight:600;letter-spacing:.08em;color:#e9faff;text-shadow:0 1px 4px #001029}
#vpEntrance.is-leaving{animation:vp-entrance-out .32s ease-in forwards}
body.vp-workspace-enter #workspaceBar{animation:vp-workspace-arrive .4s ease-out both}
body.vp-workspace-enter .workspace-context{animation:vp-workspace-arrive .45s .025s ease-out both}
body.vp-workspace-enter .workspace-group{animation:vp-workspace-arrive .5s .04s ease-out both}
/* The initial wait uses the same symbol directly over the application's background. */
#authScreen:has(#authLoading.show[aria-busy=true]){justify-content:center}
#authScreen:has(#authLoading.show[aria-busy=true]) .auth-panel{width:min(420px,100%);padding:24px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#authScreen:has(#authLoading.show[aria-busy=true]) :is(.auth-logo-heading,.auth-heading){display:none}
#authScreen #authLoading[aria-busy=true]{position:relative;isolation:isolate;text-align:center}
#authScreen #authLoading[aria-busy=true]::before{content:'';position:absolute;inset:-45px;z-index:-1;background:radial-gradient(ellipse at center,#04152de0 0%,#04152d70 45%,transparent 73%)}
#authScreen #authLoading[aria-busy=true] h2{margin:20px 0 10px;font-size:14px;line-height:1.5;letter-spacing:.07em;color:#f0fbff;text-shadow:0 1px 4px #001029}
#authScreen #authLoading[aria-busy=true] p{font-size:12px;color:#d6f5ff;text-shadow:0 1px 4px #001029;margin:0}
#authLoading[aria-busy=false]>.vp-tech-loader{display:none}
#startupScreen[aria-busy=true]{min-height:320px;isolation:isolate;background:transparent}
#startupScreen[aria-busy=true]>.startup-card{width:min(360px,100%);position:relative;isolation:isolate;padding:12px 0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center}
#startupScreen[aria-busy=true]>.startup-card::before{content:'';position:absolute;inset:-25px;z-index:-1;background:radial-gradient(ellipse at center,#04152deb 0%,#04152d8a 42%,transparent 73%)}
#startupScreen[aria-busy=true] h1{display:none}
#startupScreen[aria-busy=true] #startupStatus{color:#ecfbff;font-size:13px;margin:14px 0 0;text-shadow:0 1px 4px #001029}
#startupScreen[aria-busy=false] .vp-tech-loader{display:none}
@keyframes vp-tech-spin{to{transform:rotate(360deg)}}
@keyframes vp-tech-pulse{0%,100%{opacity:.65}50%{opacity:1}}
@keyframes vp-load-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes vp-entrance-out{to{opacity:0;backdrop-filter:blur(0)}}
@keyframes vp-workspace-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){#vpLoadingPanel{inset:auto auto 16px 8px;width:190px}#vpLoadingPanel>.vp-tech-loader{width:112px;height:112px}#vpLoadingTitle{max-width:180px;font-size:11px}.vp-load-focus>.vp-tech-loader{width:190px;height:190px}}
@media(prefers-reduced-motion:reduce){.vp-tech-loader *,#vpLoadingPanel,#vpEntrance,.vp-load-focus,body.vp-workspace-enter :is(#workspaceBar,.workspace-context,.workspace-group){animation:none!important;transition:none!important}.vp-tech-pulse{opacity:1}}
@media(prefers-reduced-transparency:reduce){#vpEntrance{background:#06182ef2;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.vp-tech-loader{forced-color-adjust:none}#vpLoadingTitle,#vpLoadingElapsed,.vp-load-focus>strong{color:CanvasText;background:Canvas;text-shadow:none}#vpLoadingPanel::before{display:none}}
@media print{#vpLoadingPanel,#vpEntrance{display:none!important}}