.hero.svelte-1uha8ag{background:var(--color-accent-500);border-bottom:2px solid var(--color-content-primary);position:relative;overflow:hidden}.hero-tone.svelte-1uha8ag{--tone-color:#20202047;position:absolute;inset:0;-webkit-mask-image:linear-gradient(105deg,#0000 45%,#000 100%);mask-image:linear-gradient(105deg,#0000 45%,#000 100%)}.hero-inner.svelte-1uha8ag{gap:var(--space-8);padding-block:var(--space-8) 0;display:grid;position:relative}.hero-copy.svelte-1uha8ag{gap:var(--space-4);flex-direction:column;display:flex}h1.svelte-1uha8ag{letter-spacing:-.01em;text-wrap:balance;font-size:clamp(2.25rem,9.5vw,4.25rem);font-weight:400;line-height:1.06}.hero-copy.svelte-1uha8ag>p:where(.svelte-1uha8ag){max-width:34rem;color:var(--color-content-primary);font-size:1.0625rem;font-weight:500}.hero-search.svelte-1uha8ag{align-items:flex-start;gap:var(--space-3);max-width:34rem;margin-top:var(--space-2);display:flex}.hero-search.svelte-1uha8ag .input{min-height:52px}.hero-search.svelte-1uha8ag .btn{flex-shrink:0;min-height:52px}.hero-search.svelte-1uha8ag .btn:disabled{opacity:1;color:var(--color-content-tertiary)}.hero-panels.svelte-1uha8ag{margin-inline:-1rem;grid-template-columns:1.25fr 1fr 1fr;gap:0;height:9.5rem;margin-bottom:-2px;display:grid;position:relative}.hero-panel.svelte-1uha8ag{background:var(--color-content-primary);border-top:2px solid var(--color-content-primary);border-left:2px solid var(--color-content-primary);clip-path:polygon(1.5rem 0,100% 0,100% 100%,0 100%);margin-left:-1.5rem;overflow:hidden}.hero-panel.svelte-1uha8ag:first-child{clip-path:none;border-left:0;margin-left:0}.hero-panel.svelte-1uha8ag img:where(.svelte-1uha8ag){object-fit:cover;object-position:center 22%;width:100%;height:100%;display:block}.catalog.svelte-1uha8ag{gap:var(--space-6);padding-top:var(--space-6);flex-direction:column;display:flex}.letters.svelte-1uha8ag{scrollbar-width:none;gap:.25rem;margin-inline:-1rem;padding-block:.25rem;padding-inline:1rem;display:flex;overflow-x:auto}.letter.svelte-1uha8ag{height:2.75rem;color:var(--color-content-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:2px solid #0000;flex:0 0 2.75rem;font-size:.9375rem;font-weight:800}.letter.svelte-1uha8ag:hover:not(:disabled){border-color:var(--color-content-primary)}.letter.active.svelte-1uha8ag{background:var(--color-accent-500);border-color:var(--color-content-primary)}.letter.svelte-1uha8ag:disabled{color:var(--color-surface-500);cursor:default}.catalog-head.svelte-1uha8ag{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}h2.svelte-1uha8ag{overflow-wrap:anywhere;font-size:clamp(1.375rem,4vw,2rem);font-weight:400}.catalog-head.svelte-1uha8ag span:where(.svelte-1uha8ag){color:var(--color-content-tertiary);flex-shrink:0;font-size:.9375rem;font-weight:500}.shelf.svelte-1uha8ag{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.anime-card.svelte-1uha8ag{color:var(--color-content-primary);flex-direction:column;gap:.25rem;display:flex}.anime-card.svelte-1uha8ag .cover{transition:transform var(--transition-base);margin-bottom:.375rem}.anime-card.svelte-1uha8ag:hover .cover{border-color:var(--color-accent-500);transform:translateY(-4px)rotate(-1.5deg)}.anime-card.svelte-1uha8ag:hover .anime-title:where(.svelte-1uha8ag){text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.anime-title.svelte-1uha8ag{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.anime-meta.svelte-1uha8ag{color:var(--color-content-tertiary);font-size:.8125rem}.empty.svelte-1uha8ag{align-items:flex-start;gap:var(--space-3);padding:var(--space-6);border:2px solid var(--color-content-primary);border-radius:var(--radius-lg);flex-direction:column;display:flex}.empty.svelte-1uha8ag .display:where(.svelte-1uha8ag){color:var(--color-content-primary);font-size:1.5rem}.empty.svelte-1uha8ag p:where(.svelte-1uha8ag){max-width:38rem}.empty-actions.svelte-1uha8ag{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width>=640px){.shelf.svelte-1uha8ag{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-panels.svelte-1uha8ag{height:13rem;margin-inline:-2rem}.letters.svelte-1uha8ag{flex-wrap:wrap;margin-inline:0;padding-inline:0}.letter.svelte-1uha8ag{flex-basis:2.5rem;height:2.5rem}}@media (width>=768px){.shelf.svelte-1uha8ag{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px){.shelf.svelte-1uha8ag{grid-template-columns:repeat(6,minmax(0,1fr))}.hero-inner.svelte-1uha8ag{align-items:stretch;gap:var(--space-10);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding-block:0}.hero-copy.svelte-1uha8ag{padding-block:var(--space-12);justify-content:center}.hero-panels.svelte-1uha8ag{height:auto;min-height:26rem;margin-inline:0}.hero-panel.svelte-1uha8ag{clip-path:polygon(5rem 0,100% 0,100% 100%,0 100%);border-top:0;margin-left:-3rem}.hero-panel.svelte-1uha8ag:first-child{border-left:2px solid var(--color-content-primary);clip-path:polygon(5rem 0,100% 0,100% 100%,0 100%);margin-left:0}}
