.es-app .signin{background:var(--bg);min-height:100svh;color:var(--text);align-content:center;justify-items:center;gap:26px;padding:32px 20px;display:grid}.es-app .signin-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);gap:14px;width:min(400px,100%);padding:26px;display:grid}.es-app .signin h1{letter-spacing:-.02em;text-align:center;margin:0;font-size:24px;line-height:1.2}.es-app .signin-sub{color:var(--muted);text-align:center;margin:-6px 0 6px;font-size:14px;line-height:1.5}.es-app .signin-note{background:var(--raised);border-radius:var(--r-sm);margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.es-app .signin-note[role=alert]{color:var(--danger)}.es-app .signin form{gap:14px;display:grid}.es-app .signin label{gap:7px;font-size:13px;font-weight:600;display:grid}.es-app .signin-label{justify-content:space-between;align-items:baseline;display:flex}.es-app .signin input{width:100%;height:46px;font:inherit;color:var(--text);background:var(--raised);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 13px;font-size:16px;font-weight:400}.es-app .signin input:focus{outline:2px solid var(--focus-ring);outline-offset:1px}.es-app .signin-btn{height:46px;font:inherit;color:var(--accent-ink);background:var(--accent);border-radius:var(--r-sm);box-shadow:var(--lift);cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.es-app .signin-btn:hover{background:var(--brand-hover)}.es-app .signin-btn.google,.es-app .signin-btn.google:hover{color:#1f1f1f;box-shadow:none;background:#fff}.es-app .signin-btn[aria-disabled=true]{opacity:.65;cursor:default}.es-app .signin-or{color:var(--quiet);align-items:center;gap:12px;font-size:12px;display:flex}.es-app .signin-or:before,.es-app .signin-or:after{content:"";background:var(--line);flex:1;height:1px}.es-app .signin-link{font:inherit;color:var(--accent-text);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:500;text-decoration:none}.es-app .signin-center{justify-self:center}.es-app .signin-below{color:var(--muted);margin:0;font-size:14px}.signin-dialog{background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:16px;position:fixed;inset:0;overflow:auto}.signin-dialog[open]{place-items:center;display:grid}.signin-dialog::backdrop{background:#06080db8}.es-app.signin-pop{z-index:auto;background:0 0;width:min(400px,100%);height:auto;min-height:0;position:relative;inset:auto;overflow:visible}.es-app.signin-pop .signin{background:0 0;min-height:0;padding:0;display:block}.es-app.signin-pop .signin-card{width:100%}.es-app.signin-pop .signin-below{display:none}.es-app .signin-close{z-index:1;width:32px;height:32px;color:var(--muted);border-radius:var(--r-full);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:12px;right:12px}.es-app .signin-close:hover{background:var(--hover)}.account-box{margin:0 6px;display:flex;position:relative}.account-avatar{width:36px;height:36px;font:inherit;color:#fff;background:#3f6bf2;border:0;border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:600;display:grid}button.account-avatar{cursor:pointer}.es-app.account-menu{z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);width:260px;height:auto;min-height:0;box-shadow:var(--shadow-lg);gap:2px;padding:8px;display:grid;position:absolute;inset:calc(100% + 8px) 0 auto auto;overflow:visible}.es-app .account-who{background:var(--raised);border-radius:var(--r-sm);align-items:center;gap:10px;margin-bottom:6px;padding:8px;display:flex}.es-app .account-who p{min-width:0;margin:0;font-size:13px;line-height:1.35;display:grid}.es-app .account-who span:not(.account-avatar){text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px;overflow:hidden}.es-app.account-menu>a,.es-app.account-menu button{width:100%;font:inherit;color:var(--text);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:9px 8px;font-size:14px;text-decoration:none;display:flex}.es-app.account-menu>a:hover,.es-app.account-menu button:hover{background:var(--hover)}@media (max-width:640px){.account-box{position:static}.es-app.account-menu{inset:100% 12px auto auto}}
