.lo-app{--lo-bg:#000;--lo-raised:#17171a;--lo-text:#f4f4f5;--lo-muted:#f4f4f58c;--lo-accent:#c8ff2e;--lo-alert:#ff4d4d;--lo-food:#e0a857;--lo-rest:#6fa8c4;background:var(--lo-bg);width:100%;height:100%;color:var(--lo-text);font-family:var(--font-archivo), system-ui, sans-serif;font-size:16px;line-height:1.5;position:relative;overflow:hidden;container-type:size}.lo-display{letter-spacing:-.02em;font-weight:800;font-stretch:125%}.lo-num{font-variant-numeric:tabular-nums;font-weight:700;font-stretch:70%}.lo-muted{color:var(--lo-muted)}.lo-accent{color:var(--lo-accent)}.lo-glass{background:linear-gradient(160deg,#ffffff21,#ffffff05 46%) padding-box padding-box,linear-gradient(#0e0e129e,#0e0e129e) padding-box padding-box,linear-gradient(150deg,#ffffff80,#ffffff1a 32%,#ffffff08 68%,#ffffff38) border-box;border:1px solid #0000;box-shadow:inset 0 1px #ffffff29,0 24px 44px -24px #000000f2}.lo-glass-elevated{background:linear-gradient(160deg,#ffffff29,#ffffff0a 50%) padding-box padding-box,linear-gradient(#1a1a20d1,#1a1a20d1) padding-box padding-box,linear-gradient(150deg,#ffffff8c,#ffffff1a 36%,#ffffff0a 70%,#ffffff3d) border-box;border:1px solid #0000;box-shadow:inset 0 1px #fff3,0 24px 48px -20px #000000f2}.lo-glass-hero{background:linear-gradient(160deg,#ffffff2e,#ffffff05 52%) padding-box padding-box,linear-gradient(#080a0e6b,#080a0e6b) padding-box padding-box,linear-gradient(115deg,#e2ff82f2,#78ffaa99 48%,#18cdaacc) border-box;border:1px solid #0000;box-shadow:inset 0 1px #ffffff47,0 0 64px -10px #c8ff2e80,0 34px 70px -30px #18cdaa80,0 24px 44px -24px #000000f2}.lo-aurora{pointer-events:none;will-change:transform;border-radius:9999px;position:absolute}.lo-aurora-a{aspect-ratio:1;background:radial-gradient(closest-side,#c8ff2ec7,#0000);width:78%;animation:13s ease-in-out infinite alternate lo-aurora-a;top:-62%;left:-22%}.lo-aurora-b{aspect-ratio:1;background:radial-gradient(closest-side,#78ffaa8c,#0000);width:82%;animation:17s ease-in-out infinite alternate lo-aurora-b;top:-18%;right:-30%}.lo-aurora-c{aspect-ratio:1;background:radial-gradient(closest-side,#12bea5b3,#0000);width:90%;animation:21s ease-in-out infinite alternate lo-aurora-c;bottom:-92%;left:8%}@keyframes lo-aurora-a{to{transform:translate(34%,22%)scale(1.18)}}@keyframes lo-aurora-b{to{transform:translate(-30%,26%)scale(.9)}}@keyframes lo-aurora-c{to{transform:translate(-18%,-30%)scale(1.15)}}.lo-tile-accent{color:#000;background:linear-gradient(165deg,#edff9a,#c8ff2e 34%,#a6de12) padding-box padding-box,linear-gradient(170deg,#fffffff2,#fff3 40%,#3c5a0080) border-box;border:1px solid #0000;box-shadow:inset 0 1px #fff9,0 0 54px -10px #c8ff2e8c,0 24px 44px -24px #000000f2}.lo-app[data-light=lime]{--light:#c8ff2e;--light-2:#12b8a6}.lo-app[data-light=teal]{--light:#2ee6c0;--light-2:#7a4dff}.lo-app[data-light=blue]{--light:#4f8cff;--light-2:#b14dff}.lo-app[data-light=amber]{--light:#ffb02e;--light-2:#ff4d6a}.lo-light{background:radial-gradient(closest-side, var(--glow), transparent);will-change:transform;border-radius:9999px;position:absolute}.lo-light-a{--glow:color-mix(in srgb, var(--light) 58%, transparent);width:118cqw;height:118cqw;animation:44s ease-in-out infinite alternate lo-light-a;top:-34cqw;left:-42cqw}.lo-light-b{--glow:color-mix(in srgb, var(--light-2) 50%, transparent);width:104cqw;height:104cqw;animation:58s ease-in-out infinite alternate lo-light-b;top:34cqh;right:-52cqw}.lo-light-c{--glow:color-mix(in srgb, var(--light) 30%, transparent);width:96cqw;height:96cqw;animation:51s ease-in-out infinite alternate lo-light-c;bottom:-30cqw;left:-34cqw}@keyframes lo-light-a{to{transform:translate(16cqw,9cqh)scale(1.14)}}@keyframes lo-light-b{to{transform:translate(-20cqw,-12cqh)scale(.9)}}@keyframes lo-light-c{to{transform:translate(22cqw,-8cqh)scale(1.2)}}.lo-grain{opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px}@media (prefers-reduced-motion:reduce){.lo-aurora,.lo-light{animation:none}}@media (max-width:767px),(pointer:coarse) and (max-height:500px){.lo-app .text-\[10px\]{font-size:11px}}