.ls-auth{isolation:isolate;background:var(--bg-deep);min-height:100dvh;color:var(--text);flex-direction:column;display:flex;position:relative;overflow:hidden}.ls-auth__bg{z-index:-2;filter:blur(5px)saturate(.8);opacity:.9;pointer-events:none;position:absolute;inset:-24px}.ls-auth__bg canvas{width:100%;height:100%;display:block}.ls-auth:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 62% at 50% 48%, color-mix(in srgb, var(--bg-deep) 30%, transparent), color-mix(in srgb, var(--bg-deep) 66%, transparent) 70%, color-mix(in srgb, var(--bg-deep) 94%, transparent) 100%);position:absolute;inset:0}.ls-auth__top{align-items:center;gap:14px;height:72px;padding:0 40px;display:flex}.ls-auth__top .ls-lockup{color:var(--text)}.ls-auth__top .sp{flex:1}.ls-auth__mid{flex:1;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px 16px 96px;display:grid}.ls-auth__mid>div{width:100%;max-width:400px}.ls-auth__legal{text-align:center;color:var(--dim);margin-top:18px;font-size:12px;line-height:1.5}.ls-auth-card{background:color-mix(in srgb, var(--surface) 94%, transparent);border:1px solid var(--line-2);width:400px;max-width:100%;box-shadow:var(--sh-3);-webkit-backdrop-filter:blur(12px);border-radius:14px;padding:32px 32px 28px}.ls-auth-card__seal{justify-content:center;display:flex}.ls-auth-card__t{text-align:center;font:var(--t-display-m);color:var(--text);margin-top:18px}.ls-auth-card__s{text-align:center;color:var(--text-2);margin-top:10px;font-size:14px;line-height:1.55}.ls-auth-card__s b{color:var(--text);font-weight:600}.ls-auth-card__b{flex-direction:column;gap:14px;margin-top:24px;display:flex}.ls-auth-card .ls-input{height:42px;padding:0 12px;font-size:15px}.ls-auth-card .ls-btn--block{height:42px;font-size:14px}.ls-auth-card .ls-check{font-size:13px}.ls-auth-card__f{border-top:1px solid var(--line);color:var(--dim);text-align:center;margin-top:20px;padding-top:16px;font-size:12px;line-height:1.55}.ls-auth-card__f a{color:var(--text-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-3);text-decoration-color:var(--line-3);text-underline-offset:3px}.ls-auth-code{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.ls-auth-code input{text-align:center;border:1px solid var(--line-2);background:var(--bg);width:100%;min-width:0;height:56px;font:600 24px var(--f-mono);color:var(--text);caret-color:var(--ivory);transition:border-color var(--dur-hover), box-shadow var(--dur-hover);border-radius:8px}.ls-auth-code input:focus{border-color:var(--text-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--ivory) 12%, transparent);outline:none}.ls-auth-code input.is-filled{border-color:var(--line-3)}.ls-auth-code.is-error input{border-color:var(--danger-line);color:var(--danger)}.ls-auth-code.is-locked input{opacity:.45}.ls-auth-code.is-ok input{border-color:color-mix(in srgb, var(--live) 50%, transparent)}.ls-auth-help{color:var(--muted);align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;display:flex}.ls-auth-help .ic{flex:none;margin-top:2px}.ls-auth-help--danger,.ls-auth-help--danger b{color:var(--danger)}.ls-auth-help--center{justify-content:center;align-items:center}.ls-auth-row{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.ls-auth-row .ls-mono{color:var(--text-2)}.ls-auth-row button{color:var(--text-2);font-weight:600}.ls-auth-row button:hover{color:var(--text)}.ls-auth-row button:disabled{color:var(--dim);font-weight:500}.ls-auth-notice{border:1px solid var(--line-2);border-radius:var(--r-card);background:var(--bg);color:var(--text-2);gap:12px;padding:14px;font-size:13.5px;line-height:1.55;display:flex}.ls-auth-notice .ic{color:var(--muted);flex:none;margin-top:1px}.ls-auth-notice b{color:var(--text)}.ls-auth-notice--danger{border-color:var(--danger-line);background:var(--danger-bg)}.ls-auth-notice--danger .ic{color:var(--danger)}.ls-auth-spin{border:2px solid var(--line-3);border-top-color:var(--text-2);border-radius:50%;flex:none;width:14px;height:14px;animation:.9s linear infinite ls-auth-spin}@keyframes ls-auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ls-auth-spin{animation-duration:2.4s}}@media (max-width:767px){.ls-auth__top{gap:8px;height:60px;padding:0 12px 0 16px}.ls-auth__top .ls-btn span{display:none}.ls-auth__top .ls-btn{justify-content:center;width:36px;padding:0}.ls-auth__mid{place-items:start center;padding-top:12px}.ls-auth-card{border-radius:12px;padding:26px 20px 22px}.ls-auth-code{gap:6px}.ls-auth-code input{height:52px;font-size:22px}}
