.lovable-surface{--lv-bg:222 47% 4%;--lv-fg:210 40% 98%;--lv-card:222 40% 7%;--lv-primary:199 89% 48%;--lv-accent:180 100% 50%;--lv-border:217 33% 17%;--lv-muted:215 20% 65%;--lv-primary-strong:199 89% 48%;--lv-gloss-top:hsla(0,0%,100%,.09);--lv-gloss-bottom:rgba(0,0,0,.16);--lv-gloss-edge:hsla(0,0%,100%,.18);--lv-gloss-base:rgba(0,0,0,.3);--lv-gloss-sheen:hsla(0,0%,100%,.05);--lv-gloss-glow:hsl(var(--lv-primary)/0.35);background-color:hsl(var(--lv-bg));color:hsl(var(--lv-fg))}html:not(.dark) .lovable-surface--themed{--lv-bg:210 40% 98%;--lv-fg:222 47% 8%;--lv-card:0 0% 100%;--lv-primary:199 89% 48%;--lv-accent:187 95% 42%;--lv-border:215 25% 88%;--lv-muted:215 16% 40%;--lv-primary-strong:199 89% 32%;--lv-gloss-top:hsla(0,0%,100%,.9);--lv-gloss-bottom:hsl(var(--lv-primary)/0.05);--lv-gloss-edge:#fff;--lv-gloss-base:rgba(63,106,166,.13);--lv-gloss-sheen:hsla(0,0%,100%,.75);--lv-gloss-glow:hsl(var(--lv-primary)/0.22)}.lv-scroll{scrollbar-width:thin;scrollbar-color:hsl(var(--lv-muted)/.35) transparent}.lv-scroll::-webkit-scrollbar{width:8px;height:8px}.lv-scroll::-webkit-scrollbar-track{background:transparent}.lv-scroll::-webkit-scrollbar-thumb{background-color:hsl(var(--lv-muted)/.35);border-radius:9999px;border:2px solid transparent;background-clip:content-box}.lv-scroll::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--lv-muted)/.6)}.lv-scroll::-webkit-scrollbar-button{display:none}.lv-scroll::-webkit-scrollbar-corner{background:transparent}.lovable-surface .lv-gloss{background-image:radial-gradient(125% 70% at 12% 118%,var(--lv-gloss-sheen) 0,transparent 62%),linear-gradient(180deg,var(--lv-gloss-top) 0,transparent 55%);box-shadow:inset 0 1px 0 0 var(--lv-gloss-edge)}.lovable-surface .lv-gloss-raised{border-color:hsl(var(--lv-border));background-image:radial-gradient(115% 75% at 15% 118%,var(--lv-gloss-sheen) 0,transparent 58%),linear-gradient(180deg,var(--lv-gloss-top) 0,transparent 45%,var(--lv-gloss-bottom) 100%);box-shadow:inset 0 1px 0 0 var(--lv-gloss-edge),inset 0 -1px 0 0 var(--lv-gloss-base),0 1px 3px -1px var(--lv-gloss-base)}.lovable-surface .lv-gloss-active{background-image:radial-gradient(90% 90% at 20% 115%,var(--lv-gloss-sheen) 0,transparent 55%),linear-gradient(180deg,var(--lv-gloss-top) 0,transparent 45%,var(--lv-gloss-bottom) 100%);box-shadow:inset 0 1px 0 0 var(--lv-gloss-edge),inset 0 -1px 0 0 var(--lv-gloss-base),0 2px 10px -3px var(--lv-gloss-glow)}@keyframes lv-scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes lv-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes lv-orbit-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lv-orbit-spin-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.lovable-surface .animate-lv-reveal{animation:lv-reveal .8s cubic-bezier(.32,.72,0,1) both}.lovable-surface .animate-lv-scanline{animation:lv-scanline 4s linear infinite}.lovable-surface .animate-lv-orbit-spin{animation:lv-orbit-spin 40s linear infinite}.lovable-surface .animate-lv-orbit-spin-reverse{animation:lv-orbit-spin-reverse 40s linear infinite}.lovable-surface .lv-orbit-ring:focus-within,.lovable-surface .lv-orbit-ring:hover{animation-play-state:paused}.lovable-surface .lv-orbit-ring:focus-within .animate-lv-orbit-spin-reverse,.lovable-surface .lv-orbit-ring:hover .animate-lv-orbit-spin-reverse{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.lovable-surface .animate-lv-orbit-spin,.lovable-surface .animate-lv-orbit-spin-reverse,.lovable-surface .animate-lv-reveal,.lovable-surface .animate-lv-scanline,.lovable-surface .animate-ping,.lovable-surface .animate-pulse{animation-duration:.01ms!important;animation-iteration-count:1!important}}