.page-header{margin-bottom:24px;padding-top:16px}.page-header__title{font-variation-settings:"wdth" 88;text-wrap:balance;margin:10px 0 0;font-size:clamp(28px,3.4vw,40px);font-weight:750;line-height:1.15}.page-header__sub{color:var(--fg-3);margin:6px 0 0;font-size:15.5px}.song-list,.song-list__empty{scroll-margin-top:84px}.song-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 24px;display:grid}.song-list__empty{background:var(--surface);color:var(--fg-2);border-radius:12px;margin:24px 0;padding:28px;font-size:16px}.song-row{color:var(--fg);border-radius:8px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;padding:8px;text-decoration:none;display:grid}.song-row:hover{background:var(--surface-2)}.song-row .geet-cover{width:52px}.song-row__text{min-width:0;display:grid}.song-row__title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:16px;font-weight:650;line-height:1.3;display:-webkit-box;overflow:hidden}.song-row__title--native,.song-row__native{font-family:var(--f-deva)}.song-row__native{color:var(--fg-2);white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.45;overflow:hidden}.song-row__about{min-width:0;color:var(--fg-3);align-items:center;gap:8px;font-size:13.5px;display:flex}.song-row__about-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.song-row__has{flex:none;gap:3px;font-size:15px;display:inline-flex}.song-list--compact{grid-template-columns:minmax(0,1fr);gap:2px}.song-list--compact .song-row{margin-inline:-8px}.cat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.cat-tile{background:linear-gradient(150deg, var(--c), color-mix(in srgb, var(--c) 55%, #000));color:#fff;border-radius:12px;align-content:space-between;gap:8px;min-height:112px;padding:16px 16px 14px;text-decoration:none;display:grid}.cat-tile:hover{filter:brightness(1.1)}.cat-tile__big{overflow-wrap:anywhere;font-size:29px;font-weight:700;line-height:1.25}.cat-tile--genre .cat-tile__big{font-family:var(--f-latin);font-variation-settings:"wdth" 88;font-size:21px}.cat-tile__small{flex-wrap:wrap;align-items:baseline;gap:2px 6px;font-size:14px;font-weight:600;display:flex}.cat-tile__small small{opacity:.85;font-weight:500}.letter-index{flex-wrap:wrap;gap:4px;margin:0 0 8px;display:flex}.letter-index button{background:var(--surface);min-width:36px;height:36px;color:var(--fg-2);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:0 8px;font-size:15px;font-weight:650}.letter-index button:hover{background:var(--surface-2);color:var(--fg)}.letter-index button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.letter-index--native button{font-family:var(--f-deva);font-size:17px}.browse-bar{flex-wrap:wrap;align-items:center;gap:12px 16px;margin:16px 0 12px;display:flex}.browse-bar__count{color:var(--fg-3);margin:0 auto 0 0;font-size:15px}.browse-bar__selects{flex-wrap:wrap;gap:12px;display:flex}.browse-bar__selects .MuiFormControl-root{min-width:190px}.pager{justify-content:center;margin:28px 0 8px;display:flex}@media (max-width:1180px){.song-list{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){.song-list{grid-template-columns:minmax(0,1fr)}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cat-tile{min-height:92px;padding:12px 14px}.cat-tile__big{font-size:25px}.letter-index{scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);flex-wrap:nowrap;overflow-x:auto}.letter-index::-webkit-scrollbar{display:none}.browse-bar__selects{width:100%}.browse-bar__selects .MuiFormControl-root{flex:1;min-width:0}}
