/* Vera boot-as-login terminal (served pre-auth: only this file and boot_login.js are allowlisted) */
html,body{margin:0;height:100%;background:#000}
body{color:#7ff3ff;font:15px/1.5 ui-monospace,Menlo,Consolas,monospace;text-shadow:0 0 6px #2ad8ff,0 0 14px rgba(0,200,255,.45);overflow-x:hidden}
body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px)}
#term{box-sizing:border-box;max-width:820px;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 20px 40px;min-height:100%}
.ln{margin:0 0 4px;white-space:pre-wrap;word-break:break-word}
.logo{white-space:pre;font-size:clamp(7px,2.3vw,16px);line-height:1.05;margin:14px 0;color:#bff8ff}
.logo.glitch{text-shadow:-2px 0 rgba(255,0,90,.7),2px 0 rgba(0,255,255,.8),0 0 10px #2ad8ff}
.vera{color:#e8fdff}
form{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}
form label{white-space:nowrap}
.inp{position:relative;flex:1;min-width:150px;display:flex;align-items:center}
input[type=password]{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#e8fdff;font:inherit;caret-color:#7ff3ff;padding:4px 0;text-shadow:inherit;border-bottom:1px solid rgba(127,243,255,.25)}
.inp .cur{position:absolute;left:0;pointer-events:none;animation:blink 1s steps(1) infinite}
input:not(:placeholder-shown)+.cur{display:none}
@keyframes blink{50%{opacity:0}}
button{background:transparent;border:1px solid rgba(127,243,255,.5);color:#7ff3ff;font:inherit;padding:4px 10px;cursor:pointer;text-shadow:inherit}
.err{color:#ff7a9a;text-shadow:0 0 6px rgba(255,60,120,.6),0 0 12px rgba(0,200,255,.3);margin-top:10px}
.hide{visibility:hidden}
@media (max-width:500px){body{font-size:13px}#term{padding-left:12px;padding-right:12px}}