.lp{--lp-ink:var(--site-ink);--lp-heading:var(--site-heading);--lp-muted:var(--site-muted);--lp-rule:var(--site-rule);--lp-surface:var(--x-color-white);--lp-fill:var(--rotion-wine);--lp-on-fill:var(--rotion-cream);--lp-band:var(--rotion-yellow);--lp-frame:var(--rotion-wine);--lp-shadow:var(--rotion-mustard);min-width:0;max-width:72rem;color:var(--lp-ink);margin:0 auto;padding-bottom:clamp(4rem,8vw,7rem)}html.dark .lp{--lp-surface:color-mix(in srgb, var(--rotion-cream) 5%, var(--site-paper));--lp-fill:var(--rotion-yellow);--lp-on-fill:var(--rotion-wine)}.lp-band{background:var(--lp-band);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,4vw,3.5rem);margin-inline:calc(50% - 50vw);padding:clamp(2.5rem,6vw,4.5rem) max(1.5rem,50vw - 38rem) clamp(3rem,6vw,5rem);display:grid}:lang(ja) .lp-band{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.lp-hero{--lp-heading:var(--rotion-wine);--lp-muted:color-mix(in srgb, var(--rotion-wine) 82%, var(--rotion-yellow));--lp-fill:var(--rotion-wine);--lp-on-fill:var(--rotion-cream);container-type:inline-size}.lp .lp-title{letter-spacing:-.045em;color:var(--lp-heading);text-wrap:balance;margin:0;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.02}.lp .lp-title-line{display:block}.lp .lp-caret{vertical-align:-.04em;width:0;height:.8em;display:inline-block;position:relative}.lp .lp-caret:after{content:"";background:currentColor;width:.07em;animation:1s step-end infinite lp-blink;position:absolute;inset:0 auto 0 .01em}.lp .lp-caret[data-typing]:after{animation:none}@keyframes lp-blink{50%{opacity:0}}:lang(ja) .lp :is(.lp-title,.lp-section-title){word-break:auto-phrase}:lang(ja) .lp .lp-title{white-space:nowrap;letter-spacing:-.03em;font-size:min(4rem,12.4cqi);line-height:1.16}.lp .lp-lede{max-width:36em;color:var(--lp-muted);margin:1.5rem 0 0;font-size:1.0625rem;line-height:1.75}.lp .lp-lede>p{line-height:inherit;margin:0}.lp .lp-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin:2rem 0 0;display:flex}.lp .lp-action{border:2px solid var(--lp-heading);color:var(--lp-heading);border-radius:999px;padding:.65rem 1.3rem;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-block}.lp .lp-action:hover{background:color-mix(in srgb, var(--lp-heading) 8%, transparent)}.lp .lp-action-primary{background:var(--lp-fill);border-color:var(--lp-fill);color:var(--lp-on-fill)}.lp .lp-action-primary:hover{background:var(--lp-fill);box-shadow:3px 3px 0 var(--rotion-mustard)}.lp .lp-action:focus-visible,.lp .lp-stage-tab:focus-visible,.lp .lp-tile a:focus-visible{outline:3px solid var(--rotion-mustard);outline-offset:3px}.lp-stage{min-width:0}.lp-stage-window{border:2px solid var(--lp-frame);background:var(--lp-surface);box-shadow:10px 10px 0 var(--lp-shadow);border-radius:18px;overflow:hidden}.lp-stage-bar{border-bottom:2px solid var(--lp-frame);gap:.35rem;padding:.7rem;display:flex;overflow-x:auto}.lp .lp-stage-tab{font:inherit;color:var(--lp-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:.45rem 1rem;font-size:.9375rem;font-weight:600}.lp .lp-stage-tab:hover{color:var(--lp-heading)}.lp .lp-stage-tab[aria-selected=true]{background:var(--rotion-yellow);color:var(--rotion-wine)}.lp-stage-panel{overscroll-behavior:contain;--rotion-gallery-grid-template-columns-medium:repeat(3, minmax(0, 1fr));height:clamp(24rem,62vh,34rem);padding:clamp(1rem,2.5vw,1.75rem);animation:.22s ease-out lp-swap;overflow:auto}@media (max-width:40rem){.lp-stage-panel{--rotion-gallery-grid-template-columns-medium:repeat(2, minmax(0, 1fr))}}.lp-stage-panel .rotion-list{overflow-x:auto}.lp-stage-panel .rotion-list-inner{min-width:0}@keyframes lp-swap{0%{opacity:0}to{opacity:1}}.lp .lp-stage-code{border-top:2px solid var(--lp-frame);background:var(--lp-fill);color:var(--lp-on-fill);white-space:pre-wrap;word-break:break-word;margin:0;padding:.85rem 1.25rem;font-size:.8125rem;line-height:1.5}html.dark .lp .lp-stage-code{background:var(--site-code);color:var(--rotion-cream)}.lp .lp-stage-code code{font-family:var(--font-mono), ui-monospace, monospace;color:inherit;background:0 0;border:0;padding:0}.lp-section{margin-top:clamp(5rem,10vw,8rem)}.lp .lp-section-title{letter-spacing:-.035em;max-width:22ch;color:var(--lp-heading);text-wrap:balance;margin:0;font-size:clamp(1.9rem,4vw,2.9rem);font-weight:800;line-height:1.1}:lang(ja) .lp .lp-section-title{letter-spacing:-.015em;max-width:none}.lp .lp-section-lede{max-width:38em;color:var(--lp-muted);margin:1.1rem 0 0;font-size:1.0625rem;line-height:1.75}.lp-section[data-band=sky]{--lp-ink:#3d1a1f;--lp-heading:var(--rotion-wine);--lp-muted:color-mix(in srgb, var(--rotion-wine) 85%, var(--rotion-sky));--lp-fill:var(--rotion-wine);--lp-on-fill:var(--rotion-cream);background:var(--rotion-sky);color:var(--lp-ink);margin-inline:calc(50% - 50vw);padding:clamp(4rem,8vw,6rem) max(1.5rem,50vw - 36rem)}.lp-band+.lp-section[data-band]{margin-top:0}.lp-section[data-band=sky] .nextra-code pre{background:var(--rotion-cream)}html.dark .lp-section[data-band=sky] .nextra-code span{background-color:var(--shiki-light-bg);color:var(--shiki-light)}.lp-section[data-band=sky] :not(pre)>code{background:color-mix(in srgb, var(--rotion-cream) 55%, var(--rotion-sky));color:var(--lp-ink);border-color:#0000}.lp-wall{columns:3 18rem;column-gap:1.25rem;margin-top:2.75rem}.lp-tile{break-inside:avoid;border:1.5px solid var(--lp-rule);background:var(--lp-surface);border-radius:14px;margin:0 0 1.25rem;overflow:hidden}.lp-tile-body{padding:1.1rem 1.25rem .5rem;overflow-x:auto}.lp-tile figcaption{padding:.6rem 1.25rem .8rem}.lp .lp-tile figcaption a{color:var(--lp-heading);text-decoration:underline;-webkit-text-decoration-color:var(--rotion-mustard);text-decoration-color:var(--rotion-mustard);text-underline-offset:4px;font-size:.875rem;font-weight:700;text-decoration-thickness:2px}.lp .lp-tile figcaption a:hover{-webkit-text-decoration-color:var(--lp-heading);text-decoration-color:var(--lp-heading)}html.dark .lp .lp-section[data-band=sky] .lp-tile figcaption a{color:var(--rotion-cream)}.lp-ways{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4vw,3rem) clamp(1.5rem,4vw,3rem);margin-top:2.75rem;display:grid}.lp-way{min-width:0}.lp .lp-way h3{letter-spacing:-.015em;color:var(--lp-heading);margin:0;font-size:1.1875rem;font-weight:700}.lp .lp-way p{color:var(--lp-muted);margin:.6rem 0 0;line-height:1.7}.lp .lp-way .nextra-code{margin-top:1rem}.lp .lp-way pre{font-size:.8125rem!important}.lp .lp-ways+.lp-actions{margin-top:2.5rem}.lp div:has(>svg[aria-roledescription]){--lp-figure:max(100%, min(calc(100vw - 3rem), 88rem));width:var(--lp-figure);margin:2.5rem calc((100% - var(--lp-figure)) / 2) 0;border:1.5px solid var(--lp-rule);background:#fcf9f0;border-radius:16px;padding:.5rem clamp(.75rem,2vw,1.5rem) 1.5rem;overflow-x:auto}.lp div:has(>svg[aria-roledescription])>svg{width:100%;height:auto;max-width:none!important}@media (max-width:48rem){.lp div:has(>svg[aria-roledescription])>svg{min-width:44rem}}.lp .lp-caption{text-align:center;color:var(--lp-muted);margin:.75rem 0 0;font-size:.875rem;line-height:1.6}.lp-section[data-band=footer]{background:var(--x-color-gray-100);text-align:center;margin-inline:calc(50% - 50vw);padding:clamp(4rem,8vw,6rem) max(1.5rem,50vw - 36rem)}html.dark .lp-section[data-band=footer]{background:var(--x-color-neutral-900)}.lp .lp-section[data-band=footer] :is(.lp-section-title,.lp-section-lede){margin-inline:auto}.lp-stack{text-align:start;flex-direction:column;align-items:center;gap:1.25rem;max-width:40rem;margin:2.5rem auto 0;display:flex}.lp-stack>*{width:100%}.lp .lp-stack .nextra-code{margin-top:0}.lp-stack pre{font-size:.8125rem!important}.lp .lp-stack .lp-actions{justify-content:center;margin-top:.75rem}.lp:has(>.lp-section[data-band=footer]:last-child){padding-bottom:0}body:has(.lp) article{padding-bottom:0}body:has(.lp) article>main+div[class~=x\:mt-16]{display:none}@media (prefers-reduced-motion:reduce){.lp-stage-panel,.lp .lp-caret:after{animation:none}}@media (max-width:60rem){:lang(ja) .lp-band,.lp-ways,.lp-band{grid-template-columns:minmax(0,1fr)}.lp-stage-window{box-shadow:6px 6px 0 var(--lp-shadow)}}body:has(.lp) article{padding-top:0}body:has(.lp) .nextra-navbar-blur{transition:background-color .2s}body:has(.lp):not([data-lp-past-band]) .nextra-navbar-blur{background:var(--rotion-yellow);-webkit-backdrop-filter:none;backdrop-filter:none}body:has(.lp):not([data-lp-past-band]) .nextra-navbar>nav{color:var(--rotion-wine)}body:has(.lp):not([data-lp-past-band]) .nextra-navbar .rotion-logo{--logo-ink:var(--rotion-wine)}body:has(.lp):not([data-lp-past-band]) .nextra-search{color:var(--rotion-wine)}body:has(.lp):not([data-lp-past-band]) .nextra-search input{background:color-mix(in srgb, var(--rotion-wine) 8%, transparent);color:var(--rotion-wine)}body:has(.lp):not([data-lp-past-band]) .nextra-search input::placeholder{color:color-mix(in srgb, var(--rotion-wine) 72%, var(--rotion-yellow))}body:has(.lp):not([data-lp-past-band]) .nextra-search kbd{background:var(--rotion-yellow);border-color:color-mix(in srgb, var(--rotion-wine) 30%, var(--rotion-yellow));color:var(--rotion-wine)}@media (prefers-reduced-motion:reduce){body:has(.lp) .nextra-navbar-blur{transition:none}}