/* The Mac app's sign-in (web/mac-signin.js). Every rule is scoped to
   .mac-signin so the browser and iPhone sign-in stay exactly as they are. */
@font-face{font-family:Mono;font-display:swap;src:url('/fonts/martian-mono-latin.woff2') format('woff2')}
/* Always dark: the app's theme tokens are redefined here, so the email form,
   recovery and enrolment screens read correctly even when the app is in Light. */
.login.mac-signin{--signin-ground:#1b1b1b;--signin-muted:#9a9a9a;--bg:var(--signin-ground);--ink:#ededed;--muted:#9a9a9a;--line:#2a2a2a;--tint:#262626;--surface-field:#202020;--surface-hover:#2a2a2a;--focus-border:#ededed;position:fixed;inset:0;display:grid;grid-template-columns:60% 40%;padding:0;background:var(--signin-ground);color:#fff;color-scheme:dark;font-family:Suisse,Inter,system-ui,sans-serif;overflow:hidden}
.login.mac-signin[data-art=minds]{--signin-ground:#000}
.mac-signin .signin-art{position:relative;overflow:hidden}
.mac-signin .signin-stage{position:absolute;left:0;top:0;transform-origin:0 0}
.mac-signin .signin-stage canvas{position:absolute;inset:0;width:100%;height:100%}
.mac-signin .signin-stage .wordmark{display:none}
.mac-signin .grain{position:absolute;inset:0;mix-blend-mode:overlay;opacity:.22;pointer-events:none}
.mac-signin .num{position:absolute;font:clamp(9px,.78vw,14px) Mono,monospace;letter-spacing:.22em;color:rgba(242,234,219,.85);opacity:0;transition:opacity .6s;white-space:nowrap}
.mac-signin .num.show{opacity:1}
.mac-signin .num.dot::before{content:"";position:absolute;left:50%;top:-1.1em;width:.45em;height:.45em;margin-left:-.22em;border-radius:50%;background:#fff}
.mac-signin .num.ring::after{content:"";position:absolute;left:50%;top:50%;width:6.2em;height:6.2em;margin:-3.1em;border:1px solid #fff;border-radius:50%}
.mac-signin .login-brand,.mac-signin footer{display:none}
.mac-signin .login-card{align-self:center;justify-self:start;width:auto;max-width:360px;margin:0 32px 0 clamp(32px,4.5vw,72px);padding:48px 0;text-align:left;max-height:100%;overflow:auto}
.mac-signin .signin-mark{display:flex;align-items:center;gap:.4em;font:600 20px/1 Suisse,sans-serif;margin-bottom:40px}
.mac-signin .signin-mark svg{width:18px;height:18px}
.mac-signin.login h1{font-size:clamp(30px,3.2vw,48px);line-height:.98;letter-spacing:-.035em;font-weight:600;color:#fff;margin:0}
.mac-signin.login h1 span{color:var(--signin-muted)}
.mac-signin .login-card>p:not(#login-note){color:var(--signin-muted);margin:14px 0 0;max-width:none}
.mac-signin.login .auth-buttons{width:100%;margin:28px 0 0}
.mac-signin.login .auth-buttons button{justify-content:center;gap:10px;background:#fff;color:#000;border-color:#fff;border-radius:2px;font-family:Suisse,Inter,sans-serif;font-weight:600}
.mac-signin.login .auth-buttons button:hover{background:#e4e4e4;border-color:#e4e4e4}
/* B: the first visible provider is lime, the rest cream. */
.mac-signin.login[data-art=agents] .auth-buttons button:not([hidden]){background:#DDFB5A;border-color:#DDFB5A;color:#111}
.mac-signin.login[data-art=agents] .auth-buttons button:not([hidden])~button{background:#F2EADB;border-color:#F2EADB}
.mac-signin.login #login-note{color:var(--signin-muted);margin:16px 0 0;max-width:none}
.mac-signin .login-card>p.login-legal:not(#login-note){color:#6f6f6f;margin:20px 0 0;max-width:none}
.mac-signin .login-legal a{color:var(--signin-muted);text-decoration-color:#444}
.mac-signin .login-legal a:hover{color:#fff}
.mac-signin .login-card input{background:#1f1f1f;color:#fff;border:1px solid #333;border-radius:2px}
.mac-signin .login-card form button{border-radius:2px}
.mac-signin :is(button,input,a):focus-visible{outline:2px solid #fff;outline-offset:3px}
/* Narrow windows: the art sits behind the card instead of beside it. */
@media(max-width:820px){
 .login.mac-signin{grid-template-columns:1fr}
 .mac-signin .signin-art{position:absolute;inset:0;opacity:.35}
 .mac-signin .login-card{position:relative;justify-self:center;margin:0 24px}
}