.signin{display:flex;flex-direction:column;text-align:left}.signin-h{font-family:var(--font-sans);font-weight:700;font-size:var(--h5);line-height:1.15;color:var(--color-text);margin:0 0 var(--sp-3)}.signin-h--lead{margin-bottom:var(--sp-after-h5)}.signin-body{font-family:var(--font-serif);font-size:var(--wb-p2);line-height:1.6;color:var(--color-text);margin:0 0 var(--sp-3)}.signin-body strong{font-weight:700;overflow-wrap:anywhere}.signin-body--tight{margin-bottom:var(--sp-1)}.signin-masked{font-family:var(--font-mono);font-size:var(--wb-p2);color:var(--color-text);margin:0 0 var(--sp-3)}.signin-who{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-1);font-family:var(--font-sans);font-size:var(--wb-p3);color:var(--color-text-secondary);margin-bottom:var(--sp-4)}.signin-who strong{font-weight:700;color:var(--color-text);overflow-wrap:anywhere}.signin-who .signin-link{margin-left:auto}.signin-field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-3)}.signin-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-1)}.signin-label{font-family:var(--font-sans);font-size:var(--wb-p3);font-weight:500;color:var(--color-text-secondary)}.signin-label-row .signin-link{font-family:var(--font-sans);font-size:var(--wb-p3)}.signin .form-input{width:100%;box-sizing:border-box}.signin .signin-code{font-family:var(--font-mono);letter-spacing:.3em}.signin .signin-code::placeholder{font-family:var(--font-serif);letter-spacing:normal}.signin .signin-textarea{min-height:5.5rem;resize:vertical}.login-action-panel .signin .form-input.signin-input--error,.login-action-panel .signin .form-input.signin-input--error:focus,html.dark .login-action-panel .signin .form-input.signin-input--error,html.dark .login-action-panel .signin .form-input.signin-input--error:focus{border-color:var(--color-danger)}.signin-msg{font-family:var(--font-sans);font-size:var(--wb-p3);font-weight:400;line-height:1.45;color:var(--color-text-secondary);margin:0}.signin-msg--error{display:flex;align-items:flex-start;gap:var(--sp-1);color:var(--color-text)}.signin-msg--error .ti{flex:none;color:var(--color-danger);line-height:1.45}.signin>.signin-msg--error{margin-bottom:var(--sp-3)}.signin-notice{background:var(--color-danger-tint);border-radius:var(--radius-sm);padding:var(--sp-1) var(--sp-2);font-family:var(--font-sans);font-size:var(--wb-p3);line-height:1.5;color:var(--color-text)}.signin-notice p{margin:0}.signin-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-3)}.signin-link{appearance:none;background:none;border:0;padding:0;font:inherit;font-weight:500;color:var(--color-link);text-decoration:none;text-align:left;cursor:pointer}.signin-link:hover{color:var(--color-link-hover)}.signin-link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.signin-link:disabled{color:var(--color-text-disabled);cursor:default}.signin-who .signin-link,.signin-msg .signin-link{font-family:var(--font-sans)}.signin-help>summary{list-style:none;display:inline-flex;align-items:center;gap:var(--sp-1);cursor:pointer;font-family:var(--font-sans);font-size:var(--wb-p3);font-weight:500;color:var(--color-text-secondary)}.signin-help>summary::-webkit-details-marker{display:none}.signin-help>summary:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.signin-help>summary .ti{transition:transform .15s ease}.signin-help[open]>summary .ti{transform:rotate(90deg)}.signin-help-body{margin-top:var(--sp-2);background:var(--color-surface);border-radius:var(--radius);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-4)}.signin-help-item h3{font-family:var(--font-sans);font-size:var(--wb-p2);font-weight:700;line-height:1.3;color:var(--color-text);margin:0 0 var(--sp-1)}.signin-help-item p{font-family:var(--font-serif);font-size:var(--wb-p2);line-height:1.6;color:var(--color-text);margin:0 0 var(--sp-2)}.signin-help-item p:last-child,.signin-help-item .signin-actions:last-child{margin-bottom:0}.signin-help-item .signin-field{margin-bottom:var(--sp-2)}.hp-field{display:none}@media(prefers-reduced-motion:reduce){.signin-help>summary .ti{transition:none}}