[hidden]{display:none!important}
#login-layer{position:fixed;z-index:5;inset:0;display:flex;align-items:center;justify-content:center;padding:48px 20px 64px;overflow:auto;background:linear-gradient(180deg,#130c0570,#160d08b8);touch-action:pan-y}
#login-form{width:min(100%,390px);margin:auto;background:linear-gradient(145deg,#fff8e9,#f5e5c7);border:1px solid #d2ac62;border-radius:20px;padding:30px;color:#402919;box-shadow:0 20px 70px #0009,0 0 0 5px #cdab6920}
.login-kicker{display:block;color:#86602b;font-size:11px;font-weight:800;letter-spacing:.2em;margin-bottom:10px}
#login-form h2{font:700 27px/1.25 Georgia,serif;margin:0 0 8px}
.login-intro{font-size:14px;color:#795d44;margin:0 0 24px;line-height:1.5}
#login-form>label{display:block;margin:16px 0 7px;font-size:13px;font-weight:700}
#login-form input[type=text],#login-form input[type=password]{display:block;width:100%;min-width:0;height:50px;border:1px solid #c9b18a;border-radius:9px;background:#fffdf8;color:#332215;padding:12px 14px;font:16px system-ui;outline:none;box-shadow:inset 0 1px 2px #44250008}
#login-form input:focus{border-color:#92631d;box-shadow:0 0 0 3px #bd8c3440}
#login-form input::placeholder{color:#998773}
.password-field{position:relative}.password-field input{padding-right:62px!important}
#password-toggle{position:absolute;right:4px;top:3px;min-height:44px;padding:8px 12px;background:transparent;color:#805c27;font-size:13px;border-radius:6px}
.login-options{display:grid;gap:10px;margin-top:18px;font-size:13px;color:#725338}
.login-options label{display:flex;align-items:center;gap:9px;cursor:pointer;min-height:24px}.login-options input{width:18px;height:18px;margin:0;accent-color:#926018;flex:none}
#login-message{font-size:13px;line-height:1.45;color:#a52720;margin:12px 0 0}#login-message:empty{display:none}
#login-submit{width:100%;min-height:52px;margin-top:22px;background:linear-gradient(#d9a54c,#b97a24);border:1px solid #a16b22;color:#fff9e9;border-radius:10px;box-shadow:0 3px 0 #8c571c;font-size:17px;text-shadow:0 1px #704211;display:flex;justify-content:center;gap:12px;align-items:center}
#login-submit:hover{filter:brightness(1.06)}#login-submit:active{transform:translateY(2px);box-shadow:0 1px 0 #8c571c}
.login-links{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:15px;color:#b89a70}
.login-links button{min-height:44px;background:none;color:#795322;padding:8px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}
#back-login{position:fixed;z-index:7;top:40px;left:50%;transform:translateX(-50%);font-size:14px;min-height:44px}
#performance-control{position:fixed;z-index:6;top:max(8px,env(safe-area-inset-top));right:8px;font-size:11px;background:#211813e6;border:1px solid #8c7043;border-radius:7px;padding:4px 6px;color:#f4e7ca}#performance-mode{font:12px system-ui;background:transparent;color:inherit;border:0;padding:4px;max-width:180px}#performance-mode option{background:#211813}
body[data-login-form=open] #panel{display:none}
@media(max-width:440px){#login-layer{padding:48px 16px 24px}#login-form{padding:24px;border-radius:16px}#login-form h2{font-size:25px}#metrics{font-size:10px;top:auto;bottom:env(safe-area-inset-bottom)}}
@media(max-height:600px){#login-layer{align-items:flex-start;padding:12px 16px}#login-form{padding:20px}.login-intro{margin-bottom:14px}#login-submit{margin-top:16px}}