/* PWA sign-in screen; the app itself stays hidden until the user is signed in */
html:not(.tt-in) body>header,html:not(.tt-in) body>main,html:not(.tt-in) body>nav{visibility:hidden}
#tt-login{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg)}
#tt-login .tt-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px 22px}
#tt-login .tt-logo{font-family:var(--display);font-size:34px;font-weight:700;letter-spacing:.5px;margin-bottom:8px}
#tt-login .tt-logo span{color:var(--accent)}
#tt-login label{display:block;font-weight:600;margin:14px 0 6px}
#tt-login input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-size:16px}
#tt-login .tt-btn{width:100%;margin-top:12px;padding:13px;border:0;border-radius:8px;background:var(--accent);color:var(--accentfg);font-weight:700;font-size:16px;cursor:pointer}
#tt-login .tt-muted{color:var(--muted);font-size:14px;margin-top:10px}
#tt-login .tt-foot{color:var(--muted);font-size:12px;margin-top:22px;text-align:center}