.shira-layout{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.shira-layout{grid-template-columns:240px minmax(0,1fr)}}.shira-sidebar{order:2}@media (width>=768px){.shira-sidebar{order:0}}.shira-search{position:relative}.shira-search-icon{color:#9ca3af;pointer-events:none;width:1.25rem;height:1.25rem;position:absolute;top:.875rem;left:.875rem}.shira-search input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;outline:none;width:100%;padding:.875rem 1rem .875rem 2.75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #0000000d}.shira-search input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.shira-summary{color:#6b7280;margin:.75rem 0 0;font-size:.875rem}.shira-facet{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;margin-bottom:1rem;padding:1rem}.shira-facet-title{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 .5rem;font-size:.75rem;font-weight:600}.shira-facet ul{margin:0;padding:0;list-style:none}.shira-facet-row{cursor:pointer;color:#374151;border-radius:.5rem;align-items:center;gap:.5rem;padding:.375rem .5rem;font-size:.875rem;transition:background .1s;display:flex}.shira-facet-row:hover{background:#f3f4f6}.shira-facet-row input[type=checkbox]{accent-color:#3b82f6;border-radius:.25rem;width:1rem;height:1rem}.shira-facet-name{flex:1;min-width:0}.shira-facet-count{color:#9ca3af;background:#f3f4f6;border-radius:9999px;padding:.05rem .45rem;font-size:.75rem}.shira-facet-zero{opacity:.4}.shira-key{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem}.shira-key-title{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 .75rem;font-size:.75rem;font-weight:600}.shira-key ul{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.shira-key li{color:#374151;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.shira-key-dot{border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.shira-key-dot svg{width:.875rem;height:.875rem}.shira-key-listen{color:#15803d;background:#dcfce7}.shira-key-physical{color:#b45309;background:#fef3c7}.shira-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}@media (width>=480px){.shira-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.shira-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1280px){.shira-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.shira-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:.875rem;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:block;overflow:hidden;box-shadow:0 1px 2px #0000000f}.shira-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.shira-card-image{position:relative;overflow:hidden}.shira-card-image img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .3s;display:block}.shira-card:hover .shira-card-image img{transform:scale(1.05)}.shira-card-ph{aspect-ratio:1;color:#9ca3af;background:#f3f4f6;justify-content:center;align-items:center;width:100%;display:flex}.shira-card-ph svg{width:2rem;height:2rem}.shira-card-type-badge{border-radius:9999px;padding:.15rem .5rem;font-size:.625rem;font-weight:600;line-height:1.3;position:absolute;top:.5rem;left:.5rem}.shira-badge-album{color:#1e40af;background:#dbeafe}.shira-badge-artist{color:#6b21a8;background:#f3e8ff}.shira-badge-composition{color:#065f46;background:#d1fae5}.shira-badge-label{color:#92400e;background:#fef3c7}.shira-card-avail{gap:.25rem;display:flex;position:absolute;bottom:.4rem;right:.4rem}.shira-avail-dot{color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;display:flex;box-shadow:0 1px 2px #0000004d}.shira-avail-dot svg{width:.7rem;height:.7rem}.shira-avail-listen{background:#22c55ef2}.shira-avail-physical{background:#f59e0bf2}.shira-card-body{padding:.5rem .625rem .625rem}.shira-card-title{color:#1f2937;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;font-weight:600;display:-webkit-box;overflow:hidden}.shira-card:hover .shira-card-title{color:#1d4ed8}.shira-empty{text-align:center;color:#6b7280;grid-column:1/-1;padding:3rem 1rem;font-size:.875rem}.dark .shira-search input{color:#fff;background:#111827;border-color:#374151}.dark .shira-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.dark .shira-facet,.dark .shira-key{background:#111827;border-color:#374151}.dark .shira-facet-row{color:#d1d5db}.dark .shira-facet-row:hover{background:#1f2937}.dark .shira-facet-count{color:#9ca3af;background:#1f2937}.dark .shira-key li{color:#d1d5db}.dark .shira-card{background:#111827;border-color:#374151}.dark .shira-card:hover{border-color:#3b82f6}.dark .shira-card-ph{color:#4b5563;background:#1f2937}.dark .shira-card-title{color:#e5e7eb}.dark .shira-card:hover .shira-card-title{color:#93c5fd}