@layer components{.library-wall{--wall-card-width: min(17.5rem, 80vw);--wall-fade: hsl(var(--background));position:relative;overflow:hidden;margin-inline:-1.25rem;-webkit-mask-image:linear-gradient(to right,transparent,var(--wall-fade) 1.25rem,var(--wall-fade) calc(100% - 1.25rem),transparent);mask-image:linear-gradient(to right,transparent,var(--wall-fade) 1.25rem,var(--wall-fade) calc(100% - 1.25rem),transparent)}.library-wall-flow{position:relative;display:grid;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:var(--wall-card-width);gap:.75rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:1.25rem;padding:.25rem 1.25rem .75rem}.library-wall-flow>.library-wall-item{scroll-snap-align:start}.library-wall-item{display:flex}.library-wall-item>*{flex:1 1 auto;min-width:0}.library-wall-lanes[data-axis=x]{display:flex;flex-direction:column;gap:.75rem;padding:.25rem 1.25rem .75rem}.library-wall-lanes[data-axis=x] .library-wall-lane{display:flex;gap:.75rem;width:max-content}.library-wall-lanes[data-axis=x] .library-wall-item{width:var(--wall-card-width)}.library-wall-lanes[data-axis=y]{display:grid;grid-template-columns:repeat(var(--lanes),minmax(0,1fr));column-gap:1rem;align-items:start;padding-top:1.5rem}.library-wall-lanes[data-axis=y] .library-wall-lane{display:flex;flex-direction:column;gap:1rem}.library-wall-lane{will-change:transform}.library-wall[data-mode=rows]{touch-action:pan-y}@media(max-width:639.98px){.library-wall [data-wall-media]{display:none}.library-wall .wall-card-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}@media(min-width:640px){.library-wall{height:46rem;margin-inline:0;-webkit-mask-image:linear-gradient(to bottom,transparent,var(--wall-fade) 3rem,var(--wall-fade) calc(100% - 6rem),transparent);mask-image:linear-gradient(to bottom,transparent,var(--wall-fade) 3rem,var(--wall-fade) calc(100% - 6rem),transparent)}@media(prefers-reduced-motion:reduce){.library-wall[data-mode=still]{overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}}.library-wall-flow{display:block;columns:2;column-gap:1rem;overflow:visible;padding:1.5rem 0 0}.library-wall-flow>.library-wall-item{break-inside:avoid;margin-bottom:1rem}}@media(min-width:1024px){.library-wall-flow{columns:3}}@media(min-width:1280px){.library-wall[data-columns="4"] .library-wall-flow{columns:4}}.library-wall-foot{display:flex;flex-direction:column-reverse;align-items:center;gap:1rem;margin-top:1.5rem;text-align:center}.library-wall-hint:empty{display:none}@media(min-width:640px){.library-wall-foot{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);text-align:left}.library-wall-foot:after{content:""}.library-wall-hint,.library-wall-hint:empty{display:block;justify-self:start}}.library-wall-zone{position:relative}.library-wall-stop{position:absolute;top:.75rem;left:0;z-index:2;display:inline-flex;align-items:center;height:3rem;padding:0 1.25rem;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));font-size:.875rem;font-weight:600;opacity:0;pointer-events:none}.library-wall-stop:focus{opacity:1;pointer-events:auto;outline:2px solid hsl(var(--ring));outline-offset:2px}.wall-card{position:relative;container-type:inline-size;display:flex;flex-direction:column;gap:.875rem;padding:1.25rem 1.25rem 1rem;background:hsl(var(--card));border:1px solid hsl(var(--border));transition:border-color .2s ease}.wall-card:hover{border-color:hsl(var(--primary) / .4)}.wall-card:has(.wall-card-link:focus-visible){outline:2px solid hsl(var(--ring));outline-offset:-2px}.wall-card-link{color:inherit}.wall-card-link:focus-visible{outline:none}.wall-card-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.wall-card:hover .wall-card-link{color:hsl(var(--primary))}.wall-card-head{display:flex;align-items:flex-start;gap:.75rem}.wall-card-head>div{flex:1 1 auto;min-width:0}.wall-card-name{font-size:.875rem;font-weight:600;line-height:1.25}h2.wall-card-name,h3.wall-card-name{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;letter-spacing:-.01em}.wall-card-tag{padding-top:.125rem;white-space:nowrap}.wall-card-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;line-height:1.25;letter-spacing:-.01em;text-wrap:balance}.wall-card-text{font-size:.9375rem;line-height:1.55;color:hsl(var(--muted-foreground))}.wall-card-media{display:block;position:relative;overflow:hidden;border:1px solid hsl(var(--border));aspect-ratio:16 / 9}.wall-card-media img{display:block;width:100%;height:100%;object-fit:cover}.wall-card-badge{position:absolute;top:0;right:0;padding:.375rem .625rem;background:hsl(var(--background))}.wall-card-cells{display:grid;gap:1px;background:hsl(var(--border));border:1px solid hsl(var(--border))}.wall-card-cells>li{display:flex;gap:.625rem;padding:.4375rem .625rem;background:hsl(var(--background));font-family:var(--font-mono);font-size:.75rem;line-height:1.35}.wall-card-cells>li>span:first-child{color:hsl(var(--accent-strong));font-variant-numeric:tabular-nums}.wall-card-readout{display:grid;gap:1px;background:hsl(var(--border));border:1px solid hsl(var(--border))}.wall-card-readout>div{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.4375rem .625rem;background:hsl(var(--background));font-family:var(--font-mono);font-size:.75rem;line-height:1.35}.wall-card-readout dt{color:hsl(var(--muted-foreground))}.wall-card-readout dd{font-weight:500;text-align:right}.wall-card-readout>div[data-flag]{box-shadow:inset 3px 0 hsl(var(--destructive))}.wall-card-verdict{display:grid;gap:.25rem;padding:.75rem;background:hsl(var(--background));border:1px solid hsl(var(--border))}.wall-card-verdict strong{font-family:var(--font-heading);font-size:1.25rem;line-height:1.2}.wall-card-verdict p{font-size:.875rem;color:hsl(var(--muted-foreground))}.wall-card-chat{display:grid;gap:.5rem;font-size:.875rem;line-height:1.45}.wall-card-chat p{padding:.5rem .625rem;background:hsl(var(--background));border:1px solid hsl(var(--border))}.wall-card-chat p:first-child{justify-self:end;max-width:85%;background:hsl(var(--muted))}.wall-card-chat p+p{max-width:92%}.wall-strip{position:relative;z-index:2;display:flex;gap:1px;background:hsl(var(--border));border:1px solid hsl(var(--border))}.wall-strip-cell{position:relative;display:flex;flex:1 1 0;align-items:center;justify-content:center;gap:.5rem;min-width:0;min-height:2.75rem;padding:.25rem .5rem;border:0;background:hsl(var(--card));color:hsl(var(--foreground));text-align:left;cursor:pointer;transition:background-color .15s ease}.wall-strip-cell:hover{background:hsl(var(--primary) / .08)}.wall-strip-cell:focus-visible{z-index:1;outline:2px solid hsl(var(--ring));outline-offset:-2px}.wall-strip-cell[aria-disabled=true]{cursor:default}.wall-strip-cell>svg{flex:none;width:1rem;height:1rem;color:hsl(var(--primary))}.wall-strip-text{display:grid;min-width:0;line-height:1.2}.wall-strip-word{font-size:.8125rem;font-weight:600;white-space:nowrap}.wall-strip-detail{font-family:var(--font-mono);font-size:.75rem;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;white-space:nowrap}.wall-strip-icon{flex:0 0 2.75rem;padding:0}.wall-strip-label{justify-content:flex-start;padding-left:.75rem;font-family:var(--font-mono);font-size:.75rem;color:hsl(var(--muted-foreground));cursor:default}.wall-strip-label:hover{background:hsl(var(--card))}.wall-strip-cell[data-narrating]:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:hsl(var(--primary));transform:scaleX(var(--wall-progress, 0));transform-origin:left}@container (max-width: 18.99rem){.wall-strip-icon{flex-basis:2rem}.wall-strip-cell{gap:.375rem;padding-inline:.25rem}}@container (max-width: 15.49rem){.wall-strip-text{display:none}.wall-strip-icon{flex:1 1 0}}.wall-card-go{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;height:3rem;padding:0 1rem;border:0;background:hsl(var(--primary) / .1);color:hsl(var(--primary));font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.wall-card:hover .wall-card-go,.wall-card-go:hover{background:hsl(var(--primary) / .16)}.wall-card-go:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}a.wall-card-go,button.wall-card-go{z-index:2}.wall-card-go svg{width:1rem;height:1rem}@media(prefers-reduced-motion:reduce){.wall-card,.wall-card-go,.wall-strip-cell{transition:none}}.collection-index{border-top:1px solid hsl(var(--border))}.collection-index>li{display:grid;gap:.25rem;padding:.875rem 0;border-bottom:1px solid hsl(var(--border))}.collection-index a{font-weight:700;font-size:1.0625rem;line-height:1.3}.collection-index a:hover{color:hsl(var(--primary))}@media(min-width:768px){.collection-index>li{grid-template-columns:10rem minmax(0,1fr) auto;align-items:baseline;gap:1.5rem;padding:.875rem .75rem}.collection-index>li>:last-child{text-align:right}}}