.f24-browse-rail{position:sticky;top:calc(var(--f24-header-h) + 8px);max-height:calc(100vh - var(--f24-header-h) - 16px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--f24-rule-strong) #fff0;font-family:var(--f24-font-sans);padding-right:6px;min-width:0}.f24-browse-rail::-webkit-scrollbar{width:4px}.f24-browse-rail::-webkit-scrollbar-thumb{background:var(--f24-rule-strong)}.f24-browse-rail__group{padding:12px 0;border-bottom:1px solid var(--f24-rule)}.f24-browse-rail__group:last-child{border-bottom:0}.f24-browse-rail__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.f24-browse-rail__title{font-family:var(--f24-font-mono);font-size:10px;color:var(--f24-text-1);text-transform:uppercase;letter-spacing:.12em;font-weight:500}.f24-browse-rail__count{font-family:var(--f24-font-mono);font-size:10px;color:var(--f24-text-3)}.f24-browse-rail__cta{font-family:var(--f24-font-mono);font-size:9px;color:var(--f24-text-3);text-transform:uppercase;letter-spacing:.08em}.f24-browse-rail__cta:hover{color:var(--f24-signal)}.f24-browse-rail__list{display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none}.f24-browse-rail__list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:3px 0}.f24-browse-rail__list a{font-size:13px;color:var(--f24-text-2);transition:color .12s var(--f24-ease);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f24-browse-rail__list a:hover{color:var(--f24-text-1)}.f24-browse-rail__list a[aria-current="page"],.f24-browse-rail__list a.is-current{color:var(--f24-signal);font-weight:500}.f24-browse-rail__list span{font-family:var(--f24-font-mono);font-size:10px;color:var(--f24-text-3);font-variant-numeric:tabular-nums}.f24-browse-rail__note{font-family:var(--f24-font-mono);font-size:9px;color:var(--f24-text-dim);letter-spacing:.04em;line-height:1.4;margin-top:6px}.f24-page-header{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;max-width:var(--f24-shell-max,1400px);margin:0 auto;padding:14px 20px 12px;border-bottom:1px solid var(--f24-rule)}.f24-page-header__title{display:flex;align-items:baseline;gap:14px;min-width:0}.f24-page-header__title h1{font-family:var(--f24-font-display,var(--f24-font-sans));font-weight:800;font-size:26px;line-height:1;letter-spacing:-.025em;color:var(--f24-text-1);text-transform:uppercase;margin:0}.f24-page-header__counter{font-family:var(--f24-font-mono);font-size:10px;color:var(--f24-text-3);letter-spacing:.04em;white-space:nowrap;text-transform:uppercase}.f24-page-header__counter b{color:var(--f24-text-1);font-weight:500}.f24-page-header__counter .sep{color:var(--f24-text-dim);margin:0 4px}.f24-page-header__clear{font-family:var(--f24-font-mono);font-size:10px;color:var(--f24-text-3);text-transform:uppercase;letter-spacing:.08em;margin-left:6px}.f24-page-header__clear:hover{color:var(--f24-signal)}.f24-filter-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end;min-width:0}.f24-filter-chips--empty{gap:0}.f24-filter-chips__label{font-family:var(--f24-font-mono);font-size:9px;color:var(--f24-text-3);text-transform:uppercase;letter-spacing:.08em;padding-right:6px}.f24-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--f24-font-mono);font-size:11px;color:var(--f24-text-2);padding:3px 8px;background:var(--f24-surface);border:1px solid var(--f24-rule);line-height:1.4;transition:color .12s var(--f24-ease,ease),border-color .12s var(--f24-ease,ease),background .12s var(--f24-ease,ease)}.f24-chip:hover{color:var(--f24-text-1);border-color:var(--f24-rule-strong)}.f24-chip.is-active{background:var(--f24-signal);color:var(--f24-signal-ink);border-color:var(--f24-signal);font-weight:500}.f24-chip.is-active:hover{color:var(--f24-signal-ink);border-color:var(--f24-signal)}.f24-chip__x{color:var(--f24-signal-ink);opacity:.6;font-size:11px;line-height:1}.f24-chip.is-active:hover .f24-chip__x{opacity:1}.f24-page-header__sort{font-family:var(--f24-font-mono);font-size:11px;color:var(--f24-text-2);position:relative}.f24-page-header__sort>summary{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--f24-rule);background:var(--f24-surface);white-space:nowrap;cursor:pointer;list-style:none;transition:border-color .12s var(--f24-ease,ease),color .12s var(--f24-ease,ease)}.f24-page-header__sort>summary::-webkit-details-marker{display:none}.f24-page-header__sort>summary:hover{border-color:var(--f24-rule-strong);color:var(--f24-text-1)}.f24-page-header__sort small{color:var(--f24-text-3);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.f24-page-header__sort-menu{position:absolute;right:0;top:calc(100% + 4px);background:var(--f24-surface);border:1px solid var(--f24-rule-strong);list-style:none;margin:0;padding:4px 0;min-width:160px;z-index:20}.f24-page-header__sort-menu li{margin:0}.f24-page-header__sort-menu a{display:block;font-family:var(--f24-font-mono);font-size:11px;color:var(--f24-text-2);padding:5px 12px;white-space:nowrap}.f24-page-header__sort-menu a:hover{color:var(--f24-text-1);background:var(--f24-surface-2)}.f24-page-header__sort-menu a.is-current{color:var(--f24-signal)}.f24-filter-rail{position:sticky;top:calc(var(--f24-header-h, 48px) + 8px);max-height:calc(100vh - var(--f24-header-h, 48px) - 16px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--f24-rule-strong) #fff0;font-family:var(--f24-font-sans);padding-right:6px;min-width:0}.f24-filter-rail::-webkit-scrollbar{width:4px}.f24-filter-rail::-webkit-scrollbar-thumb{background:var(--f24-rule-strong)}.f24-mobile-filter-toggle{display:none;width:100%;padding:10px 12px;font-family:var(--f24-font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--f24-text-1);background:var(--f24-surface);border:1px solid var(--f24-rule-strong);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:8px}.f24-mobile-filter-toggle__count{color:var(--f24-signal);font-size:10px}.f24-active-filters{position:sticky;top:0;background:var(--f24-void);padding:10px 0 12px;border-bottom:1px solid var(--f24-rule-strong);margin-bottom:4px;z-index:2}.f24-active-filters__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.f24-active-filters__title{font-family:var(--f24-font-mono);font-size:10px;color:var(--f24-signal);text-transform:uppercase;letter-spacing:.12em;font-weight:500}.f24-active-filters__count{color:var(--f24-text-3);margin-left:4px;font-weight:400}.f24-active-filters__clear{font-family:var(--f24-font-mono);font-size:10px;color:var(--f24-text-3);text-transform:uppercase;letter-spacing:.08em}.f24-active-filters__clear:hover{color:var(--f24-signal)}.f24-active-filters__list{display:flex;flex-wrap:wrap;gap:4px}.f24-active-filters__list .f24-chip{font-size:10px;padding:2px 6px}.f24-filter-group{padding:12px 0;border-bottom:1px solid var(--f24-rule)}.f24-filter-group:last-child{border-bottom:0}.f24-filter-group__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;gap:8px}.f24-filter-group__title{font-family:var(--f24-font-mono);font-size:10px;color:var(--f24-text-1);text-transform:uppercase;letter-spacing:.12em;font-weight:500}.f24-filter-group__reset{font-family:var(--f24-font-mono);font-size:9px;color:var(--f24-text-3);text-transform:uppercase;letter-spacing:.08em}.f24-filter-group__reset:hover{color:var(--f24-signal)}.f24-filter-list{display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none}.f24-filter-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:3px 0}.f24-filter-list a{font-size:13px;color:var(--f24-text-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .12s var(--f24-ease,ease)}.f24-filter-list a:hover{color:var(--f24-text-1)}.f24-filter-list a.is-active{color:var(--f24-signal);font-weight:500}.f24-filter-list a[aria-current="page"]{color:var(--f24-signal);font-weight:500}.f24-filter-list span{font-family:var(--f24-font-mono);font-size:10px;color:var(--f24-text-3);font-variant-numeric:tabular-nums}.f24-filter-list a.is-active+span{color:var(--f24-signal)}.f24-filter-bpm{display:flex;flex-direction:column;gap:8px;color-scheme:dark}.f24-filter-bpm__row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.f24-filter-bpm__cell{display:flex;flex-direction:column;gap:3px;min-width:0}.f24-filter-bpm__cap{font-family:var(--f24-font-mono);font-size:9px;color:var(--f24-text-3);text-transform:uppercase;letter-spacing:.12em}.f24-filter-bpm__input,.f24-filter-bpm input[type="number"]{-webkit-appearance:none!important;-moz-appearance:textfield!important;appearance:none!important;background-color:var(--f24-surface)!important;background-image:none!important;color:var(--f24-text-1)!important;color-scheme:dark;font-family:var(--f24-font-mono);font-size:13px;border:1px solid var(--f24-rule-strong)!important;border-radius:0!important;padding:6px 8px;box-shadow:none!important;outline:0;min-width:0;width:100%;font-variant-numeric:tabular-nums;line-height:1.2;height:auto}.f24-filter-bpm__input::-webkit-outer-spin-button,.f24-filter-bpm__input::-webkit-inner-spin-button,.f24-filter-bpm input[type="number"]::-webkit-outer-spin-button,.f24-filter-bpm input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.f24-filter-bpm__input::placeholder,.f24-filter-bpm input[type="number"]::placeholder{color:var(--f24-text-dim)!important;font-family:var(--f24-font-mono);opacity:1}.f24-filter-bpm__input:-webkit-autofill,.f24-filter-bpm__input:-webkit-autofill:hover,.f24-filter-bpm__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--f24-text-1)!important;-webkit-box-shadow:0 0 0 1000px var(--f24-surface) inset!important;box-shadow:0 0 0 1000px var(--f24-surface) inset!important;caret-color:var(--f24-text-1)}.f24-filter-bpm__input:focus,.f24-filter-bpm input[type="number"]:focus{outline:0;border-color:var(--f24-signal)!important;background-color:var(--f24-surface-2)!important}.f24-filter-bpm__submit{font-family:var(--f24-font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--f24-text-1);background:var(--f24-surface);border:1px solid var(--f24-rule-strong);padding:6px 10px;cursor:pointer;transition:color .12s var(--f24-ease,ease),border-color .12s var(--f24-ease,ease)}.f24-filter-bpm__submit:hover{color:var(--f24-signal);border-color:var(--f24-signal)}.f24-key-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.f24-key-grid__row-label{grid-column:1 / -1;font-family:var(--f24-font-mono);font-size:9px;color:var(--f24-text-3);text-transform:uppercase;letter-spacing:.08em;margin:4px 0 2px}.f24-key-grid__row-label:first-child{margin-top:0}.f24-key-grid a{font-family:var(--f24-font-mono);font-size:10px;padding:4px 0;color:var(--f24-text-3);border:1px solid var(--f24-rule);background:var(--f24-surface);font-variant-numeric:tabular-nums;text-align:center;transition:color .12s var(--f24-ease,ease),border-color .12s var(--f24-ease,ease),background .12s var(--f24-ease,ease)}.f24-key-grid a:hover{color:var(--f24-text-1);border-color:var(--f24-rule-strong)}.f24-key-grid a.is-active{color:var(--f24-signal-ink);background:var(--f24-signal);border-color:var(--f24-signal);font-weight:500}.f24-archive-filters{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:8px 0 10px;border-bottom:1px solid var(--f24-rule);margin:0 0 12px}.f24-archive-filters[data-state="empty"]{justify-content:flex-end}.f24-archive-filters .f24-active-filters{position:static;display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0;padding:0;background:#fff0;border:0}.f24-archive-filters .f24-active-filters__label{font-family:var(--f24-font-mono);font-size:9px;color:var(--f24-text-3);text-transform:uppercase;letter-spacing:.12em}.f24-archive-filters .f24-active-filters__list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.f24-active-filter{display:inline-flex;align-items:center;gap:6px;font-family:var(--f24-font-mono);font-size:11px;background:var(--f24-signal);color:var(--f24-signal-ink);border:1px solid var(--f24-signal);padding:3px 8px;font-weight:500;line-height:1.4}.f24-active-filter__label{color:var(--f24-signal-ink)}.f24-active-filter__remove{color:var(--f24-signal-ink);opacity:.6;font-size:12px;line-height:1;padding:0 2px}.f24-active-filter__remove:hover{opacity:1;color:var(--f24-signal-ink)}.f24-active-filters__clear{font-family:var(--f24-font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--f24-text-2);padding:4px 8px;border:1px solid var(--f24-rule);background:var(--f24-surface)}.f24-active-filters__clear:hover{color:var(--f24-signal);border-color:var(--f24-signal)}.f24-filter-form--sort{display:inline-flex;align-items:center;gap:6px}.f24-filter-form--sort .f24-filter-control{display:inline-flex;flex-direction:row;align-items:center;gap:6px}.f24-filter-form--sort .f24-filter-control__label{font-family:var(--f24-font-mono);font-size:9px;color:var(--f24-text-3);text-transform:uppercase;letter-spacing:.12em}.f24-filter-form--sort .f24-filter-control__input{-webkit-appearance:none;appearance:none;background-color:var(--f24-surface);color:var(--f24-text-1);font-family:var(--f24-font-mono);font-size:11px;border:1px solid var(--f24-rule);padding:5px 24px 5px 10px;border-radius:0;min-width:140px;color-scheme:dark;background-image:linear-gradient(45deg,transparent 50%,var(--f24-text-2) 50%),linear-gradient(-45deg,transparent 50%,var(--f24-text-2) 50%);background-position:calc(100% - 12px) 50%,calc(100% - 8px) 50%;background-size:4px 4px;background-repeat:no-repeat}.f24-filter-form--sort .f24-filter-control__input:focus{outline:0;border-color:var(--f24-signal)}.f24-filter-form--sort .f24-filter-control__submit{font-family:var(--f24-font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--f24-text-1);background:var(--f24-surface);border:1px solid var(--f24-rule-strong);padding:5px 10px;cursor:pointer}.f24-filter-form--sort .f24-filter-control__submit:hover{color:var(--f24-signal);border-color:var(--f24-signal)}@media (max-width:768px){.f24-mobile-filter-toggle{display:inline-flex}.f24-filter-rail #f24-filter-rail-body{display:none}.f24-filter-rail.is-open #f24-filter-rail-body{display:block}.f24-page-header{grid-template-columns:1fr;gap:10px}.f24-page-header__sort{justify-self:end}.f24-archive-filters{grid-template-columns:1fr}}.f24-table-head{display:grid;grid-template-columns:28px var(--f24-cover) minmax(0,1fr) 96px 60px 60px 64px 104px;gap:12px;padding:6px 12px;font-family:var(--f24-font-mono);font-size:10px;color:var(--f24-text-3);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--f24-rule);font-weight:500;position:sticky;top:var(--f24-header-h);background:var(--f24-void);z-index:10}.f24-table-head .col-bpm,.f24-table-head .col-key,.f24-table-head .col-date{justify-self:end}.f24-table-head .col-cover{justify-self:center}.f24-table-head .col-actions{justify-self:center}.f24-stream__list{min-width:0}@media (max-width:1180px){.f24-table-head{grid-template-columns:28px var(--f24-cover) minmax(0,1fr) 60px 60px 64px 104px}.f24-table-head .col-genre{display:none}}@media (max-width:900px){.f24-browse-rail{position:static;max-height:none;overflow:visible;display:none;padding:12px 16px;margin:0 -16px 12px;background:var(--f24-surface);border-block:1px solid var(--f24-rule)}.f24-browse-rail.is-open{display:block}.f24-table-head{display:none}}.f24-browse-toggle{display:none}@media (max-width:900px){.f24-browse-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;font-family:var(--f24-font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--f24-text-1);background:var(--f24-surface);border:1px solid var(--f24-rule);margin:0 0 12px;cursor:pointer;position:sticky;top:var(--f24-header-h);z-index:8;width:100%}.f24-browse-toggle__chev{color:var(--f24-text-3)}}.f24-datestream{border:1px solid var(--f24-rule);background:var(--f24-surface);margin:0 0 16px}.f24-datestream__head{padding:8px 12px;border-bottom:1px solid var(--f24-rule);display:flex;gap:12px;align-items:baseline}.f24-datestream__head__eyebrow{font-family:var(--f24-font-mono);font-size:9px;color:var(--f24-text-3);text-transform:uppercase;letter-spacing:.12em}.f24-datestream__head__title{font-family:var(--f24-font-mono);font-size:11px;color:var(--f24-text-1);font-weight:500;text-transform:uppercase;letter-spacing:.08em}.f24-datestream__body{display:flex;overflow-x:auto;gap:1px;background:var(--f24-rule)}.f24-datestream__body a{flex:0 0 auto;min-width:84px;padding:8px 12px;display:flex;flex-direction:column;gap:2px;background:var(--f24-surface);color:var(--f24-text-2);transition:background .12s var(--f24-ease),color .12s var(--f24-ease);font-family:var(--f24-font-mono);font-size:11px}.f24-datestream__body a:hover{background:var(--f24-surface-2);color:var(--f24-text-1)}.f24-datestream__body a[aria-current="page"]{background:var(--f24-signal);color:var(--f24-signal-ink)}.f24-datestream__body strong{color:inherit;font-weight:500}.f24-datestream__body small{font-size:9px;letter-spacing:.04em;opacity:.75}.f24-datestream__body a[aria-current="page"] small{opacity:.85;color:var(--f24-signal-ink)}.f24-tile-grid{display:grid;gap:16px;margin:16px 0}.f24-tile-grid--3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.f24-tile-grid--4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.f24-tile-grid--5{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.f24-tile{display:flex;flex-direction:column;gap:8px;background:var(--f24-surface);border:1px solid var(--f24-rule);transition:border-color .12s var(--f24-ease),background .12s var(--f24-ease);color:inherit;min-width:0}.f24-tile:hover{border-color:var(--f24-rule-strong);background:var(--f24-surface-2)}.f24-tile>a{display:contents;color:inherit}.f24-tile__cover{width:100%;aspect-ratio:1 / 1;overflow:hidden;background:var(--f24-surface-2);border-bottom:1px solid var(--f24-rule);display:block}.f24-tile__cover img{width:100%;height:100%;object-fit:cover}.f24-tile__cover--initials{display:grid;place-items:center;font-family:var(--f24-font-display);font-weight:800;font-size:clamp(2rem, 6vw, 3.4rem);color:rgb(255 255 255 / .45);background:linear-gradient(135deg,#1f242c,#0f1218);letter-spacing:-.04em;text-transform:uppercase}.f24-tile__cover--mosaic{display:grid;grid-template-columns:1fr 1fr;gap:1px}.f24-tile__cover--mosaic div{background-size:cover;background-position:center}.f24-tile__body{padding:0 10px 12px;display:flex;flex-direction:column;gap:4px}.f24-tile__title{font-family:var(--f24-font-sans);font-weight:600;font-size:14px;color:var(--f24-text-1);letter-spacing:-.005em;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f24-tile__sub{font-family:var(--f24-font-mono);font-size:10px;color:var(--f24-text-3);text-transform:uppercase;letter-spacing:.04em}.f24-tile__sub strong{color:var(--f24-text-1);font-weight:500}.f24-index-search{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border:1px solid var(--f24-rule);background:var(--f24-surface);padding:10px 14px;margin:16px 0}.f24-index-search__form{flex:1 1 240px;display:flex;gap:0;min-width:0}.f24-index-search__form input[type="search"]{flex:1;font:inherit;font-family:var(--f24-font-sans);font-size:13px;padding:7px 10px;background:var(--f24-void);border:1px solid var(--f24-rule);color:var(--f24-text-1);outline:0;min-width:0}.f24-index-search__form input[type="search"]:focus{border-color:var(--f24-rule-strong)}.f24-index-search__form button{padding:7px 14px;background:var(--f24-signal);color:var(--f24-signal-ink);font-family:var(--f24-font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--f24-signal)}.f24-index-search__form button:hover{background:#ffc230}.f24-index-search__hint{font-family:var(--f24-font-mono);font-size:10px;color:var(--f24-text-3);text-transform:uppercase;letter-spacing:.08em}.f24-shell--single>.f24-subgenres{border-block:1px solid var(--f24-rule)}