.lg{min-height:100dvh;display:grid;grid-template-columns:minmax(0,470px) minmax(0,1fr);background:var(--bg)}@media (max-width:880px){.lg{grid-template-columns:minmax(0,1fr)}.lg__viz{display:none}}.lg--solo{grid-template-columns:minmax(0,1fr)}.lg--solo .lg__form{width:100%;max-width:480px;margin-inline:auto}.lg--solo .lg__submit+.lg__submit{margin-top:10px}.lg__form{display:flex;flex-direction:column;padding:clamp(20px,3vh,44px) clamp(24px,4vw,52px);min-height:100dvh}.lg__brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--text);text-decoration:none;align-self:flex-start}.lg__inner{margin:auto 0;padding:clamp(16px,4vh,48px) 0;max-width:368px;width:100%}.lg__kick{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.lg__inner h1{font-family:var(--font-display);font-size:clamp(27px,3.4vw,34px);font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.lg__sub{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 28px;text-wrap:pretty}.lg__oauth{display:flex;flex-direction:column;gap:9px}.lg__obtn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 15px;border-radius:var(--radius-btn);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:.16s;text-align:left}.lg__obtn:hover{border-color:var(--accent);transform:translateY(-1px)}.lg__obtn img,.lg__obtn svg{width:20px;height:20px;flex:0 0 auto;border-radius:5px}.lg__obtn small{margin-left:auto;font-size:10.5px;color:var(--faint);font-weight:500}.lg__obtn--anilist{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 20%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.lg__obtn--anilist small{color:color-mix(in srgb,var(--accent) 80%,var(--text))}.lg__obtn:disabled{cursor:default;opacity:.72}.lg__obtn:disabled:hover{border-color:var(--line-strong);transform:none}.lg__obtn--anilist:disabled:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.lg__gicon{display:grid;place-items:center}.lg__div{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--faint);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.lg__div:after,.lg__div:before{content:"";flex:1;height:1px;background:var(--line)}.lg__field{margin-bottom:13px}.lg__field label{display:block;font-size:11.5px;font-weight:600;color:var(--muted);margin-bottom:6px;letter-spacing:.02em}.lg__inputwrap{position:relative}.lg__field input{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius-btn);padding:12px 14px;font-family:inherit;font-size:14px;transition:.16s}.lg__field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.lg__field input::placeholder{color:var(--faint)}.lg__eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:transparent;color:var(--faint);cursor:pointer;padding:7px;border-radius:8px}.lg__eye:hover{color:var(--text)}.lg__eye svg{width:100%;height:100%}.lg__row{display:flex;justify-content:space-between;align-items:center;margin:4px 0 20px}.lg__check{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);cursor:pointer}.lg__check input{accent-color:var(--accent);width:14px;height:14px}.lg__forgot{font-size:12.5px;color:var(--accent);text-decoration:none;background:none;border:none;padding:0;font-family:inherit;cursor:pointer}.lg__forgot:hover{text-decoration:underline}.lg__submit{width:100%;justify-content:center;position:relative}.lg__submit.is-busy{pointer-events:none;opacity:.8}.lg__dev{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;max-height:84px;overflow-y:auto}.lg__dev small{width:100%;font-size:11px}.lg__dev small,.lg__signup{text-align:center;color:var(--muted)}.lg__signup{margin-top:26px;font-size:13px}.lg__signup a{color:var(--accent);font-weight:600;text-decoration:none}.lg__signup a:hover{text-decoration:underline}.lg__legal{margin-top:auto;font-size:11px;color:var(--faint);line-height:1.5}.lg__legal a{color:var(--muted)}.lg__err{background:color-mix(in srgb,var(--bad) 14%,transparent);border:1px solid color-mix(in srgb,var(--bad) 40%,transparent);color:#f5a0a0;border-radius:10px;padding:10px 13px;font-size:12.5px;margin-bottom:14px}.lg__err a{color:inherit;font-weight:600;text-decoration:underline}.lg__ok{position:relative;background:color-mix(in srgb,var(--ok) 14%,transparent);border:1px solid color-mix(in srgb,var(--ok) 40%,transparent);color:var(--ok);border-radius:10px;padding:10px 34px 10px 13px;font-size:12.5px;line-height:1.45;margin-bottom:14px}.lg__ok-x{position:absolute;top:6px;right:7px;width:22px;height:22px;border:none;background:transparent;color:inherit;font-size:16px;line-height:1;cursor:pointer;border-radius:6px;opacity:.7}.lg__ok-x:hover{opacity:1}.lg__soon{background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent);border-radius:10px;padding:12px 14px;font-size:12.5px;line-height:1.45;margin-bottom:16px}.lg__soon b{display:block;font-size:13.5px;margin-bottom:2px}.lg__gate{display:contents}.lg__reset{margin-top:14px;padding:14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface)}.lg__reset-intro{margin:0 0 12px;font-size:12.5px;color:var(--muted);line-height:1.45}.lg__viz{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-bottom:190px;background:var(--surface)}.lg__wall{position:absolute;inset:-16% -12%;z-index:0;flex-direction:column;transform:rotate(-8deg);opacity:.5;pointer-events:none}.lg__wall,.lw__row{display:flex;gap:13px}.lw__row{width:max-content;animation:lwx 82s linear infinite}.lw__row--b{animation-duration:108s;animation-direction:reverse}@keyframes lwx{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.lw__row{animation:none}}.lw__c{width:140px;aspect-ratio:2/3;border-radius:9px;overflow:hidden;flex:0 0 auto;background:linear-gradient(160deg,#3a4f8c,#1a1f2c);box-shadow:0 10px 24px -12px rgba(0,0,0,.6)}.lw__c img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}.lw__c img.on{opacity:1}.lg__wallveil{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(95% 80% at 50% 48%,transparent 8%,color-mix(in srgb,var(--surface) 66%,transparent) 52%,var(--surface) 84%),radial-gradient(120% 80% at 82% 8%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 55%)}.lg__stage{position:relative;z-index:2;width:min(420px,78%)}.lg__tag{text-align:center;margin-bottom:28px}.lg__tag .ey{font-size:12px;letter-spacing:.16em;color:var(--accent);margin-bottom:12px;font-family:var(--font-mono)}.lg__tag h2{font-family:var(--font-display);font-size:clamp(22px,2.6vw,30px);font-weight:700;letter-spacing:-.02em;margin:0 0 8px;text-wrap:balance}.lg__tag p{color:var(--muted);font-size:13.5px;margin:0}.lg__card{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:18px;padding:16px;box-shadow:0 50px 100px -45px rgba(0,0,0,.9);transform:rotate(-1.4deg);animation:lgcardfloat 7s ease-in-out infinite}@keyframes lgcardfloat{0%,to{transform:rotate(-1.4deg) translateY(0)}50%{transform:rotate(-1.4deg) translateY(-12px)}}@keyframes lgfloatA{0%,to{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-8px)}}@keyframes lgfloatB{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-2deg) translateY(7px)}}@media (prefers-reduced-motion:reduce){.lg__card,.lg__float--sync,.lg__float--theme{animation:none}}.lg__card-band{height:74px;border-radius:11px;background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent) 20%,#11131f))}.lg__card-row{display:flex;align-items:center;gap:11px;margin-top:-22px;padding:0 6px}.lg__card-ava{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 40% 32%,#43507a,#252b42);border:3px solid var(--surface-2);box-shadow:0 0 0 2px var(--accent);flex:0 0 auto;position:relative;overflow:hidden}.lg__card-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}.lg__card-id{margin-top:18px}.lg__card-id b{display:block;font-family:var(--font-display);font-size:15px}.lg__card-id small{color:var(--accent);font-size:11.5px}.lg__card-covs{display:flex;gap:8px;margin-top:13px}.lg__card-covs>*{flex:1}.lg__card-stats{display:flex;gap:8px;margin-top:13px}.lg__card-stats span{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:8px 6px;text-align:center;font-size:9.5px;color:var(--muted)}.lg__card-stats b{display:block;font-family:var(--font-display);font-size:15px;color:var(--text)}.lg__float{position:absolute;z-index:3;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:12px;padding:9px 13px;box-shadow:0 20px 44px -18px rgba(0,0,0,.8);display:flex;align-items:center;gap:9px;font-size:12px;color:var(--text)}.lg__float--sync{top:-16px;right:-20px;transform:rotate(2deg);animation:lgfloatA 5.5s ease-in-out infinite}.lg__float--sync .pulse{width:9px;height:9px;border-radius:50%;background:var(--ok);animation:lgpulse 1.8s infinite}@keyframes lgpulse{0%{box-shadow:0 0 0 0 rgba(66,201,138,.5)}70%{box-shadow:0 0 0 8px rgba(66,201,138,0)}to{box-shadow:0 0 0 0 rgba(66,201,138,0)}}.lg__float--theme{bottom:-14px;left:-22px;transform:rotate(-2deg);animation:lgfloatB 6.5s ease-in-out infinite}.lg__float--theme .sw{display:flex;gap:4px}.lg__float--theme .sw i{width:14px;height:14px;border-radius:4px;background:var(--sw-c,var(--line-strong))}.lg--login .lg__stage{width:min(500px,90%)}.lg--login .lg__card{border-radius:22px;padding:20px;box-shadow:0 60px 120px -45px rgba(0,0,0,.9);transform:rotate(-1.2deg);animation-name:lgcardfloatLogin}@keyframes lgcardfloatLogin{0%,to{transform:rotate(-1.2deg) translateY(0)}50%{transform:rotate(-1.2deg) translateY(-14px)}}.lg--login .lg__card-band{height:88px}.lg--login .lg__card-row{margin-top:-26px}.lg--login .lg__card-ava{width:60px;height:60px}.lg--login .lg__card-id b,.lg--login .lg__card-stats b{font-size:17px}@media (prefers-reduced-motion:reduce){.lg--login .lg__card{animation:none}}.cd__handle{position:relative}.cd__handle .at{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--faint);font-size:14px;pointer-events:none}.cd__handle input{padding-left:30px}.cd__state{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600;display:flex;align-items:center;gap:5px}.cd__state.ok{color:var(--ok)}.cd__state.bad{color:#f5a0a0}.cd__state.busy{color:var(--faint)}.cd__state .spin{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--line-strong);border-top-color:var(--accent);animation:cdspin .7s linear infinite}@keyframes cdspin{to{transform:rotate(1turn)}}.cd__url{margin:7px 0 0;font-family:var(--font-mono);font-size:11px;color:var(--faint)}.cd__url b{color:var(--accent);font-weight:500}.cd__meter{display:flex;gap:4px;margin-top:7px}.cd__meter i{flex:1;height:4px;border-radius:99px;background:var(--surface-2);transition:.25s}.cd__meter.s1 i:first-child{background:#f56565}.cd__meter.s2 i:nth-child(-n+2){background:#ffb648}.cd__meter.s3 i:nth-child(-n+3){background:#9ad05a}.cd__meter.s4 i{background:var(--ok)}.cd__mlabel{font-size:10.5px;color:var(--faint);margin-top:5px}