.s-shelf{--muted:var(--color-muted-light);--foreground:var(--color-gray-900);--card-foreground:var(--foreground);--secondary-foreground:var(--foreground);--accent-foreground:var(--foreground);--primary:var(--color-primary);--s-shelf-gutter:max(32px,calc((100% - 1240px) / 2));min-height:100%;padding-bottom:40px;color:var(--foreground);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.s-shelf,.s-shelf__top{background:var(--canvas,var(--muted))}.s-shelf__top{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:16px var(--s-shelf-gutter);border-bottom:1px solid transparent}@keyframes s-shelf-stuck{to{border-bottom-color:var(--border);box-shadow:0 6px 16px -10px color-mix(in oklab,var(--foreground) 30%,transparent)}}@supports (animation-timeline:scroll()){.s-shelf__top{animation:s-shelf-stuck linear both;animation-timeline:scroll(nearest block);animation-range:0 16px}}@supports not (animation-timeline:scroll()){.s-shelf__top{border-bottom-color:var(--border)}}.s-shelf__title{display:flex;align-items:center;gap:8px;min-width:0}.s-shelf__title h1{margin:0;font-size:24px;font-weight:700;line-height:30px;letter-spacing:-.01em}.s-shelf__count{margin:4px 0 0;color:var(--muted-foreground);font-size:13px}.s-shelf__back{display:inline-flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;color:var(--foreground)}@media (pointer:coarse){.s-shelf__back{width:44px;height:44px}}@media (hover:hover){.s-shelf__back:hover{background:color-mix(in oklab,var(--foreground) 5%,transparent)}}.s-shelf__back:active{background:color-mix(in oklab,var(--foreground) 9%,transparent)}.s-shelf__back:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.s-shelf__filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}.s-shelf__search{position:relative;width:280px;min-width:0}.s-shelf__top{container:s-shelf-bar/inline-size}@container s-shelf-bar (max-width: 1220px){.s-shelf__filters{flex:1 1 100%}.s-shelf__search{flex:1 1 260px;width:auto}}@container s-shelf-bar (max-width: 760px){.s-shelf__search{flex-basis:100%}}.s-shelf .s-shelf__search input{height:40px;border-radius:var(--radius);font-size:14px}@media (pointer:coarse){.s-shelf .s-shelf__search input{height:44px}}.s-shelf .s-seg{gap:2px;padding:3px;border:0;border-radius:var(--radius);background:var(--muted);box-shadow:none}.s-shelf .s-seg .s-seg__item{height:34px;min-width:44px;padding:0 12px;border:0;border-radius:calc(var(--radius) - 3px);background:transparent;color:var(--muted-foreground);font-size:13px;font-weight:600;box-shadow:none;transition:background-color .16s,color .16s}@media (pointer:coarse){.s-shelf .s-seg .s-seg__item{height:38px}}@media (hover:hover){.s-shelf .s-seg .s-seg__item:hover:not([aria-pressed=true],[data-state=on]){background:color-mix(in oklab,var(--foreground) 5%,transparent);color:var(--foreground)}}.s-shelf .s-seg .s-seg__item:active:not([aria-pressed=true],[data-state=on]){background:color-mix(in oklab,var(--foreground) 9%,transparent)}.s-shelf .s-seg .s-seg__item[aria-pressed=true],.s-shelf .s-seg .s-seg__item[data-pressed],.s-shelf .s-seg .s-seg__item[data-state=on]{background:var(--primary);color:var(--primary-foreground);box-shadow:none}.s-shelf .s-seg .s-seg__item:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:none}.s-shelf__body{display:flex;flex-direction:column;gap:40px;padding:20px var(--s-shelf-gutter) 0}.s-shelf__status{margin:0;color:var(--muted-foreground);font-size:14px}.s-shelf__h2{margin:0;font-size:18px;font-weight:600;line-height:24px;letter-spacing:-.01em}.s-shelf__units{display:flex;flex-direction:column;gap:36px}.s-shelf__unit-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0 0 12px}.s-shelf__unit{margin:0;font-size:18px;font-weight:600;line-height:24px;letter-spacing:-.01em}.s-shelf__tally{color:var(--muted-foreground);font-size:13px;line-height:18px}.s-shelf__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width:640px){.s-shelf__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (min-width:1280px){.s-shelf__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}.s-shelf__recent>*{flex:0 0 240px}@media (max-width:639px){.s-shelf__recent>*{flex-basis:200px}}@media (min-width:1280px){.s-shelf__recent{display:grid;grid-template-columns:repeat(var(--s-recent,4),minmax(0,1fr));gap:20px;margin:0;padding:0;overflow:visible}.s-shelf__recent>*{width:auto}}.s-shelf-card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);color:var(--foreground);box-shadow:0 1px 2px color-mix(in oklab,var(--foreground) 4%,transparent),0 5px 14px color-mix(in oklab,var(--foreground) 4%,transparent);text-decoration:none;transition:transform .16s cubic-bezier(.2,0,0,1),box-shadow .16s cubic-bezier(.2,0,0,1),border-color .16s}@media (hover:hover){.s-shelf-card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--border),var(--foreground) 22%);box-shadow:0 1px 2px color-mix(in oklab,var(--foreground) 4%,transparent),0 8px 24px color-mix(in oklab,var(--foreground) 9%,transparent)}}.s-shelf-card:active{transform:translateY(0)}.s-shelf-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.s-shelf-card__poster{position:relative;flex:none;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--border);background:var(--muted)}.s-shelf-card__poster>:first-child{background:transparent}.s-poster__image{background:var(--card)}@keyframes s-shelf-preview-in{0%{opacity:0}}.s-shelf-card.is-live .s-poster__overlay{animation:s-shelf-preview-in .2s ease .15s backwards}.s-shelf-card__live,.s-shelf-card__runs,.s-shelf-card__tag{position:absolute;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.s-shelf-card__live,.s-shelf-card__tag{top:8px;border:1px solid var(--border);background:color-mix(in oklab,var(--card) 92%,transparent);color:var(--muted-foreground)}.s-shelf-card__tag{left:8px}.s-shelf-card__live{right:8px;color:color-mix(in oklab,var(--highlight,var(--primary)) 52%,var(--foreground));animation:s-shelf-preview-in .2s ease .15s backwards}.s-shelf-card__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.s-shelf-card__runs{right:8px;bottom:8px;background:var(--primary);color:var(--primary-foreground)}.s-shelf-card__body{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0;padding:12px 14px 14px}.s-shelf-card__chapter{margin:0;overflow:hidden;color:var(--muted-foreground);font-size:12px;font-weight:500;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.s-shelf-card__title{display:-webkit-box;min-height:40px;margin:0;overflow:hidden;font-size:15px;font-weight:600;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.s-shelf-card__note{margin:0;overflow:hidden;color:var(--muted-foreground);font-size:12px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.s-shelf-card--row{display:grid;grid-template-columns:88px minmax(0,1fr);min-height:72px}.s-shelf-card--row .s-shelf-card__poster{aspect-ratio:auto;height:100%;border-right:1px solid var(--border);border-bottom:0}.s-shelf-card--row .s-shelf-card__body{justify-content:center;padding:10px 12px}.s-shelf-card--row .s-shelf-card__title{min-height:0;font-size:14px;-webkit-line-clamp:1}@media (prefers-reduced-motion:reduce){.s-shelf .s-seg .s-seg__item,.s-shelf-card{transition:none}.s-shelf-card:hover{transform:none}.s-shelf-card.is-live .s-poster__overlay,.s-shelf-card__live{animation:none}}@media (max-width:639px){.s-shelf{--s-shelf-gutter:16px;padding-bottom:calc(40px + env(safe-area-inset-bottom, 0px));font-size:14px}.s-shelf__top{position:static;padding:12px var(--s-shelf-gutter)}.s-shelf .s-seg,.s-shelf__search{width:100%}.s-shelf .s-seg .s-seg__item{flex:1 1 auto;min-width:0;padding:0 4px;font-size:12px}.s-shelf__body{gap:28px;padding:8px var(--s-shelf-gutter) 0}.s-shelf-card__body{padding:10px 12px 12px}.s-shelf-card__title{min-height:38px;font-size:14px;line-height:19px}.s-shelf-card--row .s-shelf-card__title{-webkit-line-clamp:2}}