/* MeineSachen — night entrance */
body.auth-body{color-scheme:dark;isolation:isolate;display:flex;align-items:flex-end;justify-content:flex-end;min-height:100svh;padding:78px max(28px,6vw) max(42px,7vh);background:#040d10;color:#eaf5ef;overflow-x:hidden}
.auth-body::before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(ellipse at 46% 34%,#285354 0,#102b30 25%,#061719 55%,#030a0c 90%)}
#nightwood{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.auth-body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#02080880,transparent 55%),radial-gradient(ellipse at center,transparent 25%,#01060955)}
.auth-brand{position:absolute;left:max(24px,4vw);top:max(25px,env(safe-area-inset-top));margin:0;color:#e6efeb;font-size:20px;font-weight:650;letter-spacing:-.7px;text-decoration:none;line-height:1.5}
.auth-brand span{color:#a7c9ab}
.auth-body .login-box{width:304px;max-width:100%;margin:0;padding:20px;border-radius:16px;border:1px solid #b4d7c526;background:linear-gradient(145deg,#0c1b20d9,#061114d9);box-shadow:0 20px 70px #0004;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.auth-body h1{font-size:19px;font-weight:550;letter-spacing:-.4px;margin:0 0 16px;color:#edf5f1}
.auth-body label{font-size:12px;font-weight:400;margin-bottom:10px;color:#c4d1ca}
.auth-body input:not([type=checkbox]){height:44px;font-size:16px;line-height:1.2;padding:11px 12px;margin-top:5px;color:#f1f6f3;background:#ffffff05;border:1px solid #b0cfc426;border-radius:8px;box-shadow:none}
.auth-body input::placeholder{color:#a4b6af;opacity:1}
.auth-body input:focus{border-color:#c1d5ae;outline:2px solid #c1d5ae26;outline-offset:0}
.auth-body input:-webkit-autofill{-webkit-text-fill-color:#eaf5ef;-webkit-box-shadow:0 0 0 100px #172b2b inset}
.auth-body button:not(.show):not(.scene-pause),.auth-body .button{height:44px;padding:11px 12px;margin-top:12px;border-radius:8px;background:#c8d8b8;color:#14251e;font-size:14px;font-weight:650}
.auth-body button:not(.show):not(.scene-pause):hover,.auth-body .button:hover{background:#dce7ce}
.auth-body .input-wrap input{padding-right:68px}
.auth-body .show{top:0;right:4px;min-height:44px;margin:0;padding:10px 4px;color:#c5d7c9;font-size:10px}
.auth-body .email-login,.auth-body .switch,.auth-body .small,.auth-body .intro-text{color:#aebeb6;font-size:11px;line-height:1.6}
.auth-body .email-login{margin-top:13px;text-decoration:none}
.auth-body .email-login:hover,.auth-body .switch a:hover{text-decoration:underline;color:#edf5f1}
.auth-body .switch{margin-top:9px;margin-bottom:0}
.auth-body .switch a,.auth-body .small a{color:#d0ddc6;font-weight:500}
.auth-body .error{background:#3b2023cc;border-color:#ad72765e;color:#ffd8d5;font-size:12px;padding:10px;margin-bottom:12px}
.auth-body .notice{background:#203a2c;color:#dcefdc;border-color:#73937a55;font-size:12px}
.auth-body .consent{font-size:11px;line-height:1.5;color:#b8c9bf;gap:8px}
.auth-body input[type=checkbox]{accent-color:#bbd0ad;width:16px;height:16px;flex-shrink:0}
.auth-login .login-box form>label{font-size:0;margin-bottom:9px}
.auth-login .login-box input{margin-top:0}
.auth-body .scene-pause{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:max(22px,4vw);width:auto;min-height:36px;display:flex;gap:8px;align-items:center;padding:7px 9px;margin:0;border:1px solid #c7e2cf1f;border-radius:20px;background:#06131785;color:#b5c9bc;font-size:10px;font-weight:400;backdrop-filter:blur(8px)}
.scene-pause svg{width:11px;height:11px;fill:currentColor}
.auth-body a:focus-visible,.auth-body button:focus-visible{outline:2px solid #d1e5bf;outline-offset:4px}
@media(min-width:1200px){.auth-body .login-box{width:306px}.auth-brand{font-size:22px}}
@media(max-width:600px){body.auth-body{justify-content:center;padding:84px 20px max(68px,calc(env(safe-area-inset-bottom) + 52px))}.auth-body .login-box{width:292px;padding:18px;border-radius:14px}.auth-brand{font-size:19px;left:24px;top:max(22px,env(safe-area-inset-top))}.auth-body .scene-pause{left:50%;transform:translateX(-50%);bottom:max(13px,env(safe-area-inset-bottom));white-space:nowrap}.auth-body h1{font-size:18px;margin-bottom:13px}}
@media(max-height:550px) and (min-width:601px){body.auth-body{padding-top:68px;padding-bottom:25px}.auth-body .login-box{padding:16px}.auth-body .scene-pause{bottom:12px}}
@media(prefers-reduced-motion:reduce){.auth-body *{scroll-behavior:auto}}