canvas[data-tide]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.login-brand img{mask-image:url('/assets/shenlan-logo.png');mask-mode:luminance;mask-size:100% 100%;mask-repeat:no-repeat}
.login-scene{margin:0;min-height:100dvh;background:#0d1924;color:#d5e0e9;font:14px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}
.login-scene *{box-sizing:border-box}.login-atmosphere{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 30% 55%,#34577528,transparent 53%),radial-gradient(ellipse at 10% 8%,#29354b39,transparent 55%)}.login-atmosphere:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 48%,#0d19244d,transparent 34%)}.login-header{position:relative;display:flex;align-items:center;justify-content:space-between;margin:42px 6vw;z-index:2}.login-brand{display:flex;align-items:center;gap:14px;letter-spacing:3px;font-size:22px;font-weight:500}.login-brand img{width:46px;height:48px;object-fit:cover;mix-blend-mode:screen}.login-layout{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;flex:1;width:min(1240px,88vw);margin:25px auto 90px}.login-card{width:100%;max-width:400px;justify-self:end;padding:37px 37px 26px;background:linear-gradient(145deg,#1d2c3c9c,#152433ba);backdrop-filter:blur(22px);border:1px solid #c0dcf11a;border-radius:14px;box-shadow:0 22px 80px #030c172e,inset 0 1px #d6e8f107}.login-card h1{font-size:22px;letter-spacing:1px;font-weight:400;margin:0 0 30px;color:#dce5ed}.login-card label{display:block;font-size:11px;color:#91a5b6;margin-bottom:10px}.login-card input{width:100%;padding:13px 14px;font:inherit;border:1px solid #a9c5dd26;border-radius:7px;background:#0b1b285c;color:#dfebf3;outline:none;transition:border-color .2s,box-shadow .2s}.login-card input:focus{border-color:#96b1c85c;box-shadow:0 0 0 3px #b9d8ef08}.login-card button{width:100%;border:1px solid #c3d7e63b;background:linear-gradient(120deg,#95aabd,#c0cfdb);color:#223b50;padding:13px;font:inherit;font-size:12px;letter-spacing:.6px;border-radius:7px;margin-top:20px;cursor:pointer;box-shadow:inset 0 1px #fff3,0 5px 20px #a2c7e307;transition:transform .18s,box-shadow .18s}.login-card button:hover{box-shadow:0 5px 26px #b3d7ed1c}.login-card button:active{transform:translateY(1px)}.login-card button:disabled{opacity:.5;cursor:wait}.login-card #error{font-size:11px;color:#c99789;min-height:20px;margin-top:12px}.login-footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:20px 6vw 30px;font-size:9px;color:#506b80;letter-spacing:.6px}.login-footer button{background:none;border:0;border-bottom:1px solid #4e66774d;color:#688398;font-size:9px;padding:6px 0;cursor:pointer}.login-scene button:focus-visible{outline:2px solid #98bad2;outline-offset:4px}.login-card{animation:login-enter .6s ease-out both}@keyframes login-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:760px){.login-header{margin:26px 25px}.login-brand{font-size:18px;letter-spacing:2px;gap:10px}.login-brand img{width:37px;height:40px}.login-layout{justify-content:center;width:calc(100% - 46px);margin:45px auto 65px}.login-card{max-width:400px;padding:28px 25px 20px}.login-card h1{font-size:22px}.login-card input{font-size:16px}.login-footer{padding:10px 25px 22px;font-size:8px;gap:20px;align-items:flex-end}.login-atmosphere:after{background:linear-gradient(180deg,transparent,#0d192438)}.login-card{backdrop-filter:blur(12px)}}
@media(prefers-reduced-motion:reduce){.login-card{animation:none}.login-scene *{transition:none!important}}.tide-still .login-card{animation:none}

/* The same quiet brand surface bridges login and the first workspace paint. */
.entry-layer{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;background:radial-gradient(ellipse at 35% 50%,#203345,#0d1924 72%);pointer-events:none}
.entry-brand{display:flex;align-items:center;gap:14px;color:#d5e0e9;font:500 22px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:3px;transform-origin:top left}
.entry-brand img{width:46px;height:48px;object-fit:cover;mix-blend-mode:screen;mask-image:url('/assets/shenlan-logo.png');mask-mode:luminance;mask-size:100% 100%;mask-repeat:no-repeat}
.login-leaving .entry-layer{display:flex;animation:handoff-cover .46s ease both}
.login-leaving .login-card{animation:handoff-card .35s ease both}
.login-leaving .login-header,.login-leaving .login-footer{animation:handoff-away .25s ease both}
.login-leaving .login-atmosphere{transition:filter .4s;filter:brightness(1.25)}
html[data-entry=login]{background:#0d1924}
html[data-entry=login] .entry-layer{display:flex;animation:entry-safety .01s 2.4s forwards}
@keyframes handoff-cover{0%{opacity:0}40%{opacity:.5}100%{opacity:1}}
@keyframes handoff-card{to{opacity:0;transform:translateY(-10px) scale(.98)}}
@keyframes handoff-away{to{opacity:0}}
@keyframes entry-safety{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.entry-layer{display:none!important}.login-leaving .login-card,.login-leaving .login-header,.login-leaving .login-footer{animation:none}}