sign-in{flex:1;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md) calc(var(--topbar-height) + var(--space-lg));overflow:auto}sign-in sign-card{display:grid;grid-template-columns:15rem 1fr;inline-size:min(40rem,100%);overflow:hidden;border-radius:var(--shape-lg);background:var(--paper);box-shadow:var(--shadow-3)}@media (prefers-reduced-motion: no-preference){sign-in sign-card{animation:sign-in-rise var(--motion-slow) var(--ease-spring) both}}@keyframes sign-in-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}sign-in sign-identity{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg);background:var(--ink);color:var(--paper)}sign-in sign-identity data-label{color:color-mix(in srgb,var(--paper) 55%,transparent)}:root[mode=dark] sign-in sign-identity{background:var(--shade);color:var(--ink)}:root[mode=dark] sign-in sign-identity data-label{color:var(--ink-faint)}:root[mode=dark] sign-in mark-lane{background:var(--ink)}sign-in sign-mark{display:flex;flex-direction:column;gap:var(--space-xs);inline-size:6rem}sign-in mark-lane{display:block;block-size:.875rem;border-radius:var(--shape-full);background:var(--paper)}sign-in mark-lane:nth-child(1){inline-size:70%;opacity:.35}sign-in mark-lane:nth-child(2){inline-size:88%;opacity:.65}@media (prefers-reduced-motion: no-preference){sign-in mark-lane:nth-child(3){animation:sign-in-lane 2.4s var(--ease-standard) infinite alternate;transform-origin:left}}@keyframes sign-in-lane{0%{transform:scaleX(.82)}to{transform:scaleX(1)}}sign-in sign-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-xl)}sign-in sign-title{font-size:clamp(2.25rem,1.8rem + 2vw,3rem);font-weight:720;line-height:1;letter-spacing:-.03em}sign-in sign-hint{max-inline-size:32ch;margin-block-end:var(--space-md);color:var(--ink-soft)}sign-in text-button{block-size:3rem;padding-inline:var(--space-lg) var(--space-xl);font-size:var(--type-body)}sign-in sign-note{display:flex;align-items:center;gap:var(--space-2xs);margin-block-start:var(--space-sm);color:var(--ink-faint);font-size:var(--type-label)}sign-in sign-note m-symbol{font-size:14px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}@media (max-width: 599px){sign-in sign-card{grid-template-columns:1fr}sign-in sign-identity{flex-direction:row;justify-content:space-between;padding:var(--space-lg)}sign-in sign-mark{inline-size:4.5rem;gap:6px}sign-in mark-lane{block-size:.625rem}sign-in sign-content{padding:var(--space-lg)}sign-in text-button{align-self:stretch}}