.login-scene{--lg-bg:var(--color-surface-1);--lg-grid-v:#22c55e33;--lg-grid-h:#22c55e3d;--lg-horizon-core:#22c55ebf;--lg-horizon-bloom:#22c55e66;--lg-mark-glow:drop-shadow(0 0 18px #22c55e73) drop-shadow(0 0 56px #22c55e1f);--lg-streak:#22c55e4d;--lg-pool:#22c55e0f;--lg-dusk:none;--lg-band:none;--lg-band-height:130px;background:var(--lg-bg);isolation:isolate;height:100svh;position:relative;overflow:hidden}.login-scene[data-theme=dusk]{--lg-horizon-bloom:#a78bfa73;--lg-dusk:linear-gradient(to bottom, transparent 0%, #a78bfa1a 62%, #d946ef1f 100%)}.login-scene[data-theme=sunset]{--lg-grid-h:#f472b638;--lg-horizon-core:#fb7185d9;--lg-horizon-bloom:#fb923c73;--lg-mark-glow:drop-shadow(0 0 18px #22c55e73) drop-shadow(0 0 56px #fb923c24);--lg-band:linear-gradient(to top, #fb923c42 0%, #f472b626 45%, transparent 100%);--lg-band-height:130px}.login-scene[data-theme=synth]{--lg-bg:#0e0e1a;--lg-grid-v:#60a5fa3d;--lg-grid-h:#d946ef3d;--lg-horizon-core:#60a5facc;--lg-horizon-bloom:#d946ef80;--lg-mark-glow:drop-shadow(0 0 18px #22c55e80) drop-shadow(0 0 64px #d946ef47);--lg-streak:#d946ef4d;--lg-pool:#d946ef12}.login-scene[data-theme=ice]{--lg-bg:#0e131a;--lg-grid-v:#60a5fa38;--lg-grid-h:#22d3ee38;--lg-horizon-core:#7dd3fccc;--lg-horizon-bloom:#22d3ee73;--lg-mark-glow:drop-shadow(0 0 18px #22c55e73) drop-shadow(0 0 56px #60a5fa33);--lg-streak:#22d3ee42;--lg-pool:#22d3ee0f}.login-scene[data-theme=sunrise]{--lg-bg:#131009;--lg-grid-v:#f59e0b33;--lg-grid-h:#fbbf2438;--lg-horizon-core:#fbbf24d9;--lg-horizon-bloom:#f59e0b80;--lg-mark-glow:drop-shadow(0 0 18px #22c55e73) drop-shadow(0 0 56px #f59e0b29);--lg-streak:#f59e0b3d;--lg-pool:#f59e0b0d;--lg-band:linear-gradient(to top, #f59e0b33 0%, #fb923c1a 50%, transparent 100%);--lg-band-height:150px}.login-scene>*{position:absolute}.login-stars{background-image:radial-gradient(1px 1px at 11% 22%,#ffffff80,#0000),radial-gradient(1px 1px at 27% 44%,#ffffff4d,#0000),radial-gradient(1.2px 1.2px at 36% 12%,#ffffff8c,#0000),radial-gradient(1px 1px at 62% 30%,#ffffff59,#0000),radial-gradient(1.2px 1.2px at 74% 16%,#ffffff73,#0000),radial-gradient(1px 1px at 86% 38%,#ffffff4d,#0000),radial-gradient(1px 1px at 92% 10%,#fff6,#0000),radial-gradient(1px 1px at 18% 70%,#ffffff38,#0000);height:52%;inset:0}.login-dusk{background:var(--lg-dusk);height:28%;top:25%;left:0;right:0}.login-band{height:var(--lg-band-height);background:var(--lg-band);top:53%;left:0;right:0;transform:translateY(-100%)}.login-mark{width:clamp(200px,21vw,300px);height:auto;filter:var(--lg-mark-glow);top:53%;left:50%;transform:translate(-50%,-101%)}.login-mark-stop-top{stop-color:#33da70}.login-mark-stop-bottom{stop-color:#1cab52}.login-grid{background-image:repeating-linear-gradient(to right, var(--lg-grid-v) 0px, var(--lg-grid-v) 1px, transparent 1px, transparent 92px), repeating-linear-gradient(to bottom, var(--lg-grid-h) 0px, var(--lg-grid-h) 1px, transparent 1px, transparent 68px);transform-origin:50% 0;height:76%;animation:9s linear infinite login-grid-drift;top:53%;left:-40%;right:-40%;transform:perspective(640px)rotateX(60deg);-webkit-mask-image:linear-gradient(#0000 0%,#000000bf 8%,#000 30%);mask-image:linear-gradient(#0000 0%,#000000bf 8%,#000 30%)}@keyframes login-grid-drift{0%{background-position:0 0,0 0}to{background-position:0 0,0 68px}}@media (prefers-reduced-motion:reduce){.login-grid{animation:none}}.login-streak{background:var(--lg-streak);filter:blur(7px);border-radius:50%;width:220px;height:8px;top:61.6%;left:50%;transform:translate(-50%)}.login-pool{background:var(--lg-pool);filter:blur(70px);border-radius:50%;width:460px;height:150px;top:61.8%;left:50%;transform:translate(-50%)}.login-vignette{pointer-events:none;background:radial-gradient(96% 92% at 50% 51%,#0000 42%,#0606090a 54%,#0606091f 66%,#06060942 78%,#06060970 90%,#06060999 100%);inset:0}.login-horizon-bloom{background:linear-gradient(to right, transparent 15%, var(--lg-horizon-bloom) 50%, transparent 85%);filter:blur(3px);height:3px;top:53%;left:20%;right:20%;transform:translateY(-1px)}.login-horizon-core{background:linear-gradient(to right, transparent 12%, var(--lg-horizon-core) 50%, transparent 88%);height:1px;top:53%;left:0;right:0}.login-button{box-sizing:border-box;width:300px;max-width:calc(100vw - 32px);height:44px;color:var(--color-accent-green);font:inherit;letter-spacing:.01em;cursor:pointer;transition:border-color .2s var(--ease-out-custom), box-shadow .2s var(--ease-out-custom);background-color:#0d0d11eb;background-image:linear-gradient(#22c55e1f,#22c55e0a);border:1px solid #22c55e8c;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:0;font-size:13px;font-weight:500;line-height:1;display:flex;top:59%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffff12,0 0 14px #22c55e47,0 0 56px #22c55e1f,0 8px 24px #00000080}.login-button:hover:not(:disabled),.login-button:focus-visible{border-color:#22c55ecc;box-shadow:inset 0 1px #ffffff12,0 0 14px #22c55e66,0 0 56px #22c55e2e,0 8px 24px #00000080}.login-button:focus-visible{box-shadow:var(--focus-ring), inset 0 1px 0 #ffffff12, 0 0 14px #22c55e66, 0 0 56px #22c55e2e, 0 8px 24px #00000080;outline:none}.login-button:disabled{opacity:.4;cursor:default}.login-button svg{flex:none;width:16px;height:16px}.login-error{text-align:center;width:300px;max-width:calc(100vw - 32px);font-size:var(--text-2xs);color:var(--color-accent-red);margin:0;line-height:1.4;top:calc(59% + 34px);left:50%;transform:translate(-50%)}.login-preview{background:var(--color-surface-1)}