.sx-login{--ink:#121316;--accent:#ff6a13;--sealed:#19c37d;--light:#f3f3f0;--sans:"Noto Sans JP","Hiragino Sans",sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.sx-login *{box-sizing:border-box}.sx-login,.sx-login>.sx-b{min-height:100%;margin:0}.sx-login>.sx-b{font-family:var(--sans);-webkit-font-smoothing:antialiased;line-break:strict;color:var(--ink);background:var(--light);--n:0}.sx-login h1{font:900 clamp(30px,2.6vw,38px)/1.3 var(--sans);letter-spacing:-.01em;margin:0}.sx-login .sub{font:500 15px/1.8 var(--sans);color:#121316b3;word-break:auto-phrase;margin:12px 0 0}.sx-login .sub b{color:var(--ink);word-break:break-all;font-weight:700}.sx-login form{gap:12px;margin-top:28px;display:grid}.sx-login .lb{font:700 14px var(--sans)}.sx-login input[type=email]{width:100%;height:56px;font:500 17px var(--sans);color:var(--ink);background:#fff;border:1.5px solid #1213162e;border-radius:12px;padding:0 18px}.sx-login input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.sx-login .btn{background:var(--accent);color:#121316;height:56px;font:800 16px var(--sans);cursor:pointer;border:0;border-radius:999px;margin-top:6px;transition:opacity .2s}.sx-login .btn:disabled{opacity:.35;cursor:default}.sx-login .btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.sx-login .code{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.sx-login .code input{text-align:center;width:100%;height:64px;font:700 28px var(--mono);color:var(--ink);background:#fff;border:1.5px solid #1213162e;border-radius:12px;padding:0}.sx-login .code input:not(:placeholder-shown),.sx-login .code input:valid{border-color:#12131666}.sx-login .links{flex-wrap:wrap;gap:8px 24px;margin:16px 0 0;display:flex}.sx-login .links button{font:600 13.5px var(--sans);color:#121316b3;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.sx-login .hint{font:500 12.5px/1.7 var(--sans);color:#12131680;margin:10px 0 0}.sx-login .first{border-top:1px solid #1213161a;margin-top:24px;padding-top:16px}.sx-login .first summary{cursor:pointer;font:700 13.5px var(--sans);color:#121316bf}.sx-login .first p{font:500 13px/1.8 var(--sans);color:#121316a6;word-break:auto-phrase;margin:10px 0 0}.sx-login .proto{font:500 11.5px var(--sans);color:#12131666;margin:28px 0 0}.sx-login .home{font:600 13px var(--sans);color:inherit;opacity:.7;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.sx-login .home:hover{opacity:1}@media (prefers-reduced-motion:reduce){.sx-login *{transition:none!important;animation:none!important}}.sx-login .wrap{grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);min-height:100dvh;display:grid}.sx-login .board{color:#fff;background:radial-gradient(60% 60% at 10% 100%,#ff6a1329,#0000 70%),radial-gradient(70% 60% at 30% 20%,#1b1c20,#0000 70%),linear-gradient(160deg,#16171a 0%,#0e0f12 55%,#0a0b0d 100%);position:relative;overflow:hidden}.sx-login .board .top{z-index:3;align-items:center;gap:20px;display:flex;position:absolute;top:clamp(24px,4vh,40px);left:clamp(24px,4vw,56px)}.sx-login .board .top img{height:22px}.sx-login .lock{aspect-ratio:1;width:min(78vh,52vw);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.sx-login .lock .light{aspect-ratio:1;filter:blur(6px);width:46%;opacity:calc(.35 + var(--n) * .11);background:radial-gradient(closest-side,#fff 0%,#fff4e6d9 30%,#ffb47840 62%,#0000 100%);border-radius:50%;transition:opacity .4s,background .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-38%)}.sx-login .ok .lock .light{opacity:1;background:radial-gradient(closest-side,#fff 0%,#c8ffe4e6 30%,#19c37d59 62%,#0000 100%)}.sx-login .lock svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sx-login .lock .o{fill:var(--accent)}.sx-login .lock .t{fill:#ffffff24;transition:fill .3s}.sx-login [data-n="1"] .lock .t:nth-of-type(-n+1),.sx-login [data-n="2"] .lock .t:nth-of-type(-n+2),.sx-login [data-n="3"] .lock .t:nth-of-type(-n+3),.sx-login [data-n="4"] .lock .t:nth-of-type(-n+4),.sx-login [data-n="5"] .lock .t:nth-of-type(-n+5),.sx-login [data-n="6"] .lock .t:nth-of-type(-n+6){fill:#fff}.sx-login .ok .lock .t{fill:var(--sealed)!important}.sx-login .ring{fill:none;stroke:#ffffff14;stroke-width:1px}.sx-login .cap{z-index:3;font:600 12px/1.7 var(--sans);color:#ffffff80;margin:0;position:absolute;bottom:clamp(24px,4vh,40px);left:clamp(24px,4vw,56px)}.sx-login .side{background:var(--light);flex-direction:column;justify-content:center;padding:clamp(40px,6vh,72px) clamp(28px,5vw,88px);display:flex}.sx-login .side .inner{width:100%;max-width:420px}@media (max-width:900px){.sx-login .wrap{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sx-login .board{height:290px}.sx-login .lock{width:190px;top:60%}.sx-login .board .top{gap:14px}.sx-login .cap{display:none}.sx-login .side{justify-content:flex-start;padding:32px 24px 48px}.sx-login .side .inner{max-width:none}}