/* Ambient login and short, purposeful interface transitions. */
.signed-out{background:radial-gradient(ellipse at 17% 23%,#123c354d,transparent 48%),radial-gradient(ellipse at 84% 72%,#203d6740,transparent 48%),radial-gradient(ellipse at 50% 100%,#35412924,transparent 45%),#090f13;min-height:100vh}
.signed-out::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#91c8b7 1px,transparent 1px),linear-gradient(90deg,#91c8b7 1px,transparent 1px);background-size:72px 72px;opacity:.035;mask-image:radial-gradient(ellipse at center,#000,transparent 78%)}
.signed-out .main-shell{position:relative}.signed-out .topbar{background:transparent;border-color:#adcacb0d}.login-screen{min-height:calc(100svh - 130px);padding:30px 0 55px;gap:25px}.login-brand{color:#e6f1ed;text-shadow:0 0 45px #80c7ab24}.login-brand span{color:#a0c3b6}.login.panel{background:linear-gradient(145deg,#1d2d2ac9,#10191fd9);border:1px solid #acc9c426;border-radius:18px;box-shadow:0 24px 90px #0005,inset 0 1px 0 #ffffff06;backdrop-filter:blur(20px)}.login .settings-body{padding:30px}.login h2{font-size:25px}.login p{color:#b3c5c1}.login input{background:#0b1417a8;border-color:#6b8d834a;border-radius:8px}.login input:focus{outline:2px solid #b9ed8c66;outline-offset:2px;border-color:#b9ed8c}.login form>.button{min-height:46px;border-radius:8px}.login #login-error:empty{display:none}.login #login-error{color:var(--red);margin:0}
.login-screen .login-brand{animation:surface-in 420ms ease-out both}.login-screen .login{animation:surface-in 480ms 60ms ease-out both}
.page-enter>*{animation:surface-in 260ms cubic-bezier(.2,.7,.3,1) backwards}.page-enter>:nth-child(2){animation-delay:35ms}.page-enter>:nth-child(3){animation-delay:65ms}
.workspace-loading{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:60px 20px;animation:loader-in 180ms 120ms both}
.market-loader{height:34px;display:inline-flex;align-items:center;gap:5px;color:#b9ed8c}.market-loader i{display:block;width:4px;height:13px;background:currentColor;border-radius:3px;animation:market-pulse 1050ms ease-in-out infinite}.market-loader i:nth-child(2){animation-delay:100ms;height:23px}.market-loader i:nth-child(3){animation-delay:200ms;height:32px}.market-loader i:nth-child(4){animation-delay:300ms;height:19px}.market-loader i:nth-child(5){animation-delay:400ms;height:26px}
.auth-transition{position:fixed;inset:0;z-index:120;background:radial-gradient(ellipse at 50% 43%,#19382d80,transparent 55%),#0b1216;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:27px;animation:loader-in 180ms ease-out both;transition:opacity 260ms ease,visibility 260ms}.auth-transition.leaving{opacity:0;visibility:hidden}.transition-brand{font-size:32px;font-weight:650;letter-spacing:-1px}.transition-brand span{font-weight:300;color:#a0c3b6}.auth-transition p{font-size:13px;color:#afc4bb;margin:0}
button,a,input,select{transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease,box-shadow 160ms ease,opacity 160ms ease}button:active:not(:disabled){transform:translateY(1px)}.index-card,.screen-card{transition:border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease}.index-card:hover,.screen-card:hover{box-shadow:0 5px 20px #0002}.sidebar{transition:background-color 160ms ease}.main-shell{transition:none}dialog[open]{animation:dialog-in 200ms ease-out}dialog[open]::backdrop{animation:loader-in 180ms ease-out}#toast.visible{animation:loader-in 200ms ease-out}
.is-pending{position:relative;cursor:progress!important}.is-pending::after{content:"";display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-left:9px;vertical-align:-2px;animation:busy-spin 700ms linear infinite}.is-pending:disabled{opacity:.8}
@keyframes surface-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loader-in{from{opacity:0}to{opacity:1}}@keyframes busy-spin{to{transform:rotate(360deg)}}@keyframes market-pulse{0%,100%{transform:scaleY(.55);opacity:.4}50%{transform:scaleY(1);opacity:1}}
@media(max-width:680px){.login-screen{min-height:calc(100svh - 110px);padding:20px 0 40px}.login.panel{width:min(420px,100%)}.login .settings-body{padding:26px}.login-brand{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.market-loader i{opacity:.8}.workspace-loading{opacity:1}}

/* Consistent brand signature in navigation, login and the workspace loader. */
.login-brand,.transition-brand{text-align:center}.brand-by{display:inline-block;font-size:10px!important;font-weight:400!important;letter-spacing:0!important;margin-left:7px;color:#a1b6ad!important;white-space:nowrap}.brand-tagline{display:block;font-size:12px;font-weight:400;letter-spacing:.4px;color:#a9bdb5;margin-top:7px;line-height:1.5}.sidebar .brand{gap:8px;margin-left:0;margin-right:0;align-items:flex-start;font-size:23px}.sidebar .brand-icon{flex-shrink:0;width:32px;font-size:29px;line-height:36px;padding:0 6px}.sidebar .brand-copy{min-width:0}.sidebar .brand-by{display:block;margin:2px 0 0;font-size:9px!important;line-height:1.4}.sidebar .brand-tagline{font-size:9px;letter-spacing:0;margin-top:5px;white-space:nowrap}.login-brand .brand-tagline,.transition-brand .brand-tagline{color:#a9bdb5;font-size:12px;letter-spacing:.4px}