.hero-frame{container-type:inline-size}.home{flex-direction:column;display:flex}.home>*+*{margin-top:44px}.home>.home-lazy:empty{min-height:1px;margin-top:0}.home>.sr-only+*{margin-top:0}.content-inner.home{padding-top:20px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.quick-tracks{flex-direction:column;gap:6px;list-style:none;display:flex}.quick-track{border-radius:var(--radius-md);text-align:start;background:#00000047;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;padding:8px 10px;transition:background-color .15s;display:grid}.quick-track:hover,.quick-track.is-current{background:#00000073}.quick-track img{border-radius:var(--radius-sm);object-fit:cover;width:44px;height:44px}.quick-track-text{flex-direction:column;min-width:0;display:flex}.quick-track-title,.quick-track-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.quick-track-title{font-size:var(--text-md);color:var(--text-bright);font-weight:600}.quick-track-sub{font-size:var(--text-sm);color:var(--text-base)}.quick-track.is-current .quick-track-title{color:var(--primary)}.quick-track-icon{color:var(--text-base);justify-content:center;display:flex}.quick-track:hover .quick-track-icon,.quick-track.is-current .quick-track-icon{color:var(--primary)}.home-shelf-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.home-shelf-header h2{font-size:var(--text-2xl);font-weight:800;line-height:1.3}.home-shelf-title{align-items:center;gap:16px;display:flex}.home-shelf-subtitle{color:var(--text-base);font-size:var(--text-md);margin-top:4px}.home-shelf-actions{align-items:center;gap:8px;display:flex}.home-show-all{color:var(--text-base);font-size:var(--text-md);margin-inline-end:8px;font-weight:700}.home-show-all:hover{color:var(--text-bright)}.home-scroll{background:var(--bg-highlight);width:32px;height:32px;color:var(--text-bright);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.home-scroll:hover:not(:disabled){background:var(--bg-press)}.home-scroll:disabled{opacity:.35;cursor:default}.home-row{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:clamp(150px,14vw,188px);grid-auto-flow:column;gap:20px;padding-bottom:4px;display:grid;overflow-x:auto}.home-row::-webkit-scrollbar{display:none}.home-row--outlined{margin:-6px;padding:6px;scroll-padding-inline:6px}.home-row>*{scroll-snap-align:start}.home-card{min-width:0}.home-card-cover{aspect-ratio:1;border-radius:var(--radius-md);background:var(--bg-highlight);position:relative;overflow:hidden}.home-card-cover a{width:100%;height:100%;display:block}.home-card-cover img{object-fit:cover;width:100%;height:100%;display:block}.home-card-badge{top:10px;background:var(--primary);color:#121212;font-size:var(--text-xs,12px);pointer-events:none;border-radius:999px;padding:3px 10px;font-weight:700;position:absolute;inset-inline-start:10px}.home-card-play{inset-inline-end:10px;background:var(--gold-gradient);width:44px;height:44px;color:var(--on-primary);opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:inline-flex;position:absolute;bottom:10px;box-shadow:0 6px 16px #00000073}.home-card:hover .home-card-play,.home-card:focus-within .home-card-play,.home-card.is-playing .home-card-play{opacity:1}.home-card-play:disabled{display:none}.home-card-meta{align-items:flex-start;gap:4px;margin-top:10px;display:flex}.home-card-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.home-card-title{font-size:var(--text-md);color:var(--text-bright);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.home-card-title:hover{text-decoration:underline}.home-card.is-playing .home-card-title{color:var(--primary)}.home-card-sub{font-size:var(--text-sm);color:var(--text-base);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-reciter{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.home-reciter img{aspect-ratio:1;object-fit:cover;border-radius:50%;width:100%;height:auto;box-shadow:0 8px 20px #00000059}.home-reciter-name{font-size:var(--text-md);color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:700;overflow:hidden}.home-reciter:hover .home-reciter-name{color:var(--primary)}.home-row--tiles{grid-template-rows:repeat(2,auto);grid-auto-columns:calc(25% - 12px);gap:16px}.home-category{border-radius:var(--radius-md);background:linear-gradient(160deg, #ffffff1a, transparent 55%), var(--tile);height:104px;color:var(--text-bright);font-size:var(--text-xl);align-items:center;gap:14px;padding:0 20px;font-weight:800;line-height:1.3;transition:filter .15s;display:flex}.home-category-icon{background:#ffffff24;border-radius:16px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.home-category:hover{filter:brightness(1.15)}.home-recent{grid-template-columns:repeat(auto-fill,minmax(max(300px,33.3333% - 21.3333px),1fr));gap:4px 32px;list-style:none;display:grid}.home-recent-item{border-radius:var(--radius-md);cursor:pointer;grid-template-columns:48px minmax(0,1fr) auto 40px;align-items:center;gap:12px;min-height:64px;padding:8px;transition:background-color .15s;display:grid}.home-recent-item:hover,.home-recent-item:focus-within{background:var(--bg-highlight)}.home-recent-cover{border-radius:var(--radius-sm);width:48px;height:48px;position:relative;overflow:hidden}.home-recent-cover img{object-fit:cover;width:100%;height:100%;display:block}.home-recent-play{color:var(--text-bright);opacity:0;background:#0000008c;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.home-recent-item:hover .home-recent-play,.home-recent-cover:focus-visible .home-recent-play,.home-recent-item.is-current .home-recent-play{opacity:1}.home-recent-item.is-current .home-recent-play{color:var(--primary)}.home-recent-text{flex-direction:column;gap:2px;min-width:0;display:flex}.home-recent-title,.home-recent-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-recent-title{font-size:var(--text-md);color:var(--text-bright);font-weight:700}.home-recent-title:hover{text-decoration:underline}.home-recent-item.is-current .home-recent-title{color:var(--primary)}.home-recent-sub{font-size:var(--text-sm);color:var(--text-base)}a.home-recent-sub:hover{color:var(--text-bright);text-decoration:underline}.home-recent-count{font-size:var(--text-sm);color:var(--text-base);white-space:nowrap;font-variant-numeric:tabular-nums}.home-spotlight{border-radius:var(--radius-lg);background:var(--bg-highlight);grid-template:"head tracks""who tracks"1fr/minmax(0,1fr) minmax(280px,400px);align-items:center;gap:20px 32px;padding:28px 32px;display:grid}.home-spotlight--loading{height:380px}.home-spotlight-head{grid-area:head;align-self:start}.home-spotlight-head h2{font-size:var(--text-2xl);color:var(--text-bright);font-weight:800;line-height:1.3}.home-spotlight .quick-tracks{grid-area:tracks}.home-spotlight-who{grid-area:who;align-items:center;gap:24px;min-width:0;display:flex}.home-spotlight-who img{aspect-ratio:1;border-radius:var(--radius-sm);object-fit:cover;flex:none;width:clamp(150px,22cqi,200px);height:auto;box-shadow:0 12px 28px #00000073}.home-spotlight-text{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.home-spotlight-name{color:var(--text-bright);font-size:clamp(26px,3.8cqi,38px);font-weight:800;line-height:1.2}.home-spotlight-name:hover{text-decoration:underline}.home-spotlight-count{font-size:var(--text-lg);color:var(--text-base)}.home-spotlight-actions{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}@container (max-width:760px){.home-spotlight{grid-template:"head""who""tracks"/1fr}}.home-row--wide{grid-auto-columns:clamp(300px,26vw,430px);gap:22px}.more-card{flex-direction:column;gap:10px;min-width:0;display:flex}.more-card-label{color:var(--text-base);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.more-card-label:hover{color:var(--text-bright);text-decoration:underline}.more-card-body{isolation:isolate;aspect-ratio:3/4;border-radius:var(--radius-lg);background:var(--bg-highlight);position:relative;overflow:hidden}.more-card-body img{z-index:-2;object-fit:cover;width:100%;height:100%;animation:.3s more-card-in;position:absolute;inset:0}@keyframes more-card-in{0%{opacity:0}}.more-card-body:after{content:"";z-index:-1;background:linear-gradient(#0000 32%,#0a08068c 60%,#0a0806f0 100%);position:absolute;inset:0}.more-card-body.is-current{outline:2px solid var(--primary);outline-offset:-2px}.more-card-info{inset-inline:24px 22px;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:22px}.more-card-title{color:var(--text-bright);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(24px,1.9vw,30px);font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.more-card-title:hover{text-decoration:underline}.more-card-bar{align-items:center;gap:12px;display:flex}.more-card-sub{color:#ffffffc7;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.more-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.more-card-play{background:var(--gold-gradient);width:60px;height:60px;color:var(--on-primary);opacity:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s,transform .15s;display:flex;transform:translateY(8px);box-shadow:0 8px 18px #00000073}.more-card-tool{width:40px;height:40px;color:var(--text-bright);opacity:0;background:#0a0806c7;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,background .15s,color .15s;display:inline-flex;box-shadow:0 4px 12px #00000059}.more-card-tool:hover{color:var(--primary);background:#0a0806d9}.more-card-tool.is-kept{background:var(--gold-gradient);color:var(--on-primary);opacity:1}.more-card-tool.is-add{box-shadow:inset 0 0 0 2px #ffffffe6,0 4px 12px #00000059}.more-card-tool.is-add:hover{box-shadow:inset 0 0 0 2px var(--primary), 0 4px 12px #00000059}.more-card-tool.is-add.is-kept{box-shadow:inset 0 0 0 2px #fff8dcbf,0 4px 12px #00000059}.more-card-keep{display:inline-flex;position:relative}.more-card-keep .more-card-tool{z-index:1;position:relative}.more-card-tool .is-drawn{animation:.45s cubic-bezier(.34,1.56,.64,1) more-card-pop}.more-card-tool .is-drawn path{stroke-dasharray:24;stroke-dashoffset:24px;animation:.3s ease-out .12s forwards more-card-draw}.more-card-burst{pointer-events:none;position:absolute;top:50%;left:50%}.more-card-burst:before{content:"";border:2px solid var(--primary);opacity:0;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;animation:.6s ease-out more-card-ring;position:absolute}.more-card-burst i{background:var(--primary);opacity:0;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;animation:.8s cubic-bezier(.15,.7,.3,1) both more-card-grain;position:absolute;box-shadow:0 0 6px #f6e073cc}.more-card-burst i:nth-child(3n+1){background:#fff6d2;width:4px;height:4px;margin:-2px 0 0 -2px}.more-card-burst i:nth-child(3n+2){background:#f6e073;border-radius:1px}@keyframes more-card-pop{0%{transform:scale(.3)}}@keyframes more-card-draw{to{stroke-dashoffset:0}}@keyframes more-card-ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(2)}}@keyframes more-card-grain{0%{opacity:0;transform:translate(0)scale(.3)rotate(0)}15%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(var(--x), var(--y)) scale(1) rotate(var(--turn))}}.more-card-body:hover .more-card-play,.more-card-body:focus-within .more-card-play,.more-card-body.is-current .more-card-play{opacity:1;transform:none}.more-card-body:hover .more-card-tool,.more-card-body:focus-within .more-card-tool{opacity:1}.more-card-body .more-card-play:hover{transform:scale(1.06)}.more-card-badge{top:18px;border-radius:var(--radius-pill);background:var(--gold-gradient);color:var(--on-primary);font-size:var(--text-sm);padding:6px 16px;font-weight:800;position:absolute;inset-inline-start:18px}.more-card-dots{top:22px;justify-content:center;gap:6px;display:flex;position:absolute;inset-inline:0}.more-card-dots i{border-radius:var(--radius-pill);background:#ffffff73;width:7px;height:7px;transition:width .2s,background .2s;box-shadow:0 1px 4px #0006}.more-card-dots i.is-on{background:var(--primary);width:20px}.more-card-step{width:44px;height:44px;color:var(--text-bright);opacity:0;background:#0a0806c7;border-radius:50%;justify-content:center;align-items:center;margin-top:-22px;transition:opacity .15s,background .15s,color .15s;display:inline-flex;position:absolute;top:40%;box-shadow:0 4px 12px #00000059}.more-card-step.is-prev{inset-inline-start:12px}.more-card-step.is-next{inset-inline-end:12px}.more-card-step:hover{color:var(--primary);background:#0a0806d9}.more-card-step:disabled{visibility:hidden}.more-card-body:hover .more-card-step,.more-card-body:focus-within .more-card-step{opacity:1}.home a:focus-visible,.home button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (prefers-reduced-motion:reduce){.home *{scroll-behavior:auto!important;transition:none!important}.more-card-body img{animation:none}.more-card-burst{display:none}.more-card-tool .is-drawn,.more-card-tool .is-drawn path{stroke-dashoffset:0;animation:none}}