html,body{margin:0;height:100%;overflow:hidden}.sign-in-form-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--signin-wrap-pad);z-index:5;pointer-events:var(--signin-wrap-events)}.sign-in-form-wrap>*{pointer-events:auto}.sign-in-form{width:var(--signin-form-w);display:flex;flex-direction:column;gap:var(--signin-form-gap);position:relative}.sign-in-field{display:flex;align-items:center;gap:var(--signin-field-gap);height:var(--signin-field-h);min-height:var(--signin-field-min-h);max-height:var(--signin-field-max-h);padding:var(--signin-field-pad);background:var(--yl-white);border:2px solid var(--yl-white);border-radius:var(--signin-pill);box-shadow:0 3px 6px #00000024;position:relative;overflow:var(--signin-field-overflow);box-sizing:var(--signin-field-box)}#username-field{overflow:visible;z-index:5}.sign-in-field>img.field-icon{width:var(--signin-icon);height:var(--signin-icon);object-fit:contain;flex:0 0 auto}.sign-in-field input{flex:1;border:0;outline:none;font-size:var(--signin-fs);color:var(--signin-ink);background:transparent;min-width:0;height:100%}.sign-in-field input::placeholder{color:var(--signin-placeholder)}.sign-in-field-btn{border:0;background:transparent;width:var(--signin-btn-size);height:var(--signin-btn-size);min-width:var(--signin-btn-min);min-height:var(--signin-btn-min);padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;-webkit-tap-highlight-color:transparent}#accounts-toggle{width:var(--signin-toggle-size);height:var(--signin-toggle-size);min-width:var(--signin-toggle-size);min-height:var(--signin-toggle-size);font-size:var(--signin-toggle-fs);font-weight:800;line-height:1;color:var(--signin-toggle-ink)}#accounts-toggle[hidden]{display:none}.sign-in-field-btn img{width:var(--signin-btn-icon);height:var(--signin-btn-icon);object-fit:contain}.sign-in-field-btn.reveal img{filter:var(--signin-reveal-filter)}.sign-in-accounts{position:absolute;left:var(--signin-list-inset);right:var(--signin-list-inset);top:calc(var(--signin-field-h) + 6px);max-height:var(--signin-list-max-h);overflow:auto;background:var(--yl-white);border-radius:var(--signin-list-radius);box-shadow:0 8px 24px #0000002e;z-index:20;display:none}.sign-in-accounts.is-open{display:block}.sign-in-accounts button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:var(--signin-list-item-pad);font-size:var(--signin-list-fs);font-weight:600;color:var(--signin-ink);min-height:var(--signin-list-item-min-h);cursor:pointer}.sign-in-accounts button:active,.sign-in-accounts button:hover{background:var(--signin-accent-tint)}.sign-in-row{display:flex;align-items:center;justify-content:space-between;gap:var(--signin-row-gap);margin-top:var(--signin-row-mt)}.sign-in-remember{display:flex;align-items:center;gap:var(--signin-remember-gap);min-height:var(--signin-remember-min);min-width:var(--signin-remember-min);padding:var(--signin-remember-pad);margin:var(--signin-remember-margin);cursor:pointer;user-select:none;font-size:var(--signin-remember-fs);font-weight:700;color:var(--signin-ink);-webkit-tap-highlight-color:transparent}.sign-in-check{width:var(--signin-check-size);height:var(--signin-check-size);border-radius:var(--signin-check-radius);border:var(--signin-check-border) solid rgba(30,24,18,.5);background:#fffffff2;display:flex;align-items:center;justify-content:center;color:var(--yl-white);font-size:var(--signin-check-fs);font-weight:900;line-height:1;flex:0 0 auto}.sign-in-check.is-on{background:var(--signin-accent);border-color:var(--signin-accent)}.sign-in-submit{min-width:var(--signin-submit-min-w);min-height:var(--signin-submit-min-h);height:var(--signin-submit-h);max-height:var(--signin-submit-max-h);border:0;border-radius:var(--signin-pill);background:var(--signin-accent);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--signin-submit-pad);flex:var(--signin-submit-flex)}.sign-in-submit img{width:var(--signin-submit-icon);height:var(--signin-submit-icon);object-fit:contain}.sign-in-submit:disabled{opacity:.6}.sign-in-error{display:none;box-sizing:border-box;width:100%;max-width:100%;background:#fffffff2;border-radius:var(--signin-error-radius);padding:10px 14px;color:var(--signin-error-ink);font-size:clamp(13px,2.1cqw,16px);font-weight:700;line-height:1.35;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:keep-all;box-shadow:var(--signin-error-shadow)}.sign-in-error.is-visible{display:block}.sign-in-version{z-index:var(--signin-version-z);color:var(--signin-version-ink);font-size:var(--signin-version-fs);font-weight:var(--signin-version-fw);letter-spacing:.2px;pointer-events:auto;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sign-in-dev-toast{position:absolute;left:50%;bottom:var(--signin-toast-bottom);z-index:40;max-width:min(90%,22rem);padding:.55rem 1rem;border-radius:var(--signin-pill);background:#1c2026e0;color:var(--yl-white);font-size:var(--signin-toast-fs);font-weight:600;line-height:1.35;letter-spacing:.02em;text-align:center;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,.4rem);transition:opacity .18s ease,transform .18s ease}.sign-in-dev-toast.is-visible{opacity:1;transform:translate(-50%)}.sign-in-version{position:absolute;inset:auto 14px 12px auto}#login-update-bar{position:absolute;inset:auto auto 12px 14px;z-index:31;display:none;align-items:center;box-sizing:border-box;min-height:44px;padding:10px 16px;border:0;border-radius:10px;background:var(--signin-accent, #e8506e);color:#fff;font-size:14px;font-weight:700;letter-spacing:.2px;line-height:1.4;cursor:pointer;box-shadow:0 2px 6px #0000002e;-webkit-tap-highlight-color:transparent}#login-update-bar:active{background:var(--signin-accent-active, #c8415a)}#login-update-bar:disabled{opacity:.7;cursor:default}input.is-masked{-webkit-text-security:disc;text-security:disc;font-family:inherit;letter-spacing:normal}
