.lg-page{--lg-line:#e5e1d8;--lg-ink:#1f2937;--lg-muted:#6b7280;--lg-primary:#2f5fd0;--lg-primary-soft:#e6edfb;--lg-bad:#d9443b;--lg-gold:#f2b705;--lg-pink:#e8578a;isolation:isolate;overflow-x:hidden;background:linear-gradient(170deg,#e6edfb,#f5efff 42%,#fbfaf7 70%);color:var(--lg-ink);font-family:var(--font-sans)}.lg-page,.lg-page .lg-inner{position:relative;min-height:100dvh}.lg-page .lg-inner{display:flex;flex-direction:column;max-width:26rem;margin:0 auto;padding:max(46px,calc(env(safe-area-inset-top) + 24px)) 18px max(22px,env(safe-area-inset-bottom))}.lg-page button{white-space:normal}@media (min-width:768px){.lg-page .lg-inner{justify-content:center;gap:28px}.lg-page .lg-card{margin-top:0}}.lg-float{position:absolute;inset:0;pointer-events:none;overflow:hidden}.lg-float span{position:absolute;font-family:Noto Sans JP,sans-serif;font-weight:900;color:#fff;border-radius:14px;display:grid;place-items:center;box-shadow:0 6px 14px rgba(47,95,208,.18);animation:lgbob 5s ease-in-out infinite}.lg-float .a{left:18px;top:70px;width:38px;height:38px;font-size:19px;background:linear-gradient(135deg,#f472b6,#e8578a);transform:rotate(-10deg)}.lg-float .b{right:20px;top:60px;width:34px;height:34px;font-size:17px;background:linear-gradient(135deg,#6f8ff0,#2f5fd0);transform:rotate(9deg);animation-delay:-1.5s}.lg-float .c{left:30px;top:214px;width:28px;height:28px;font-size:14px;background:linear-gradient(135deg,#fcd34d,#f59e0b);transform:rotate(8deg);animation-delay:-3s}.lg-float .d{right:26px;top:196px;width:30px;height:30px;font-size:15px;background:linear-gradient(135deg,#34d399,#22a06b);transform:rotate(-8deg);animation-delay:-2.2s}@keyframes lgbob{50%{translate:0 -6px}}.lg-hero{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.lg-av{width:104px;height:104px;background:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(47,95,208,.22),inset 0 0 0 5px #e6edfb;position:relative}.lg-av,.lg-clip{border-radius:50%}.lg-clip{position:absolute;inset:5px;overflow:hidden;background:linear-gradient(180deg,#fdf2f8,#e6edfb);display:flex;align-items:flex-end;justify-content:center}.lg-av .sensei{width:88px;height:88px;margin-bottom:-4px}.lg-av .sensei .brow,.lg-av .sensei .heyes,.lg-av .sensei .mo{display:none}.lg-wave{position:absolute;right:-6px;top:4px;font-size:22px;transform-origin:70% 80%;animation:lgwave 1.8s ease-in-out infinite}@keyframes lgwave{0%,60%,to{rotate:0deg}15%,45%{rotate:18deg}30%{rotate:-8deg}}.lg-hi{margin-top:10px;background:#fff;border:1.5px solid var(--lg-line);border-radius:14px;padding:5px 12px;font-size:12px;font-weight:800;position:relative}.lg-hi:before{content:"";position:absolute;top:-6px;left:50%;width:10px;height:10px;background:#fff;border-left:1.5px solid var(--lg-line);border-top:1.5px solid var(--lg-line);transform:translateX(-50%) rotate(45deg)}.lg-hi b{font-family:Noto Sans JP,sans-serif;color:var(--lg-pink);margin-right:4px}.lg-brand{margin-top:14px;display:flex;align-items:center;gap:8px}.lg-logo{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#2f5fd0,#8b5cf6);color:#fff;font-family:Noto Sans JP,sans-serif;font-weight:900;font-size:18px;display:grid;place-items:center;box-shadow:0 3px 0 #1f43a0}.lg-brand h3{margin:0;font-size:24px;font-weight:900;letter-spacing:-.01em}.lg-tag{margin:6px 0 0;font-size:13px;font-weight:700;color:var(--lg-muted);line-height:1.4}.lg-card{margin-top:auto;background:#fff;border:1.5px solid var(--lg-line);border-radius:22px;padding:16px 14px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 28px rgba(30,40,60,.08);position:relative;z-index:1}.lg-card h4{margin:0;font-size:17px;font-weight:900;text-align:center}.lg-card small{text-align:center;font-size:11.5px;font-weight:700;color:var(--lg-muted);margin-top:-6px}.lg-btn{height:48px;border-radius:14px;font:inherit;font-weight:900;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .08s,box-shadow .08s;position:relative}.lg-btn:active{transform:translateY(3px)}.lg-btn svg{width:20px;height:20px;flex:0 0 auto}.lg-g{background:#fff;color:#1f2937;border:1.5px solid #dadce0;box-shadow:0 3px 0 #dadce0}.lg-g:active{box-shadow:0 0 0 #dadce0}.lg-f{background:#1877f2;color:#fff;border:0;box-shadow:0 3px 0 #0b5fcc}.lg-f:active{box-shadow:0 0 0 #0b5fcc}.lg-m{background:#fff;color:#1f2937;border:1.5px solid var(--lg-line);box-shadow:0 3px 0 var(--lg-line)}.lg-m:active{box-shadow:0 0 0 var(--lg-line)}.lg-go{background:var(--lg-primary);color:#fff;border:0;box-shadow:0 3px 0 #1f46a8}.lg-go:active{box-shadow:0 0 0 #1f46a8}.lg-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;color:var(--lg-muted);text-align:left}.lg-in{height:44px;border-radius:14px;border:1.5px solid var(--lg-line);padding:0 12px;font:inherit;font-size:15px;font-weight:800;color:var(--lg-ink);background:#fff;width:100%}.lg-in:focus{outline:none;border-color:var(--lg-primary);box-shadow:0 0 0 3px var(--lg-primary-soft)}.lg-err{margin:0;font-size:12px;font-weight:800;color:var(--lg-bad);text-align:center}.lg-err[hidden]{display:none}.lg-back{border:0;background:none;font:inherit;font-size:12.5px;font-weight:800;color:var(--lg-muted);cursor:pointer;padding:0}.lg-otp{display:flex;justify-content:center;gap:5px}.lg-otp input{width:36px;height:46px;text-align:center;font:inherit;font-size:20px;font-weight:900;border-radius:12px;border:1.5px solid var(--lg-line);background:#fff;color:var(--lg-ink);padding:0}.lg-otp input:focus{outline:none;border-color:var(--lg-primary);box-shadow:0 0 0 3px var(--lg-primary-soft)}.lg-last{position:absolute;top:-8px;right:10px;background:var(--lg-gold);color:#3b2a00;font-size:9px;font-weight:900;padding:2px 7px;border-radius:99px;letter-spacing:.03em}.lg-safe{display:flex;gap:8px;align-items:flex-start;background:var(--lg-primary-soft);border-radius:12px;padding:8px 10px;color:#1f3f94;line-height:1.4}.lg-foot,.lg-safe{font-size:11px;font-weight:700}.lg-foot{margin-top:12px;text-align:center;color:var(--lg-muted);line-height:1.5;position:relative;z-index:1}.lg-foot a{color:var(--lg-primary);font-weight:900;text-decoration:none}.lg-spin{width:34px;height:34px;border-radius:50%;border:4px solid #e6edfb;border-top:4px solid var(--lg-primary);animation:lgspin .8s linear infinite;margin:6px auto 0}@keyframes lgspin{to{rotate:1turn}}.lg-page .lg-btn:disabled,.lg-page .lg-go:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.lg-page .lg-back:focus-visible,.lg-page .lg-btn:focus-visible,.lg-page .lg-chip:focus-visible,.lg-page .lg-foot a:focus-visible{outline:3px solid var(--lg-primary-soft);outline-offset:2px}.lg-page .lg-demo{display:flex;flex-direction:column;gap:6px;background:#fff9e0;border:1.5px dashed var(--lg-gold);border-radius:12px;padding:8px 10px;font-size:11px;font-weight:700;color:#6b4e00;line-height:1.4}.lg-page .lg-demo b{font-weight:900}.lg-page .lg-chips{display:flex;flex-wrap:wrap;gap:6px}.lg-page .lg-chip{height:28px;border-radius:999px;border:1.5px solid var(--lg-line);background:#fff;padding:0 10px;font:inherit;font-size:11.5px;font-weight:800;color:var(--lg-ink);cursor:pointer}.lg-page .lg-chip:hover{border-color:#b8c7f0;background:#f7f9ff}.lg-page .lg-chip[aria-pressed=true]{background:var(--lg-primary-soft);border-color:var(--lg-primary);color:var(--lg-primary)}.lg-page .lg-spin{display:inline-block;width:18px;height:18px;margin:0;border-width:3px;border-color:#fff rgba(255,255,255,.4) rgba(255,255,255,.4)}@media (prefers-reduced-motion:reduce){.lg-float span,.lg-spin,.lg-wave{animation:none}}.lg-page .lg-art,.lg-page .lg-form,.lg-page .lg-main{display:contents}@media (min-width:1024px){.lg-page .lg-inner{display:grid;grid-template-columns:1fr 1fr;justify-content:normal;gap:0;max-width:none;margin:0;padding:0;min-height:100dvh}.lg-page .lg-art{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px;padding:56px 64px;background:linear-gradient(160deg,#e6edfb,#f5efff 50%,#fdf2f8)}.lg-page .lg-art .lg-float span{animation-duration:6s}.lg-page .lg-art .lg-av{width:224px;height:224px;box-shadow:0 18px 38px rgba(47,95,208,.24),inset 0 0 0 8px #e6edfb}.lg-page .lg-art .lg-clip{inset:8px}.lg-page .lg-art .lg-av .sensei{width:200px;height:200px}.lg-page .lg-art .lg-wave{font-size:42px;right:-6px;top:12px}.lg-page .lg-art .lg-hi{margin-top:4px;font-size:21px;padding:11px 22px;border-radius:20px}.lg-page .lg-art .lg-hi:before{width:16px;height:16px;top:-9px}.lg-page .lg-art .lg-brand{margin-top:8px;gap:16px}.lg-page .lg-art .lg-logo{width:70px;height:70px;border-radius:21px;font-size:38px}.lg-page .lg-art .lg-brand h3{font-size:56px}.lg-page .lg-art .lg-tag{margin:0;font-size:23px;line-height:1.55;max-width:520px;color:#4b5563}.lg-page .lg-art .lg-float .a{left:70px;top:80px;width:68px;height:68px;font-size:34px}.lg-page .lg-art .lg-float .b{right:80px;top:110px;width:60px;height:60px;font-size:30px}.lg-page .lg-art .lg-float .c{left:56px;bottom:300px;top:auto;width:54px;height:54px;font-size:27px}.lg-page .lg-art .lg-float .d{right:56px;bottom:330px;top:auto;width:56px;height:56px;font-size:28px}.lg-page .lg-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px;position:relative}.lg-page .lg-main .lg-card{width:460px;max-width:100%;margin:0;padding:38px 36px 32px;gap:16px;border-radius:28px;box-shadow:0 4px 0 var(--lg-line),0 20px 40px rgba(30,40,60,.08)}.lg-page .lg-main .lg-card h4{font-size:32px}.lg-page .lg-main .lg-card small{font-size:16px;margin-top:-8px}.lg-page .lg-main .lg-btn{height:60px;font-size:17px;border-radius:16px;gap:12px}.lg-page .lg-main .lg-btn svg{width:24px;height:24px}.lg-page .lg-main .lg-in{height:56px;font-size:17px;border-radius:16px}.lg-page .lg-main .lg-field{font-size:13px}.lg-page .lg-main .lg-otp{gap:8px}.lg-page .lg-main .lg-otp input{width:48px;height:56px;font-size:24px}.lg-page .lg-main .lg-err{font-size:12.5px}.lg-page .lg-main .lg-back{font-size:13.5px}.lg-page .lg-main .lg-last{font-size:11.5px;padding:3px 9px;top:-10px}.lg-page .lg-main .lg-safe{font-size:14.5px;padding:12px 14px;border-radius:14px;gap:10px}.lg-page .lg-main .lg-chip,.lg-page .lg-main .lg-demo{font-size:12.5px}.lg-page .lg-main .lg-chip{height:32px}.lg-page .lg-main .lg-foot{font-size:15px;margin-top:24px}}