:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:#000;color:#f4f4f2}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;position:relative;isolation:isolate;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#000}
/* Quiet, static tape texture, isolated behind the card and all interaction. */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 4px),radial-gradient(ellipse at center,rgba(255,255,255,.055),transparent 68%);opacity:.9}
body::after{content:"";position:fixed;inset:12px;z-index:-1;pointer-events:none;border:1px solid rgba(255,255,255,.08)}
main{width:min(100%,28rem);padding:clamp(24px,5vw,40px);border:1px solid #454545;background:rgba(15,15,15,.96);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.6)}
h1{font-size:clamp(2rem,7vw,2.6rem);letter-spacing:-.04em;margin:.25rem 0 .5rem;color:#fff}
p{color:#c7c7c7;line-height:1.5}.eyebrow{font:600 .7rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;color:#aaa}
form{display:grid;gap:14px;margin:24px 0 12px}form[hidden]{display:none}label{display:grid;gap:7px;font-size:.85rem;font-weight:600;color:#ddd}input{width:100%;min-height:48px;padding:10px 12px;border:1px solid #696969;border-radius:8px;background:#080808;color:#fff;font:400 16px/1.4 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;appearance:none}
button{min-height:48px;font:650 .95rem/1.2 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:#080808;background:#eee;border:1px solid #eee;border-radius:9px;padding:12px 16px;cursor:pointer}
#reset,#signIn{width:100%;color:#f1f1f1;background:#191919;border-color:#696969}#signIn{margin-top:4px}button:disabled{opacity:.55;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.9)}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}#status:empty{display:none}#status{font-size:.9rem;color:#e3e3e3;overflow-wrap:anywhere}
@media(max-width:420px){body{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}body::after{inset:8px}main{padding:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}