.signin-screen{--signin-bg:#faf9f5;--signin-fg:#272c29;--signin-panel:#efeee8;display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:var(--signin-bg);color:var(--signin-fg);font:16px/1.5 system-ui}
.dark .signin-screen{--signin-bg:#1c1c1c;--signin-fg:#eeeee8;--signin-panel:#252525}
.signin-welcome{position:relative;display:flex;align-items:center;justify-content:center;padding:110px 40px}.signin-brand{position:absolute;top:32px;left:max(40px,calc((100% - 360px)/2));display:flex;gap:10px;align-items:center;font-size:16px;font-weight:650}.signin-logo{display:grid;place-items:center;width:28px;height:31px;background:#345a46;color:white;border-radius:5px;font:700 22px Georgia}.signin-intro{width:360px;max-width:100%;margin-top:-10px}.signin-screen h1{font:500 clamp(30px,2.5vw,36px)/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 36px;text-wrap:balance}.signin-tail{white-space:nowrap}.signin-anywhere{font:inherit;color:inherit;background:none;position:relative;padding:0 .04em}.signin-anywhere>span{position:absolute;inset:0;padding:0 .04em;border-radius:2px;white-space:nowrap;background:#f1dc92;color:#25251b;clip-path:inset(0 100% 0 0);animation:signin-mark .8s linear forwards;pointer-events:none}
@keyframes signin-mark{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
.signin-controls #google-sign-in iframe{color-scheme:light}
.signin-controls #google-sign-in{height:44px;overflow:hidden}.signin-controls #google-sign-in :not(iframe):not(:has(iframe)){display:none}
.signin-controls #google-sign-in{position:relative}.signin-controls #google-sign-in[data-ready="false"]>*{visibility:hidden}.signin-controls #google-sign-in[data-ready="false"]:before{content:'Loading Google sign-in…';position:absolute;inset:0;display:flex;align-items:center;font-size:14px}
.signin-controls{min-height:52px}.signin-controls #google-sign-in{max-width:100%;min-height:44px}.signin-controls .google-button{width:100%;min-height:50px;justify-content:center;font-size:15px;border-radius:7px;background:#fffefa;color:#272c29;border:1px solid #dcded6}.signin-controls p{font-size:14px;color:var(--muted)}.signin-controls input{display:block;max-width:100%;width:100%;padding:.75rem;margin:.5rem 0 1rem;border:1px solid var(--line);border-radius:7px;background:var(--signin-bg)}.signin-demo{display:block;min-width:0;margin:10px 10px 10px 0;height:calc(100dvh - 20px);min-height:600px;border-radius:12px;overflow:hidden;background:var(--signin-panel)}
@media(min-width:1900px){.signin-intro{width:380px}.signin-brand{left:calc((100% - 380px)/2)}}
@media(max-width:1100px){.signin-welcome{padding:100px 32px}.signin-brand{left:32px}}
@media(max-width:760px){.signin-screen{display:flex;flex-direction:column}.signin-welcome{min-height:400px;padding:118px 32px 58px;align-items:flex-start}.signin-brand{top:28px;left:32px}.signin-intro{width:100%;max-width:380px;margin:0 auto}.signin-screen h1{font-size:30px;margin-bottom:30px}.signin-demo{height:550px;min-height:550px;margin:0 10px 10px}}
@media(prefers-reduced-motion:reduce){.signin-anywhere>span{animation:none;clip-path:inset(0)}}