.lp-display{font-family:var(--font-body),system-ui,sans-serif;--lp-ease-out:cubic-bezier(0.23,1,0.32,1)}.lp-mono{font-family:var(--font-mono),ui-monospace,SFMono-Regular,monospace}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.lp-grid-bg{background-image:linear-gradient(hsla(0,0%,100%,.035) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,transparent 0);background-size:60px 60px}@keyframes lp-pulse{0%,to{opacity:1}50%{opacity:.45}}.lp-dot{width:6px;height:6px;border-radius:9999px;background:var(--accent);box-shadow:0 0 10px rgb(var(--accent-rgb)/.8);animation:lp-pulse 2s ease-in-out infinite}.lp-card{position:relative;background:#262626;border:1px solid #2c2d2a;border-radius:1.25rem;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04);transition:border-color .2s ease}.lp-bar:before{content:"";position:absolute;left:0;top:1.5rem;bottom:1.5rem;width:3px;border-radius:9999px;background:var(--accent);box-shadow:0 0 12px rgb(var(--accent-rgb)/.55);transform:scaleY(1);transition:transform .3s var(--lp-ease-out)}.lp-tile{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.875rem;background:rgb(var(--accent-rgb)/.1);color:var(--accent);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb)/.28),0 0 20px -6px rgb(var(--accent-rgb)/.55);transition:box-shadow .2s ease}@media (hover:hover) and (pointer:fine){.lp-card:hover{border-color:rgb(var(--accent-rgb)/.35)}.lp-bar:hover:before{transform:scaleY(1.12)}.lp-card:hover .lp-tile{box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb)/.45),0 0 26px -6px rgb(var(--accent-rgb)/.75)}}.lp-btn-neon{background:var(--accent);color:#1f1f1f;font-weight:700;border-radius:9999px;box-shadow:0 0 30px rgb(var(--accent-rgb)/.3);transition:transform .12s var(--lp-ease-out),box-shadow .2s ease,filter .2s ease}.lp-btn-neon svg{transition:transform .2s var(--lp-ease-out)}.lp-btn-neon:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.lp-btn-neon:hover{box-shadow:0 0 44px rgb(var(--accent-rgb)/.5);filter:brightness(1.04)}.lp-btn-neon:hover svg{transform:translateX(2px)}}.lp-btn-ghost{border:1px solid hsla(80,2%,68%,.28);color:#aeafac;border-radius:9999px;transition:color .2s ease,border-color .2s ease,background-color .2s ease,transform .12s var(--lp-ease-out)}.lp-btn-ghost:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.lp-btn-ghost:hover{color:#fff;border-color:rgb(var(--accent-rgb)/.4);background-color:rgb(var(--accent-rgb)/.05)}}.lp-press{transition:transform .12s var(--lp-ease-out)}.lp-press:active{transform:scale(.97)}@keyframes lp-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.lp-reveal{animation:lp-fade-up .6s var(--lp-ease-out) both;animation-delay:var(--lp-delay,0ms)}@supports (animation-timeline:view()){.lp-reveal-scroll{animation:lp-fade-up linear both;animation-timeline:view();animation-range:entry 5% entry 45%}}}@media (prefers-reduced-motion:reduce){.lp-dot{animation:none}.lp-bar:before{transition:none}.lp-btn-ghost:active,.lp-btn-neon:active,.lp-press:active{transform:none}.lp-btn-neon svg{transition:none}}