.lp{--lp-display:clamp(2.5rem, 1.4rem + 4.8vw, 4.5rem);--lp-heading:clamp(1.75rem, 1.2rem + 2.2vw, 3rem);--lp-tracking:-.032em;--lp-band:clamp(var(--space-8), 8vw, calc(var(--space-8) * 2));--lp-hero-opening:clamp(var(--space-8), 9.5vw, calc(var(--space-7) * 3));--lp-shot-breath:clamp(var(--space-7), 5vw, var(--space-8));z-index:var(--layer-editor-panel);width:100%;position:relative}.lp-container{width:100%;max-width:var(--measure-split);padding-inline:var(--space-5);margin-inline:auto}.lp-section{padding-block:var(--lp-band)}.lp-head{margin:0 0 var(--space-7)}.lp-head h2{max-width:24ch;margin:0 0 var(--space-4);font-size:var(--lp-heading);font-weight:var(--font-weight-semibold);letter-spacing:var(--lp-tracking);text-wrap:balance;line-height:1.06}.lp-head p{max-width:var(--measure-prose);color:var(--color-text-muted);font-size:var(--font-size-lg);line-height:var(--line-height-body);margin:0}.lp-prose{max-width:var(--measure-prose);margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-lg);line-height:var(--line-height-body)}.lp-prose:last-child{margin-bottom:0}.lp .site-demo__hint{max-width:var(--measure-prose)}.lp-prose strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.lp-hero{padding-block:var(--lp-hero-opening) var(--lp-band);text-align:center;position:relative;overflow:hidden}.lp-hero__float{pointer-events:none;position:absolute;inset:0}.lp-hero__mark{gap:var(--space-2);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-overlay);font-family:var(--font-mono);font-size:var(--font-size-md);text-align:left;white-space:nowrap;justify-items:start;line-height:1.1;display:grid;position:absolute}.lp-hero__flagged{color:var(--color-text-muted);-webkit-text-decoration-color:var(--color-warning);text-decoration-color:var(--color-warning);text-underline-offset:.24em;text-decoration-line:underline;text-decoration-style:wavy;text-decoration-thickness:.07em}.lp-hero__fixed{color:var(--color-text)}.lp-hero__mark--header{top:6%;left:4%;rotate:-6deg}.lp-hero__mark--adlib{top:15%;right:5%;rotate:5deg}@media (prefers-reduced-motion:no-preference){.lp-hero__mark{animation:lp-drift 9s var(--ease-out-quart) infinite}.lp-hero__mark--adlib{animation-delay:-4.5s}}@keyframes lp-drift{0%,to{translate:0}50%{translate:0 -12px}}.lp-hero__inner{position:relative}.lp-hero h1{max-width:18ch;margin:0 auto var(--space-5);font-size:var(--lp-display);font-weight:var(--font-weight-semibold);letter-spacing:var(--lp-tracking);text-wrap:balance;line-height:1.03}.lp-hero__sub{max-width:56ch;margin:0 auto var(--space-6);color:var(--color-text-muted);font-size:clamp(var(--font-size-lg), 1.4vw, var(--font-size-xl));line-height:var(--line-height-body);text-wrap:pretty}.lp-hero__actions{gap:var(--space-4);justify-content:center;display:grid}.lp-hero__discord.button{background:var(--color-discord);color:var(--color-discord-ink)}.lp-hero__discord.button:hover{background:var(--color-discord-hover)}.lp-cta__actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.lp-hero__actions .button,.lp-cta__actions .button{min-height:3.25rem;padding-inline:var(--space-6);font-size:var(--font-size-lg);text-decoration:none}.lp-hero .site-meta__fact svg{flex:none}.lp-hero .site-meta{margin:var(--space-5) 0 0;justify-content:center}.lp-shot{max-width:74rem;margin:var(--lp-shot-breath) auto 0;position:relative}.lp-shot:before{background:radial-gradient(60% 50% at 50% 40%, var(--color-warning-soft), transparent 70%);content:"";filter:blur(48px);opacity:.55;pointer-events:none;position:absolute;inset:-6% -4% -10%}.lp-shot__frame{border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-canvas);box-shadow:var(--shadow-overlay);display:block;position:relative;overflow:hidden;container-type:inline-size}.lp-shot__media{position:relative}.lp-shot__frame img,.lp-shot__frame video{width:100%;height:auto;display:block}.lp-shot__frame .lp-shot__poster{z-index:1;object-fit:cover;opacity:1;pointer-events:none;height:100%;position:absolute;inset:0}.lp-shot__frame[data-video-ready] .lp-shot__poster{opacity:0}@media (prefers-reduced-motion:no-preference){.lp-shot__poster{transition:opacity var(--duration-fast) var(--ease-out-quart)}}.lp-shot--detail{max-width:56rem;margin:var(--space-7) 0 0}.lp-split .lp-shot--detail{margin:0}.lp-shot--song{justify-self:center;width:100%;max-width:26rem}.lp-shot--detail:before{opacity:.3}.lp-run{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.lp-run>li{padding:var(--space-5);gap:var(--space-2);box-shadow:calc(-1 * var(--border-width)) 0 0 var(--color-border), 0 calc(-1 * var(--border-width)) 0 var(--color-border);align-content:start;display:grid}.lp-run__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.lp-run__body{color:var(--color-text-muted);line-height:var(--line-height-body);margin:0}.lp-join{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.lp-join .button{text-decoration:none}.lp-join__widget{border-radius:var(--radius-lg);border:none;width:100%;display:block}.lp-split{gap:clamp(var(--space-6), 4vw, var(--space-8));grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;display:grid}.lp-demo{align-items:start}.lp-demo .site-demo{margin-bottom:0}.lp-shot__caption{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-body)}.lp-player__keys{gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.lp-player kbd{color:var(--color-text)}.lp-split--flip{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.lp-split--flip>:first-child{order:2}.lp-split__copy h2{max-width:20ch;margin:0 0 var(--space-4);font-size:var(--lp-heading);font-weight:var(--font-weight-semibold);letter-spacing:var(--lp-tracking);text-wrap:balance;line-height:1.06}.lp-panel{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);grid-template-columns:minmax(0,1fr);margin:0;display:grid;overflow:hidden}.lp-panel__head{padding:var(--space-2-5) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);gap:var(--space-2);background:var(--color-chrome);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-2xs);letter-spacing:.08em;text-transform:uppercase;align-items:center;display:flex}.lp-panel__body{padding:var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-editor);white-space:pre;tab-size:2;margin:0;overflow-x:auto}.lp-finding-list{padding:var(--space-2) var(--space-3);gap:var(--space-2);background:var(--color-chrome);display:grid}.lp-finding{padding:var(--space-3) var(--space-4);gap:var(--space-1);border-radius:var(--radius-panel);display:grid}.lp-finding__message{font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.lp-guideline{padding:var(--space-4);gap:var(--space-2);display:grid}.lp-guideline+.lp-guideline{border-top:var(--border-width) solid var(--color-border)}.lp-guideline__title{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.lp-guideline__pair{gap:var(--space-1);display:grid}.lp-guideline__form{gap:var(--space-2);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-sm);align-items:baseline;display:flex}.lp-guideline__mark{flex:none}.lp-guideline__mark--correct{color:var(--color-success)}.lp-guideline__mark--flagged{color:var(--color-danger)}.lp-guideline__text--flagged{text-decoration:line-through}.lp-guideline__meta{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);align-items:center;display:flex}.lp-points{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.lp-panel .lp-points{padding:var(--space-5)}.lp-points li{gap:var(--space-3);color:var(--color-text-muted);line-height:var(--line-height-body);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.lp-points strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.lp-points__mark{--point-mark-size:calc(var(--space-5) - var(--space-0-5));width:var(--point-mark-size);height:var(--point-mark-size);border:var(--border-width) solid color-mix(in oklch, var(--color-accent) 30%, var(--color-border));border-radius:var(--radius-sm);margin-top:max(0px, calc((1lh - var(--point-mark-size)) / 2));background:var(--color-accent-soft);color:var(--color-accent);place-items:center;display:grid}.lp-cta{padding-block:var(--lp-band);border-top:var(--border-width) solid var(--color-border);text-align:center}.lp-cta h2{max-width:20ch;margin:0 auto var(--space-5);font-size:var(--lp-display);font-weight:var(--font-weight-semibold);letter-spacing:var(--lp-tracking);text-wrap:balance;line-height:1.03}.lp-cta p{max-width:52ch;margin:0 auto var(--space-6);color:var(--color-text-muted);font-size:var(--font-size-lg);line-height:var(--line-height-body)}@media (width<=64rem){.lp-split{grid-template-columns:minmax(0,1fr);align-items:start}.lp-split--flip>:first-child{order:0}.lp-hero__float{display:none}}@media (width<=32rem){.lp-cta__actions{flex-direction:column;align-items:stretch}.lp-container{padding-inline:var(--space-5)}}.demo-captions.svelte-t73mom{z-index:2;min-block-size:calc(var(--header-center) * 2);inline-size:max-content;max-inline-size:70%;color:var(--color-text);font-size:clamp(var(--font-size-md), 3cqi, var(--font-size-xl));font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-align:center;text-wrap:balance;pointer-events:none;visibility:hidden;align-items:center;display:grid;position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%)}.demo-captions__current.svelte-t73mom:not(:empty){padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-canvas);display:block}.lp-shot__frame[data-video-ready] .demo-captions.svelte-t73mom{visibility:visible}@media (prefers-reduced-motion:reduce){.demo-captions.svelte-t73mom{display:none}}
