@layer components{.ls-row{border-radius:var(--radius-2xl);background-color:var(--card);box-shadow:0 0 0 1px var(--border);transition:box-shadow .2s var(--ease-out-soft), background-color .2s var(--ease-out-soft);position:relative;overflow:hidden;container-type:inline-size}.ls-row:hover{box-shadow:0 0 0 1px var(--border-strong), var(--shadow-card-hover)}.ls-row:has(a:focus-visible){box-shadow:0 0 0 2px var(--ring)}.ls-row[data-sponsored]{background-color:color-mix(in oklab, var(--brand-accent-soft) 45%, var(--card));box-shadow:0 0 0 1px color-mix(in oklab, var(--brand-accent) 80%, transparent)}.ls-row[data-featured]:before{content:"";inset-block:0;z-index:10;background-image:linear-gradient(in oklch 180deg, var(--brand-accent), color-mix(in oklch, var(--brand-accent) 70%, var(--primary)) 55%, var(--brand-accent));width:.25rem;position:absolute;left:0}.ls-row[data-selected]{box-shadow:0 0 0 2px var(--primary)}.ls-row:where([data-sponsored]):hover{box-shadow:0 0 0 1px var(--brand-accent), var(--shadow-card-hover)}.ls-row:where([data-selected]):hover{box-shadow:0 0 0 2px var(--primary), var(--shadow-card-hover)}.ls-row-grid{grid-template-columns:auto minmax(0,1fr);display:grid}.ls-row-thumb{padding:.75rem 0 .75rem .75rem}.ls-row-frame{aspect-ratio:4/3;border-radius:var(--radius-xl);background-color:var(--surface);width:6rem;box-shadow:0 0 0 1px color-mix(in oklab, var(--border) 60%, transparent);position:relative;overflow:hidden}.ls-row-main{flex-direction:column;min-width:0;padding:.75rem;display:flex}.ls-row-name{min-width:0;font-family:var(--font-heading);letter-spacing:-.005em;align-items:flex-start;gap:.375rem;font-size:1rem;font-weight:600;line-height:1.375;display:flex}.ls-row-link{-webkit-line-clamp:2;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;outline:none;-webkit-box-orient:vertical;transition:color .15s;display:-webkit-box;overflow:hidden}.ls-row-link:after{content:"";border-radius:var(--radius-2xl);position:absolute;inset:0}.ls-row:hover .ls-row-link{color:var(--primary)}.ls-row-meta{min-width:0;color:var(--muted-foreground);align-items:center;gap:.25rem;margin-top:.125rem;font-size:.8125rem;line-height:1.25rem;display:flex}.ls-row-meta+.ls-row-meta{margin-top:.25rem}.ls-row-status{flex-wrap:wrap;align-items:center;gap:.25rem .75rem;margin-top:.5rem;font-size:.8125rem;display:flex}.ls-row-status:empty{display:none}.ls-row-desc{text-wrap:pretty;color:var(--muted-foreground);margin-top:.5rem;font-size:.875rem;line-height:1.625;display:none}.ls-row-badges{margin-top:.625rem;display:none}.ls-row-actions{z-index:10;border-top:1px solid color-mix(in oklab, var(--border) 80%, transparent);grid-column:span 2/span 2;align-items:center;gap:.5rem;padding:.625rem .75rem;display:flex;position:relative}.ls-row[data-sponsored] .ls-row-actions{border-color:color-mix(in oklab, var(--brand-accent) 50%, transparent)}@container (min-width:28rem){.ls-row-thumb{padding:1rem 0 1rem 1rem}.ls-row-frame{width:9rem}.ls-row-main{padding:1rem}.ls-row-name{font-size:1.0625rem}.ls-row-meta{font-size:.875rem}.ls-row-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ls-row-badges:not(:empty){display:flex}.ls-row-actions{padding:.75rem 1rem}}@container (min-width:42rem){.ls-row-grid[data-actions]{grid-template-columns:auto minmax(0,1fr) 13rem}.ls-row-frame{width:11rem}.ls-row-actions{border-top:0;border-left:1px solid color-mix(in oklab, var(--border) 80%, transparent);flex-wrap:wrap;grid-column:span 1/span 1;align-content:center;padding:1rem}}.ls-pill{white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;gap:.25rem;height:1.375rem;padding-inline:.5rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.ls-pill svg{flex-shrink:0;width:.875rem;height:.875rem}.ls-side-link{border-radius:var(--radius-xl);outline:none;align-items:center;gap:.625rem;min-height:2.75rem;margin-inline:-.5rem;padding:.375rem .5rem;font-size:.875rem;line-height:1.25rem;transition:background-color .15s;display:flex}.ls-side-link:hover{background-color:var(--muted)}.ls-side-link:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 45%, transparent)}.ls-side-link>b{-webkit-line-clamp:2;overflow-wrap:break-word;-webkit-box-orient:vertical;flex:1;min-width:0;font-weight:500;display:-webkit-box;overflow:hidden}.ls-side-link:hover>b{color:var(--primary)}.ls-side-link>i{color:var(--primary);flex-shrink:0;font-style:normal;display:inline-flex}.ls-side-link>i svg{stroke-width:1.75px;width:1rem;height:1rem}.ls-side-link>small{color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.75rem}.ls-count{background-color:var(--muted);text-align:center;min-width:2.25rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums;border-radius:9999px;flex-shrink:0;padding:.125rem .375rem;font-size:.75rem;font-weight:500;line-height:1rem;transition:background-color .15s}.ls-side-link:hover>.ls-count{background-color:var(--card)}.ls-chips{flex-wrap:wrap;gap:.5rem;display:flex}.ls-chips a{background-color:var(--card);min-height:2.25rem;box-shadow:0 0 0 1px var(--border);border-radius:9999px;outline:none;align-items:center;gap:.5rem;padding:.375rem .875rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:background-color .15s,box-shadow .15s;display:inline-flex}.ls-chips a:hover{background-color:var(--muted);box-shadow:0 0 0 1px var(--border-strong)}.ls-chips a:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 45%, transparent)}.ls-chips data{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:.75rem}.ls-more>summary{cursor:pointer;list-style:none}.ls-more>summary::-webkit-details-marker{display:none}.ls-feat{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:1rem;margin-inline:-1rem;padding:.25rem 1rem .75rem;scroll-padding-inline:1rem;display:flex;overflow-x:auto}.ls-feat>li{scroll-snap-align:start;flex:0 0 84%;min-width:0;display:flex}@media (min-width:30rem){.ls-feat>li{flex-basis:62%}}@media (min-width:40rem){.ls-feat{gap:1.25rem;margin-inline:0;padding:0;display:grid;overflow:visible}}.ls-hero{background-color:var(--surface);background-image:radial-gradient(120% 95% at 88% 0%, color-mix(in oklch, var(--primary-soft) 85%, transparent) 0%, color-mix(in oklch, var(--primary-soft) 35%, transparent) 38%, transparent 68%), linear-gradient(in oklch 180deg, var(--surface) 0%, color-mix(in oklch, var(--surface) 55%, var(--background)) 62%, var(--background) 100%)}.ls-invite{border-radius:var(--radius-xl);background-color:var(--surface);min-width:0;min-height:3rem;max-height:3.5rem;box-shadow:0 0 0 1px var(--border);outline:none;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;transition:box-shadow .15s;display:flex}.ls-invite:hover{box-shadow:0 0 0 1px var(--border-strong)}.ls-invite:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 45%, transparent)}.ls-az h3{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:.75rem;padding-bottom:.375rem;display:flex}.ls-az h3>small,.ls-az data{color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.75rem}.ls-az ul{gap:.125rem;margin-top:.5rem;display:grid}.ls-az a{border-bottom:1px solid color-mix(in oklab, var(--border) 60%, transparent);border-radius:.25rem;outline:none;justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;padding-block:.375rem;font-size:.875rem;line-height:1.25rem;display:flex}.ls-az a:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 45%, transparent)}.ls-az a>span{min-width:0}.ls-az b{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-weight:400;transition:color .15s}.ls-az b[data-main]{font-weight:600}.ls-az a:hover b{color:var(--primary)}.ls-az a small{overflow-wrap:break-word;color:var(--muted-foreground);font-size:.75rem;display:block}@media (min-width:40rem){.ls-az a{border-bottom:0;align-items:baseline;min-height:2.25rem;padding-block:.25rem}}.ls-toolbar{top:calc(var(--header-h,4rem) + env(safe-area-inset-top));z-index:20;background-color:var(--background);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;min-height:3.25rem;margin-inline:-1rem;padding:.5rem 1rem;display:flex;position:sticky}@media (min-width:40rem){.ls-toolbar{margin-inline:0;padding-inline:0}}}