html,body{justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}#auth-gate,#user-card{background:var(--card-bg);box-shadow:0 8px 24px color-mix(in srgb, var(--shadow-color), transparent 10%);text-align:center;box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;width:90%;max-width:400px;padding:1.5rem}#auth-gate h3{color:var(--text-color);margin-top:0;margin-bottom:1.5rem;font-size:1.35rem;font-weight:600}#password-input,#email-input{border:1px solid var(--shadow-color);box-sizing:border-box;border-radius:6px;width:100%;margin-bottom:1rem;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}#password-input:focus,#email-input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--shadow-color), transparent 20%);outline:none}#login-button,#logout-button{background-color:var(--card-color);width:100%;color:var(--text-color);cursor:pointer;border:none;border-radius:6px;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:background-color .2s}#login-button:hover,#logout-button:hover{background-color:var(--hover-color)}#error-msg{margin-top:1rem;margin-bottom:0;font-size:.9rem;font-weight:500}