.lp{--lp-bg: oklch(var(--b2));--lp-surface: oklch(var(--b1));--lp-ink: oklch(var(--bc));--lp-muted: color-mix(in oklab, oklch(var(--bc)) 72%, oklch(var(--b1)));--lp-line: color-mix(in oklab, oklch(var(--bc)) 14%, oklch(var(--b1)));--lp-line-soft: color-mix(in oklab, oklch(var(--bc)) 8%, oklch(var(--b1)));--lp-tint: color-mix(in oklab, oklch(var(--p)) 8%, oklch(var(--b1)));--lp-tint-2: color-mix(in oklab, oklch(var(--p)) 16%, oklch(var(--b1)));--lp-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 18px 42px -26px rgba(0, 0, 0, .35);--lp-ease: cubic-bezier(.22, 1, .36, 1);--lp-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lp-cell: clamp(152px, 13.2vw, 200px);background:var(--lp-bg);color:var(--lp-ink);isolation:isolate}.lp-kicker{font-family:var(--lp-mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lp-muted)}.lp-reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity .75s var(--lp-ease),transform .75s var(--lp-ease)}.lp-reveal.is-in{opacity:1;transform:none}.lp-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--lp-line)}.lp-dot--open{background:oklch(var(--p));animation:lp-pulse 2.6s var(--lp-ease) infinite}@keyframes lp-pulse{0%{box-shadow:0 0 color-mix(in oklab,oklch(var(--p)) 55%,transparent)}70%{box-shadow:0 0 0 7px color-mix(in oklab,oklch(var(--p)) 0%,transparent)}to{box-shadow:0 0 color-mix(in oklab,oklch(var(--p)) 0%,transparent)}}.lp-arch{transform:translate3d(calc(var(--pcx, 0) * -6px),calc(var(--pcy, 0) * -6px),0);transition:transform .7s var(--lp-ease)}.lp-hero__note{transform:translate3d(calc(var(--pcx, 0) * 14px),calc(var(--pcy, 0) * 14px),0);transition:transform .7s var(--lp-ease)}.lp-arch__img{animation:lp-frame-in 1.3s var(--lp-ease) both}@keyframes lp-frame-in{0%{transform:scale(1.07);opacity:0}to{transform:scale(1);opacity:1}}.lp-hero{background:radial-gradient(120% 90% at 88% -10%,var(--lp-tint-2) 0%,transparent 62%),radial-gradient(80% 70% at -12% 100%,var(--lp-tint) 0%,transparent 60%),var(--lp-bg)}.lp-app{background:radial-gradient(90% 120% at 100% 0%,var(--lp-tint-2) 0%,transparent 58%),var(--lp-bg)}.lp-arch__fallback{background:radial-gradient(120% 80% at 50% 0%,var(--lp-tint-2) 0%,transparent 70%),var(--lp-tint)}.lp-dock{position:fixed;inset-inline:12px;inset-block-end:12px;z-index:45;display:none;gap:10px;padding:10px;border-radius:18px;background:color-mix(in oklab,var(--lp-surface) 92%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--lp-line);box-shadow:0 22px 46px -26px #0009;visibility:hidden;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .4s var(--lp-ease),transform .4s var(--lp-ease),visibility .4s}.lp-dock--on{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}@media(max-width:820px){.lp-dock{display:flex}}@media(prefers-reduced-motion:reduce){.lp-reveal{opacity:1!important;transform:none!important}.lp-arch,.lp-hero__note,.lp-arch__img{animation:none!important;transition:none!important;transform:none!important}.lp-dot--open{animation:none!important}.lp-dock{transition:none!important}.lp-lift:hover,.lp-lift:hover .lp-lift-arrow,.lp-lift-arrow:hover,.lp-zoom:hover{transform:none!important}}
