.home-shell{display:grid;gap:var(--space-6);min-width:0}.home-shell>*{min-width:0}@media(min-width:1200px){.home-shell{grid-template-columns:minmax(0,1fr) 22rem;align-items:start}}.section-head .section-head__text{margin-inline-end:auto}.section-head .section-head__title{display:flex;align-items:center;gap:var(--space-2)}.section-head .section-hint{margin-block-start:var(--space-1);font-size:var(--text-sm);color:var(--ink-3)}.catfilter{position:relative;z-index:var(--z-raised)}.catfilter>summary{list-style:none;cursor:pointer}.catfilter>summary::-webkit-details-marker{display:none}.catfilter .catfilter__label{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catfilter .catfilter__menu{inset-inline-end:0;top:calc(100% + var(--space-2));max-height:60vh;overflow-y:auto}.catfilter .popover-item[aria-current=true]{color:var(--accent-ink);font-weight:600}.carousel{position:relative}.carousel .carousel__track{scrollbar-width:none;scroll-padding-inline:var(--space-1)}.carousel .carousel__track::-webkit-scrollbar{display:none}.carousel .carousel__arrow{position:absolute;inset-block-start:30%;z-index:var(--z-raised);display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--raised);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-popover)}.carousel .carousel__arrow:hover{background:var(--raised-hover)}.carousel .carousel__arrow[hidden]{display:none}.carousel .carousel__arrow--prev{inset-inline-start:calc(var(--space-4) * -1)}.carousel .carousel__arrow--next{inset-inline-end:calc(var(--space-4) * -1)}@media(max-width:1100px){.carousel .carousel__arrow--prev{inset-inline-start:var(--space-2)}.carousel .carousel__arrow--next{inset-inline-end:var(--space-2)}}.trend{position:relative}.trend .trend__rank{position:absolute;z-index:var(--z-raised);inset-block-start:var(--space-2);inset-inline-start:var(--space-2);min-width:1.75rem;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-size:var(--text-sm);font-weight:700;line-height:1.75rem;text-align:center;pointer-events:none}.zap{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--raised);min-height:0}.home-shell .zap{display:none}@media(min-width:1200px){.home-shell .zap{display:flex;position:sticky;top:calc(var(--nav-h) + var(--space-4));height:calc(100dvh - var(--nav-h) - var(--space-6))}}.zap .zap__brandbar{display:flex;align-items:center;gap:var(--space-2);flex:none}.zap .zap__brandname{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.zap-page{padding-block:var(--space-4)}.zap-page .zap--page{display:flex;height:calc(100dvh - var(--nav-h) - var(--bottom-inset) - var(--space-6))}@media(max-width:899px){.zap-page{padding-block:0}.zap-page .zap--page{height:calc(100dvh - var(--bottom-inset));padding:var(--space-3);border:0;border-radius:0;background:var(--ground)}}.zap .zap__head{display:flex;align-items:start;gap:var(--space-2);flex:none}.zap .zap__head>div:first-child{margin-inline-end:auto}.zap .zap__hint{font-size:var(--text-sm);color:var(--ink-3)}.zap .zap__nav{display:flex;gap:var(--space-1);flex:none}.zap .zap__feed{flex:1 1 auto;min-height:0;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-width:none;padding-inline:var(--space-4);margin-inline:calc(-1 * var(--space-4))}.zap .zap__feed::-webkit-scrollbar{display:none}.zap .zap__feed:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.zap .zap__slide{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;gap:var(--space-3)}.zap .zap__stage{position:relative;display:flex;align-items:center;justify-content:center;flex:0 1 auto;min-height:0;border-radius:var(--radius-card);overflow:hidden;background:var(--ground-inset)}.zap .zap__video{width:100%;height:auto;max-height:100%;object-fit:contain}.zap .zap__live,.livezap .livezap__badge{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-size:var(--text-xs);font-weight:700;line-height:1.5rem;text-transform:uppercase}.zap .zap__sound,.livezap .livezap__sound{position:absolute;inset-block-end:var(--space-2);inset-inline-end:var(--space-2);display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:0;border-radius:var(--radius-pill);background:var(--scrim);color:#fff;cursor:pointer}.zap .zap__body{display:flex;flex-direction:column;gap:var(--space-2);flex:none}.zap .zap__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.zap .zap__meta{font-size:var(--text-sm);color:var(--ink-3)}.zap .zap__creator{display:flex;align-items:center;gap:var(--space-2);padding-block-start:var(--space-2);border-top:1px solid var(--line);color:var(--ink-2);font-size:var(--text-sm)}.zap .zap__creator img{width:32px;height:32px;border-radius:var(--radius-pill);object-fit:cover;flex:none}.zap .zap__creator-name{display:inline-flex;align-items:center;gap:var(--space-1);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zap .zap__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);flex:none;margin-block-start:auto}.zap .zap__actions>*{justify-content:center}@media(max-width:899px){.zap .zap__nav{display:none}}.zap-cta{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--raised);color:inherit}@media(min-width:1200px){.zap-cta{display:none}}.zap-cta .zap-cta__mark{display:inline-flex;color:var(--accent-ink);flex:none}.zap-cta .zap-cta__text{display:flex;flex-direction:column;min-width:0}.zap-cta .zap-cta__body{font-size:var(--text-sm);color:var(--ink-3)}.live-shell{display:grid;gap:var(--space-5);min-width:0}.live-shell>*{min-width:0}@media(min-width:1100px){.live-shell{grid-template-columns:18rem minmax(0,1fr);align-items:start}}.charts{display:flex;flex-direction:column;gap:var(--space-5)}.chart .chart__list{display:flex;flex-direction:column;list-style:none;margin:var(--space-2) 0 0;padding:0}.chart .chart__row{display:flex;align-items:center;gap:var(--space-2);padding-block:var(--space-2);border-bottom:1px solid var(--line)}.chart .chart__row:last-child{border-bottom:0}.chart .chart__rank{flex:none;width:1.5rem;color:var(--ink-3);font-size:var(--text-sm);font-weight:700;text-align:end}.chart .chart__link{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1;color:inherit}.chart .chart__avatar{width:28px;height:28px;border-radius:var(--radius-pill);object-fit:cover;flex:none}.chart .chart__text{display:flex;flex-direction:column;min-width:0}.chart .chart__name{display:inline-flex;align-items:center;gap:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:600}.chart .chart__metric{font-size:var(--text-xs);color:var(--ink-3)}.livezap{display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--raised);padding:var(--space-3)}.livezap .livezap__stage{position:relative;border-radius:var(--radius-card);overflow:hidden;background:var(--ground-inset)}.livezap .livezap__media{width:100%;aspect-ratio:16 / 9;object-fit:cover}.livezap .livezap__arrow{position:absolute;inset-block-start:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:0;border-radius:var(--radius-pill);background:var(--scrim);color:#fff;cursor:pointer}.livezap .livezap__arrow--prev{inset-inline-start:var(--space-3)}.livezap .livezap__arrow--next{inset-inline-end:var(--space-3)}.livezap .livezap__info{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.livezap .livezap__text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.livezap .livezap__title{font-size:var(--text-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.livezap .livezap__creator{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink-2);font-size:var(--text-sm)}.livezap .livezap__creator img{width:28px;height:28px;border-radius:var(--radius-pill);object-fit:cover}.livezap .livezap__meta{font-size:var(--text-sm);color:var(--ink-3)}.randomlive{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:100%;aspect-ratio:16 / 10;padding:var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-card);background:var(--ground-inset);color:var(--ink);cursor:pointer;text-align:center}.randomlive:hover{background:var(--raised-hover)}.randomlive[disabled]{opacity:.5;cursor:not-allowed}.randomlive .randomlive__mark{display:inline-flex;color:var(--accent-ink)}.randomlive .randomlive__label{font-weight:700}.randomlive .randomlive__hint{font-size:var(--text-sm);color:var(--ink-3)}@media(pointer:coarse){.zap .zap__sound,.livezap .livezap__sound{width:44px;height:44px}}