body.login-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:var(--cmstv-bg,#0d0b0a)}
.login-screen .login{width:min(380px,100%);max-width:380px;margin:0;padding:28px;border:1px solid var(--cmstv-border,#34302d);border-radius:14px;box-shadow:0 18px 70px #0005}
.login-brand{display:flex;align-items:center;gap:10px;color:var(--cmstv-text,#eee)}.login-brand .icon{width:24px;height:24px;color:#00c894}
.login-screen .login h1{font-size:22px;margin:0;font-weight:600}.login-screen .login-intro{margin:12px 0 23px;line-height:1.6}
.login-screen .login form{gap:16px}.login-screen .login label{display:grid;gap:8px;color:var(--cmstv-muted,#aaa);font-size:14px}
.login-screen .login input{width:100%;background:var(--cmstv-bg,#0d0b0a);min-width:0;padding:12px;font-size:14px}
.login-screen .login input:focus{outline:2px solid #367dff;outline-offset:1px}
.login-screen .login button{justify-content:center;padding:12px;background:#1765f6;border-color:#1765f6;width:100%;font-size:14px}
.login-notice{color:#e6bc62;border:1px solid #514225;background:#292316;border-radius:7px;padding:10px 12px;line-height:1.6;margin:0 0 18px}
.login-error{color:#ff9a9f;border:1px solid #633338;background:#321c20;border-radius:7px;padding:10px 12px;line-height:1.6;margin:0 0 18px}
.login-footnote{font-size:13px;color:var(--cmstv-faint,#888);margin:20px 0 0;line-height:1.6;text-align:center}
@media(max-height:480px){body.login-screen{padding:16px}.login-screen .login{padding:20px}}