@layer components{.login{min-height:100vh;min-height:100dvh;background:var(--page);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.lg-wrap{max-width:var(--shell-login-max);margin:0 auto;padding:calc(var(--space-16) * 2) var(--space-16) calc(var(--space-16) * 3);gap:var(--space-20)}.lg-head,.lg-wrap{display:flex;flex-direction:column}.lg-head{align-items:flex-start;gap:var(--space-10)}.lg-logo{height:calc(var(--space-20) * 3);width:auto}.lg-tag{margin:0;font-weight:800;color:var(--ink2)}.lg-card{padding:calc(var(--space-20) + var(--space-2));display:flex;flex-direction:column;gap:var(--space-14);box-shadow:var(--frame-sh)}.lg-card h1{font-size:calc(var(--fs-page-title) * 1.5)}.lg-form{display:flex;flex-direction:column;gap:var(--space-14)}.lg-forgot{align-self:flex-start;min-height:var(--tap);display:inline-flex;font-weight:800;font-size:var(--fs-body-ui);text-decoration:underline;text-decoration-thickness:var(--bd-w);text-underline-offset:var(--space-4)}.lg-account,.lg-forgot{align-items:center;color:var(--ink)}.lg-account{display:flex;gap:var(--space-12);width:100%;min-height:calc(var(--tap) + var(--space-20));padding:var(--space-10) var(--space-14);border:var(--bd-card);border-radius:var(--r-card);background:var(--surf);text-align:left;text-decoration:none;transition:transform var(--t-press) var(--ease-pop),box-shadow var(--t-press) var(--ease-pop)}.lg-account>span:not(.lg-k-ic){flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.lg-account b{font-size:var(--fs-body)}.lg-account small{color:var(--ink2);font-size:var(--fs-small);font-weight:600}.lg-account:hover{transform:translate(calc(var(--space-2) * -1),calc(var(--space-2) * -1));box-shadow:var(--shadow-btn-hover)}.lg-account:active{transform:translate(var(--space-2),var(--space-2));box-shadow:var(--shadow-none)}.lg-go{color:var(--ink2)}.lg-k{background:var(--ink);color:var(--k-ink)}.lg-k .lg-go,.lg-k small{color:var(--k-ink2)}.lg-k-ic{display:grid;place-items:center;flex:0 0 auto;width:calc(var(--tap) - var(--space-6));height:calc(var(--tap) - var(--space-6));border-radius:var(--r-num);background:var(--staff);color:var(--on-staff)}.lg-foot{margin:0;text-align:center;font-size:var(--fs-caption);color:var(--ink2);font-weight:600}}