/* The sign-in page. Deliberately not part of the app build: it must render, styled and in the
   right font, before anyone is signed in, so it needs only files that are served without a
   session (this one, tokens.css, the font and the icon). */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.45}
h1{font-size:1.8rem;font-weight:800;line-height:1;margin:0;letter-spacing:-.02em}
p{margin:0}
.muted{color:var(--muted)} .small{font-size:.88rem}
button,input{font:inherit;color:var(--ink)}
button{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:10px 12px;cursor:pointer;font-weight:600;width:100%}
button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
input{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%;margin-top:4px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}
.note{border-left:4px solid var(--accent);padding:10px 12px;background:var(--soft);border-radius:0 10px 10px 0}
.signin{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}
.signin .card{width:100%;max-width:380px;display:grid;gap:14px}