:root{--bg: #14202a;--card: rgba(18, 28, 38, .92);--text: #eef4f8;--muted: #a9bccb;--accent: #2f7de1;--accent-2: #1f8a5b;--border: rgba(255, 255, 255, .14)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif}#app,#app canvas{display:block;width:100%;height:100%}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;overflow-y:auto;isolation:isolate}#overlay[hidden]{display:none}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(120% 90% at 0% 0%,#b8c8ecf2,#b8c8ec00 62%),radial-gradient(110% 90% at 100% 100%,#ecce92f2,#ecce9200 62%),linear-gradient(160deg,#f7f6f2,#fbf7ef 55%,#f8f1e4)}.aurora .swirl{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;animation:aurora-sway 12s cubic-bezier(.45,0,.55,1) infinite alternate;will-change:transform}.aurora .blob{position:absolute;filter:blur(36px);will-change:transform;animation-timing-function:cubic-bezier(.45,0,.55,1);animation-iteration-count:infinite;animation-direction:alternate}.aurora .blob1{width:72%;aspect-ratio:1.45;left:2%;top:6%;background:radial-gradient(closest-side,#2848ac9e,#2848ac4d 45%,#2848ac00);animation-name:aurora-drift1;animation-duration:8s}.aurora .blob2{width:78%;aspect-ratio:1.3;right:-4%;top:24%;background:radial-gradient(closest-side,#ba882cb3,#ba882c57 48%,#ba882c00);animation-name:aurora-drift2;animation-duration:10s}.aurora .blob3{width:82%;aspect-ratio:1.6;left:8%;bottom:0%;background:radial-gradient(closest-side,#deaa54ad,#deaa544d 50%,#deaa5400);animation-name:aurora-drift3;animation-duration:9s}.aurora .blob4{width:58%;aspect-ratio:1.2;left:30%;top:30%;background:radial-gradient(closest-side,#5678d68f,#5678d63d 50%,#5678d600);animation-name:aurora-drift4;animation-duration:7s}.aurora .blob5{width:50%;aspect-ratio:1.5;right:10%;bottom:8%;background:radial-gradient(closest-side,#94661c8f,#94661c38 50%,#94661c00);animation-name:aurora-drift5;animation-duration:11s}html.perf-lite .aurora .blob{filter:none}.aurora .veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(58% 46% at 50% 50%,#ffffff9e,#fff3 55%,#fff0)}.aurora .grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.32;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.5'/></svg>")}.aurora .molfield{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}@keyframes aurora-sway{0%{transform:rotate(-16deg) scale(1)}to{transform:rotate(16deg) scale(1.06)}}@keyframes aurora-drift1{0%{transform:translateZ(0) scale(1) rotate(0)}50%{transform:translate3d(16%,12%,0) scale(1.12) rotate(10deg)}to{transform:translate3d(-6%,20%,0) scale(.96) rotate(-6deg)}}@keyframes aurora-drift2{0%{transform:translateZ(0) scale(1) rotate(0)}50%{transform:translate3d(-18%,10%,0) scale(.92) rotate(-12deg)}to{transform:translate3d(-8%,-14%,0) scale(1.1) rotate(6deg)}}@keyframes aurora-drift3{0%{transform:translateZ(0) scale(1) rotate(0)}50%{transform:translate3d(14%,-14%,0) scale(1.08) rotate(8deg)}to{transform:translate3d(-12%,-6%,0) scale(.94) rotate(-4deg)}}@keyframes aurora-drift4{0%{transform:translateZ(0) scale(.95) rotate(0)}50%{transform:translate3d(-20%,16%,0) scale(1.15) rotate(-14deg)}to{transform:translate3d(18%,-10%,0) scale(1.02) rotate(10deg)}}@keyframes aurora-drift5{0%{transform:translateZ(0) scale(1) rotate(0)}50%{transform:translate3d(-16%,-10%,0) scale(1.14) rotate(12deg)}to{transform:translate3d(10%,-18%,0) scale(.92) rotate(-8deg)}}@media (prefers-reduced-motion: reduce){.aurora .swirl,.aurora .blob{animation:none}}.card{--ink: #0f172a;--ink-2: #334155;--muted: #64748b;--soft: #f3f4f6;--soft-hover: #eceef1;--line: rgba(15, 23, 42, .08);--navy: #2b3a55;--ease-out: cubic-bezier(.22, 1, .36, 1);width:min(460px,100%);padding:34px 30px 26px;border-radius:28px;background:#ffffffd1;-webkit-backdrop-filter:blur(20px) saturate(1.25);backdrop-filter:blur(20px) saturate(1.25);border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px #ffffffe6,0 1px 2px #0f172a0a,0 12px 28px -12px #0f172a29,0 40px 80px -32px #2b3a5559;color:var(--ink);text-align:center;animation:card-rise .7s var(--ease-out) both}html.perf-lite .card{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes card-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.logo{position:relative;width:68px;height:68px;margin:0 auto;padding:2.5px;border-radius:999px;isolation:isolate;box-shadow:0 14px 34px -16px #2b3a558c}.logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:conic-gradient(from 0deg,#2b3a55,#6e8bc7,#f1dca6,#c9a050,#2b3a55);animation:ring-spin 6s linear infinite}.logo span{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;background:#fff;color:var(--navy);font-size:30px;line-height:1}@keyframes ring-spin{to{transform:rotate(360deg)}}h1{margin:18px 0 6px;font-size:30px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.sub{margin:0 0 20px;color:var(--muted);font-size:15px;line-height:1.5}.langs{display:flex;width:fit-content;max-width:100%;flex-wrap:wrap;justify-content:center;gap:4px;margin:0 auto 22px;padding:4px;border-radius:999px;background:var(--soft)}.langs button{padding:8px 16px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s}.langs button:hover{color:var(--ink)}.langs button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 2px #0f172a14,0 6px 14px -8px #0f172a4d}.note{margin:0 0 12px;color:var(--muted);font-size:13.5px}.help{margin:14px 0 0;color:#94a3b8;font-size:12.5px;line-height:1.55}#ov-note{margin:18px 0 0;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,#2b3a550d,#c9a05017);color:var(--ink-2);font-size:13px;line-height:1.5}#ov-note:empty{display:none}.login{display:flex;flex-direction:column;gap:10px;margin:4px 0 0}.login input{height:52px;padding:0 16px;border-radius:14px;border:1px solid transparent;background:var(--soft);color:var(--ink);font:inherit;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s,background-color .2s}.login input::placeholder{color:#9ca3af}.login input:hover:not(:focus){background:var(--soft-hover)}.login input:focus{background:#fff;border-color:#2b3a5573;box-shadow:0 0 0 4px #2b3a5514}.login input:-webkit-autofill,.login input:-webkit-autofill:hover,.login input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);box-shadow:0 0 0 1000px var(--soft) inset;transition:background-color 9999s ease-out}.login button[type=submit],.actions button{height:52px;padding:0 18px;border-radius:14px;border:0;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s,background-color .15s,box-shadow .15s,opacity .15s}.login button[type=submit],.actions button.primary{margin-top:4px;background:var(--ink);color:#fff;box-shadow:inset 0 1px #ffffff1f,0 12px 26px -14px #0f172ab3}.login button[type=submit]:hover:not(:disabled),.actions button.primary:hover{background:#1e293b}.login button[type=submit]:active:not(:disabled),.actions button:active{transform:scale(.985)}.login button[disabled]{opacity:.6;cursor:progress}.actions{display:flex;flex-direction:column;gap:10px}.actions button{background:var(--soft);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.actions button:hover{background:var(--soft-hover)}.actions button[hidden]{display:none}#btn-vr[hidden]+#btn-desktop{background:var(--ink);color:#fff;box-shadow:inset 0 1px #ffffff1f,0 12px 26px -14px #0f172ab3}#btn-vr[hidden]+#btn-desktop:hover{background:#1e293b}.err{min-height:1.2em;margin:0;color:#dc2626;font-size:13.5px}.err:empty{min-height:0}.link{background:none;border:0;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;font-size:13.5px}.link:hover{color:var(--ink)}.user{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;border-radius:14px;background:var(--soft);text-align:left}.user span{font-weight:600;color:var(--ink)}.login[hidden],.user[hidden],.actions[hidden]{display:none}@media (max-width: 420px){.card{padding:28px 20px 22px;border-radius:24px}.langs{flex-wrap:nowrap}.langs button{padding:8px 12px;font-size:13.5px}}@media (prefers-reduced-motion: reduce){.card,.logo:before{animation:none}}#hud{position:fixed;left:50%;bottom:12px;transform:translate(-50%);max-width:calc(100% - 32px);padding:8px 14px;border-radius:10px;background:#0e161ebf;color:var(--muted);font-size:13px;text-align:center;pointer-events:none}#hud[hidden]{display:none}