.home-directory{--dir-bg: #fff;--dir-surface: #f6f4f0;--dir-ink: #14161a;--dir-muted: #5b6068;--dir-line: #e5e1da;--dir-accent-text: #b23f08;--dir-accent: #ff7a1a;--dir-accent-hover: #ff8d3a;--dir-accent-ink: #1a0a00;--dir-live: #d92d20;--dir-ring: color-mix(in srgb, var(--dir-accent) 45%, transparent);--dir-lift: 0 10px 24px -14px rgba(0, 0, 0, .25);--dir-section-gap: 2.75rem;position:relative;background:var(--dir-bg);color:var(--dir-ink);font-size:1rem;line-height:1.5}@media(min-width:768px){.home-directory{--dir-section-gap: 4rem}}[data-bs-theme=dark] .home-directory{--dir-bg: #121316;--dir-surface: #1a1c20;--dir-ink: #eef0f3;--dir-muted: #a4a9b2;--dir-line: #2b2e34;--dir-accent-text: #ff9b55;--dir-live: #ff5a4e;--dir-lift: 0 10px 24px -14px rgba(0, 0, 0, .7)}.home-directory h1,.home-directory h2,.home-directory p,.home-directory ul,.home-directory ol{margin:0}.home-directory ul,.home-directory ol{padding:0;list-style:none}.home-directory a{color:inherit;text-decoration:none}.home-directory img{display:block}.home-directory ::selection{background:color-mix(in srgb,var(--dir-accent) 45%,transparent);color:var(--dir-ink)}.home-directory :where(a,button,input):focus-visible{outline:3px solid var(--dir-accent-text);outline-offset:2px}.home-directory button{font:inherit;cursor:pointer}.home-directory button:disabled{cursor:not-allowed}.home-directory .dir-h1{max-width:18ch;font-size:clamp(2.2rem,1.3rem + 2.8vw,3.6rem);font-weight:700;line-height:1.04;letter-spacing:-.02em;text-wrap:balance}.home-directory .dir-h2{font-size:clamp(1.45rem,1.1rem + 1vw,2rem);font-weight:700;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}.home-directory .dir-link{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;color:var(--dir-accent-text);font-weight:600}.home-directory .dir-link svg{flex:none;transition:transform .18s ease-out}.home-directory .dir-link:hover{text-decoration:underline;text-underline-offset:.2em}.home-directory .dir-link:hover svg{transform:translate(3px)}.home-directory .dir-dot{position:relative;display:inline-block;flex:none;width:.6rem;height:.6rem;border-radius:50%;background:var(--dir-live)}.home-directory .dir-dot[data-live=false]{display:none}.home-directory .dir-dot:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--dir-live);animation:dir-pulse 2s ease-out infinite}.home-directory .dir-cover{flex:none;width:48px;height:48px;border-radius:6px;object-fit:cover;background:var(--dir-surface)}.home-directory .dir-cover--empty{display:grid;place-items:center;color:var(--dir-muted);font-size:1.1rem}.home-directory .dir-logo{position:relative;display:block;overflow:hidden}.home-directory .dir-logo img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain}.home-directory .dir-play{display:grid;flex:none;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--dir-accent);color:var(--dir-accent-ink);font-size:1.1rem;transition:background-color .15s ease-out,transform .15s ease-out}.home-directory .dir-play svg{fill:currentcolor}.home-directory .dir-play:hover:not(:disabled){background:var(--dir-accent-hover)}.home-directory .dir-play:active:not(:disabled){transform:scale(.94)}.home-directory .dir-play:disabled{opacity:.55}.home-directory .dir-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:0 .9rem;border:1px solid transparent;border-radius:10px;font-size:.95rem;font-weight:700;line-height:1;white-space:nowrap;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out}.home-directory .dir-btn svg{flex:none;font-size:1.1em}.home-directory .dir-btn:disabled{opacity:.55}.home-directory .dir-btn--primary{background:var(--dir-accent);color:var(--dir-accent-ink)}.home-directory .dir-btn--primary:hover:not(:disabled){background:var(--dir-accent-hover)}.home-directory .dir-btn--ghost{border-color:var(--dir-line);background:var(--dir-bg);color:var(--dir-ink)}.home-directory .dir-btn--ghost:hover:not(:disabled){border-color:var(--dir-accent-text);color:var(--dir-accent-text)}.home-directory .dir-fav.btn{--bs-btn-padding-x: 0;--bs-btn-padding-y: 0;display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--dir-line);border-radius:10px;background-color:var(--dir-bg);font-size:1.05rem}.home-directory .dir-fav.btn:hover,.home-directory .dir-fav.btn:active,.home-directory .dir-fav.btn:focus-visible{border-color:var(--dir-accent-text);background-color:var(--dir-surface)}.home-directory .dir-fav.btn:focus-visible{outline:3px solid var(--dir-accent-text);outline-offset:2px;box-shadow:none}.home-directory .dir-hero{padding:2rem 0 2.25rem;background:var(--dir-surface)}@media(min-width:768px){.home-directory .dir-hero{margin-top:-1rem;padding:3.5rem 0 3rem}}.home-directory .dir-hero__grid{display:grid;gap:2rem}@media(min-width:992px){.home-directory .dir-hero__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:3rem;align-items:center}}.home-directory .dir-hero__main{min-width:0}.home-directory .dir-hero__sub{max-width:46ch;margin-top:1rem;color:var(--dir-muted);font-size:1.05rem}@media(min-width:576px){.home-directory .dir-hero__sub{margin-top:1.1rem;font-size:1.2rem}}.home-directory .dir-search{position:relative;display:flex;align-items:center;max-width:40rem;height:60px;margin-top:1.5rem;border:1px solid var(--dir-line);border-radius:14px;background:var(--dir-bg);transition:border-color .15s ease-out,box-shadow .15s ease-out}.home-directory .dir-search:has(.dir-search__input:focus){border-color:var(--dir-accent-text);box-shadow:0 0 0 3px var(--dir-ring)}@media(min-width:576px){.home-directory .dir-search{margin-top:1.75rem}}.home-directory .dir-search__icon{position:absolute;left:.95rem;color:var(--dir-muted);font-size:1.25rem;pointer-events:none}@media(min-width:576px){.home-directory .dir-search__icon{left:1.1rem;font-size:1.35rem}}.home-directory .dir-search__input{flex:1;min-width:0;height:100%;padding:0 .6rem 0 2.8rem;border:0;border-radius:14px;outline:0;background:transparent;color:var(--dir-ink);font:inherit;font-size:1.05rem;appearance:none;text-overflow:ellipsis}.home-directory .dir-search__input::placeholder{color:var(--dir-muted);opacity:1}.home-directory .dir-search__input::-webkit-search-cancel-button,.home-directory .dir-search__input::-webkit-search-decoration{appearance:none}@media(min-width:576px){.home-directory .dir-search__input{padding-left:3.4rem;font-size:1.15rem}}.home-directory .dir-search__submit{flex:none;height:44px;margin-right:7px;padding:0 1.1rem;border:0;border-radius:9px;background:var(--dir-accent);color:var(--dir-accent-ink);font-size:1rem;font-weight:700;transition:background-color .15s ease-out}.home-directory .dir-search__submit:hover{background:var(--dir-accent-hover)}@media(min-width:576px){.home-directory .dir-search__submit{padding:0 1.5rem}}.home-directory .dir-quick-links{display:grid;gap:.85rem;margin-top:1.5rem}.home-directory .dir-quick{display:grid;gap:.15rem}@media(min-width:576px){.home-directory .dir-quick{grid-template-columns:5.5rem minmax(0,1fr);gap:.5rem;align-items:start}}.home-directory .dir-quick__label{padding-top:0;color:var(--dir-muted);font-size:.9rem;font-weight:600}@media(min-width:576px){.home-directory .dir-quick__label{display:flex;align-items:center;min-height:44px}}.home-directory .dir-quick__list{display:flex;flex-wrap:wrap;gap:.5rem}.home-directory .dir-pill{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:0 1rem;border:1px solid var(--dir-line);border-radius:999px;background:var(--dir-bg);font-size:.95rem;font-weight:600;transition:border-color .15s ease-out,color .15s ease-out}.home-directory .dir-pill:hover{border-color:var(--dir-accent-text);color:var(--dir-accent-text)}.home-directory .dir-pill__count{color:var(--dir-muted);font-size:.85rem;font-weight:400;font-variant-numeric:tabular-nums}.home-directory .dir-panel{padding:1.25rem;border:1px solid var(--dir-line);border-radius:16px;background:var(--dir-bg)}.home-directory .dir-panel__title{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;font-size:1.1rem;font-weight:700}.home-directory .dir-row{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 44px;gap:.85rem;align-items:center;padding:.65rem 0;border-top:1px solid var(--dir-line)}.home-directory .dir-row:has(.dir-row__name:focus-visible){outline:3px solid var(--dir-accent-text);outline-offset:2px}.home-directory .dir-row .dir-play{position:relative;z-index:1}.home-directory .dir-row__logo{width:48px;height:28px}.home-directory .dir-row__text{min-width:0}.home-directory .dir-row__name,.home-directory .dir-row__song{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-directory .dir-row__name{font-weight:600}.home-directory .dir-row__name:after{content:"";position:absolute;inset:0}.home-directory .dir-row__name:hover{color:var(--dir-accent-text)}.home-directory .dir-row__name:focus-visible{outline:0}.home-directory .dir-row__song{color:var(--dir-muted);font-size:.9rem}.home-directory .dir-panel__all{margin-top:.25rem;padding-top:.25rem;border-top:1px solid var(--dir-line);width:100%}.home-directory .dir-section{padding:var(--dir-section-gap) 0}.home-directory .dir-section--band{background:var(--dir-surface)}.home-directory .dir-section--plain+.dir-section--plain{padding-top:0}.home-directory .dir-head{display:flex;flex-wrap:wrap;gap:.25rem 2rem;align-items:flex-end;justify-content:space-between;margin-bottom:1.25rem}@media(min-width:768px){.home-directory .dir-head{margin-bottom:1.5rem}}.home-directory .dir-head__text{min-width:0}.home-directory .dir-head__sub{max-width:62ch;margin-top:.5rem;color:var(--dir-muted)}.home-directory .dir-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media(min-width:768px){.home-directory .dir-grid{gap:1rem}}@media(min-width:992px){.home-directory .dir-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1200px){.home-directory .dir-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.home-directory .dir-tile{position:relative;display:flex;flex-direction:column;gap:.7rem;padding:.75rem;border:1px solid var(--dir-line);border-radius:14px;background:var(--dir-bg);container-type:inline-size;transition:border-color .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out}.home-directory .dir-tile:hover{border-color:color-mix(in srgb,var(--dir-accent-text) 40%,var(--dir-line))}@media(hover:hover)and (prefers-reduced-motion:no-preference){.home-directory .dir-tile:hover{transform:translateY(-2px);box-shadow:var(--dir-lift)}}.home-directory .dir-tile:has(.dir-tile__link:focus-visible){outline:3px solid var(--dir-accent-text);outline-offset:2px}@media(min-width:576px){.home-directory .dir-tile{padding:1rem}}.home-directory .dir-tile__plate{display:grid;place-items:center;height:64px;border-radius:10px;background:var(--dir-surface)}@media(min-width:576px){.home-directory .dir-tile__plate{height:84px}}.home-directory .dir-tile__logo{width:70%;height:44px}@media(min-width:576px){.home-directory .dir-tile__logo{height:56px}}.home-directory .dir-tile__id{min-width:0}.home-directory .dir-tile__link{display:block;overflow:hidden;font-size:1rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.home-directory .dir-tile__link:after{content:"";position:absolute;inset:0;border-radius:inherit}.home-directory .dir-tile__link:hover{color:var(--dir-accent-text)}.home-directory .dir-tile__link:focus-visible{outline:0}@media(min-width:576px){.home-directory .dir-tile__link{font-size:1.05rem}}.home-directory .dir-tile__country{overflow:hidden;color:var(--dir-muted);font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.home-directory .dir-now{display:grid;grid-template-columns:36px minmax(0,1fr);gap:.6rem;align-items:start}.home-directory .dir-now .dir-cover{width:36px;height:36px;border-radius:4px}.home-directory .dir-now .dashed{border-bottom:0}.home-directory .dir-now__song{display:-webkit-box;overflow:hidden;font-size:.9rem;line-height:1.3;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.home-directory .dir-now__when{display:flex;gap:.4rem;align-items:center;margin-top:.1rem;color:var(--dir-muted);font-size:.8rem}.home-directory .dir-tile__controls{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.15rem}.home-directory .dir-tile__controls .dir-btn--listen,.home-directory .dir-tile__controls .dir-btn--watch{flex:1 1 0}.home-directory .dir-tile__controls--watch .dir-btn--listen{flex-basis:100%}@container (min-width: 15.5rem){.home-directory .dir-tile__controls--watch .dir-btn--listen{flex-basis:0}}.home-directory .dir-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem .75rem}@media(min-width:768px){.home-directory .dir-channels{gap:1.75rem 1rem}}@media(min-width:992px){.home-directory .dir-channels{grid-template-columns:repeat(4,minmax(0,1fr))}}.home-directory .dir-channel{min-width:0}.home-directory .dir-channel__still{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:var(--dir-line)}.home-directory .dir-channel__still img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home-directory .dir-channel__still:has(.dir-channel__play:focus-visible){outline:3px solid var(--dir-accent-text);outline-offset:2px}.home-directory .dir-channel__play{position:absolute;inset:0;display:grid;place-items:center;width:100%;padding:0;border:0;border-radius:inherit;background:transparent}.home-directory .dir-channel__play:focus-visible{outline:0}.home-directory .dir-channel__play:before{content:"";position:absolute;inset:0;background:#0000004d;opacity:0;transition:opacity .18s ease-out}.home-directory .dir-channel__play:is(:hover,:focus-visible):not(:disabled):before{opacity:1}.home-directory .dir-channel__disc{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--dir-accent);box-shadow:0 6px 18px -4px #00000073;color:var(--dir-accent-ink);font-size:1.5rem;opacity:0;transform:scale(.88);transition:opacity .18s ease-out,transform .18s ease-out}.home-directory .dir-channel__disc svg{margin-left:2px;fill:currentcolor}.home-directory .dir-channel__play:is(:hover,:focus-visible):not(:disabled) .dir-channel__disc{opacity:1;transform:none}@media(hover:none),(pointer:coarse){.home-directory .dir-channel__disc{width:48px;height:48px;font-size:1.25rem;opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.home-directory .dir-channel__disc{transform:none;transition:opacity .01s}}.home-directory .dir-channel__title{display:flex;align-items:center;min-height:44px;overflow:hidden;font-weight:600}.home-directory .dir-channel__title:hover{color:var(--dir-accent-text)}.home-directory .dir-channel__title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-directory .dir-channel__meta{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start;margin-top:-.45rem;color:var(--dir-muted);font-size:.9rem}@media(min-width:576px){.home-directory .dir-channel__meta{flex-direction:row;flex-wrap:wrap;gap:.15rem .5rem;align-items:center}}.home-directory .dir-channel__sep{display:none}@media(min-width:576px){.home-directory .dir-channel__sep{display:inline}}.home-directory .dir-channel__videos{font-variant-numeric:tabular-nums}.home-directory .dir-badge{padding:.05rem .6rem;border:1px solid var(--dir-line);border-radius:999px;color:var(--dir-muted);font-size:.75rem;font-weight:600;line-height:1.5;white-space:nowrap}.home-directory .dir-badge--handcrafted{border-color:color-mix(in srgb,var(--dir-accent-text) 55%,transparent);color:var(--dir-accent-text)}.home-directory .dir-chart{display:grid;gap:0 3rem}@media(min-width:768px){.home-directory .dir-chart{grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto)}}.home-directory .dir-chart__row{display:grid;grid-template-columns:2ch 48px minmax(0,1fr) 44px;gap:.9rem;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--dir-line)}.home-directory .dir-chart__row:last-child{border-bottom:0}@media(min-width:768px){.home-directory .dir-chart__row:nth-child(5){border-bottom:0}}.home-directory .dir-chart__rank{color:var(--dir-muted);font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;text-align:end}.home-directory .dir-chart__text{min-width:0}.home-directory .dir-chart__artist,.home-directory .dir-chart__song{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-directory .dir-chart__artist{font-weight:600}.home-directory .dir-chart__song{color:var(--dir-muted)}.home-directory .dir-browse{display:grid;gap:2.5rem}@media(min-width:768px){.home-directory .dir-browse{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem}}.home-directory .dir-browse__col{min-width:0}.home-directory .dir-browse__col .dir-h2{margin-bottom:.75rem}.home-directory .dir-browse__col .dir-link{margin-top:.5rem}.home-directory .dir-browse__item{display:flex;gap:1rem;align-items:center;justify-content:space-between;min-height:44px;border-bottom:1px solid var(--dir-line)}.home-directory .dir-browse__item:hover .dir-browse__name{color:var(--dir-accent-text)}.home-directory .dir-browse__list li:first-child .dir-browse__item{border-top:1px solid var(--dir-line)}.home-directory .dir-browse__name{min-width:0;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease-out}.home-directory .dir-browse__count{flex:none;color:var(--dir-muted);font-variant-numeric:tabular-nums}.home-directory .dir-closing{padding:1.25rem 0;background:var(--dir-surface)}.home-directory .dir-closing__text{color:var(--dir-muted);text-align:center}.home-directory .dir-closing__text a{display:inline-flex;align-items:center;min-height:44px;color:var(--dir-accent-text);font-weight:600;text-decoration:underline;text-underline-offset:.2em}@media(prefers-reduced-motion:reduce){.home-directory .dir-dot:after{animation:none}.home-directory .dir-link:hover svg,.home-directory .dir-play:active:not(:disabled){transform:none}}@keyframes dir-pulse{0%{opacity:.55;transform:scale(1)}80%,to{opacity:0;transform:scale(2.6)}}