.lp{background:var(--pn-paper-default);min-height:100dvh;color:var(--pn-fg);font-family:var(--pn-font-ui);-webkit-font-smoothing:antialiased;flex-direction:column;height:100dvh;display:flex;overflow:hidden auto}.lp main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.lp-top{width:100%;max-width:1120px;padding:calc(20px + env(safe-area-inset-top)) 24px 0;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.lp-wordmark{letter-spacing:-.01em;align-items:center;gap:7px;font-size:16px;font-weight:650;display:inline-flex}.lp-hero{isolation:isolate;padding:clamp(64px,14vh,140px) 0 clamp(56px,10vh,96px);position:relative}.lp-paper{z-index:-1;background:linear-gradient(to right, transparent 0 39px, #dc262652 39px 40.5px, transparent 40.5px) no-repeat, repeating-linear-gradient(to bottom, transparent 0 31px, var(--lp-rule) 31px 32px);--lp-rule:#00000012;position:absolute;inset:0 -24px;-webkit-mask-image:radial-gradient(70% 75% at 30% 45%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 75% at 30% 45%,#000 30%,#0000 75%)}:root[data-theme=dark] .lp-paper{--lp-rule:#ffffff12}.lp-hero h1{letter-spacing:-.04em;margin:0;padding-left:64px;font-size:clamp(42px,7.2vw,84px);font-weight:650;line-height:1.02}.lp-hero h1 span{color:var(--pn-muted)}.lp-lede{max-width:470px;color:var(--pn-muted);letter-spacing:-.005em;margin:28px 0 36px;padding-left:64px;font-size:clamp(16px,1.6vw,18px);line-height:1.55}.lp-new{background:var(--pn-invert-bg);height:52px;color:var(--pn-invert-fg);letter-spacing:-.01em;transition:transform .14s var(--pn-ease), box-shadow .14s var(--pn-ease);border-radius:999px;align-items:center;gap:14px;margin-left:64px;padding:0 10px 0 24px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0000001f,0 10px 30px -12px #00000059}.lp-new:hover{transform:translateY(-1px);box-shadow:0 2px 4px #00000024,0 16px 36px -12px #0006}.lp-new:active{transform:translateY(0)scale(.985)}.lp-new:focus-visible{outline:2px solid var(--pn-select);outline-offset:3px}.lp-new kbd{background:color-mix(in srgb, var(--pn-invert-fg) 14%, transparent);width:32px;height:32px;font:600 13px/1 var(--pn-font-ui);border-radius:999px;place-items:center;display:inline-grid}.lp-canvases{padding-bottom:64px}.lp-section-head{border-top:1px solid var(--pn-line);align-items:baseline;gap:10px;margin-bottom:20px;padding-top:24px;display:flex}.lp-section-head h2{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.lp-section-head span{color:var(--pn-muted);font-variant-numeric:tabular-nums;font-size:13px}.lp-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:28px 20px;margin:0;padding:0;list-style:none;display:grid}.lp-card{min-width:0;position:relative}.lp-card-link{color:inherit;border-radius:14px;flex-direction:column;gap:4px;text-decoration:none;display:flex}.lp-card-link:focus-visible{outline:2px solid var(--pn-select);outline-offset:4px}.lp-thumb{aspect-ratio:16/10;background:var(--pn-surface);box-shadow:0 0 0 1px var(--pn-line), 0 1px 2px #0000000a;transition:transform .16s var(--pn-ease), box-shadow .16s var(--pn-ease);border-radius:12px;margin-bottom:8px;display:block;overflow:hidden}.lp-card-link:hover .lp-thumb{box-shadow:0 0 0 1px var(--pn-line), 0 12px 28px -12px #00000040;transform:translateY(-2px)}.lp-thumb img{object-fit:cover;width:100%;max-width:none;height:100%;display:block}.lp-thumb-empty{background:repeating-linear-gradient(to bottom, transparent 0 15px, var(--pn-line) 15px 16px);width:100%;height:100%;display:block}.lp-thumb-guide{width:100%;height:100%;color:var(--pn-fg);background:radial-gradient(circle, var(--pn-line) 1px, transparent 1.4px) 0 0 / 16px 16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.lp-thumb-guide span{color:var(--pn-muted);font-size:13px;font-weight:500}.lp-card-title{letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:550;overflow:hidden}.lp-card-meta{color:var(--pn-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;column-gap:8px;font-size:12.5px;display:flex}.lp-card-meta span{white-space:nowrap}.lp-card-meta span+span:before{content:"·";margin-right:8px}.lp-card-meta span[data-ending]{color:var(--pn-ink-orange);font-weight:600}.lp-card-more{background:var(--pn-surface);width:28px;height:28px;color:var(--pn-muted);box-shadow:0 0 0 1px var(--pn-line), 0 2px 6px #0000001a;opacity:0;cursor:pointer;transition:opacity .12s var(--pn-ease);border-radius:999px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.lp-card-more svg{width:16px;height:16px}.lp-card:hover .lp-card-more,.lp-card[data-menu-open] .lp-card-more,.lp-card-more:focus-visible{opacity:1}.lp-card-more:hover{color:var(--pn-fg)}@media (hover:none){.lp-card-more{opacity:1}}.lp-card-menu{min-width:180px}.lp-card-name{border:1px solid var(--pn-select);background:var(--pn-surface);width:100%;color:var(--pn-fg);font:550 14px/1.4 var(--pn-font-ui);letter-spacing:-.005em;box-shadow:0 0 0 3px color-mix(in srgb, var(--pn-select) 18%, transparent);border-radius:7px;outline:none;margin:-3px 0 -3px -6px;padding:2px 6px}@media (pointer:coarse){.lp-card-name{font-size:16px}}.lp-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:8;background:var(--pn-invert-bg);max-width:calc(100vw - 32px);color:var(--pn-invert-fg);box-shadow:var(--pn-shadow-pop);animation:pn-pop .16s var(--pn-ease);border-radius:999px;align-items:center;gap:14px;padding:8px 8px 8px 16px;font-size:13.5px;display:flex;position:fixed;translate:-50%}.lp-toast button{background:color-mix(in srgb, var(--pn-invert-fg) 16%, transparent);height:30px;color:inherit;cursor:pointer;border-radius:999px;flex:none;padding:0 14px;font-weight:600}.lp-toast button:hover{background:color-mix(in srgb, var(--pn-invert-fg) 24%, transparent)}.lp-features{border-top:1px solid var(--pn-line);color:var(--pn-muted);flex-wrap:wrap;gap:10px 28px;margin:0;padding:24px 0 64px 64px;font-size:14px;list-style:none;display:flex}.lp-features li{align-items:center;gap:10px;display:inline-flex}.lp-features li:before{content:"";background:var(--pn-muted);opacity:.6;border-radius:999px;width:5px;height:5px}.lp-foot{width:100%;max-width:1120px;padding:0 24px calc(28px + env(safe-area-inset-bottom));color:var(--pn-muted);opacity:.85;margin:0 auto;font-size:12.5px}@media (max-width:600px){.lp main,.lp-top,.lp-foot{padding-left:20px;padding-right:20px}.lp-hero h1,.lp-lede{padding-left:34px}.lp-new{margin-left:34px}.lp-paper{background:linear-gradient(to right, transparent 0 23px, #dc262652 23px 24.5px, transparent 24.5px) no-repeat, repeating-linear-gradient(to bottom, transparent 0 31px, var(--lp-rule) 31px 32px)}.lp-features{padding-left:34px}.lp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}}@media (prefers-reduced-motion:reduce){.lp-new,.lp-thumb{transition:none}}@media (pointer:coarse){.lp-new kbd{display:none}.lp-new{padding-right:24px}}.lp-narrow main{place-items:center;min-height:80dvh;display:grid}.lp-card-panel{animation:none}.lp-button-link{color:var(--pn-invert-fg);justify-content:center;align-items:center;margin-top:8px;text-decoration:none;display:inline-flex}.lp-doc main{max-width:680px;padding-top:48px;padding-bottom:80px;font-size:15.5px;line-height:1.65}.lp-doc h1{letter-spacing:-.03em;margin:24px 0 8px;font-size:40px;font-weight:650}.lp-doc h2{margin:36px 0 8px;font-size:17px;font-weight:600}.lp-doc p,.lp-doc li{color:var(--pn-fg)}.lp-doc ul{padding-left:1.2em;list-style:outside}.lp-doc li+li{margin-top:6px}.lp-doc a{color:var(--pn-muted);text-decoration:none}.lp-doc-lede{font-size:17px;color:var(--pn-muted)!important}.lp-foot a{color:inherit;text-decoration:underline}.pn-signin-legal{color:var(--pn-muted);text-align:center;margin:14px 0 0;font-size:12px}.pn-signin-legal a{color:inherit}
