@layer components{.tt-strip{margin:0 0 10px;min-width:0}.tt-strip__head{flex-wrap:nowrap;gap:8px;height:28px}.tt-strip__head,.tt-strip__t{display:flex;align-items:center;min-width:0}.tt-strip__t{flex:0 1 auto;gap:6px;margin:0;font:700 13px/1.2 var(--font-sans);letter-spacing:-.005em;color:var(--color-ink-1)}.tt-strip__t span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-strip__t .db-i{width:14px;height:14px;flex:none;color:var(--color-accent)}.tt-strip__n{display:none;flex:1 1 0;min-width:0;overflow:hidden;color:var(--color-ink-3);font:500 11px/1.2 var(--font-sans);text-overflow:ellipsis;white-space:nowrap}@media (min-width:600px){.tt-strip__n{display:block}}.tt-strip__ns{display:block;flex:none;color:var(--color-ink-3);font:500 11px/1.2 var(--font-sans);white-space:nowrap}.tt-strip:not([data-tabs]) .tt-strip__ns-src{display:none}@media (min-width:600px){.tt-strip__ns{display:none}}.tt-strip__aside{display:flex;flex:none;align-items:center;gap:8px;margin-inline-start:auto}.tt-strip[hidden]{display:none}.tt-dock{display:flex;flex-direction:column;min-width:0}.tt-dock>*{order:2}.tt-dock>.tt-strip{order:1}.tt-dock>[data-lane=above]{order:0}.tt-dock:not([data-ready])>.tt-strip~.tt-strip{display:none}.tt-strip__t--sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tt-strip__tabs{display:flex;flex:0 1 auto;align-items:center;gap:2px;min-width:0;margin-block:-14px -2px;padding-block:14px 2px;padding-inline-end:22px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent)}[dir=rtl] .tt-strip__tabs{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 22px),transparent)}.tt-strip__tab{position:relative;display:inline-flex;flex:none;align-items:center;gap:5px;height:28px;padding:0 9px;border:0;border-radius:14px;background:none;color:var(--color-ink-3);font:600 12px/1 var(--font-sans);white-space:nowrap;cursor:pointer}.tt-strip__tab .db-i{width:14px;height:14px;flex:none}.tt-strip__tab[aria-pressed=true]{background:var(--color-surface-3);color:var(--color-ink-1);font-weight:700}.tt-strip__tab[aria-pressed=true] .db-i{color:var(--color-accent)}.tt-strip__tab:before{content:"";position:absolute;inset:-14px -2px -2px}.tt-strip__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}@media (hover:hover){.tt-strip__tab:hover{color:var(--color-ink-1)}}@media (pointer:coarse){.tt-strip__aside .db-help:after{inset:-17px -11px -5px}}}@layer components{.tt-grid,.tt-rail{--tt-cols:3;--tt-gap:8px}@media (min-width:600px){.tt-grid,.tt-rail{--tt-cols:4;--tt-gap:12px}}@media (min-width:800px){.tt-grid,.tt-rail{--tt-cols:5}}@media (min-width:1024px){.tt-grid,.tt-rail{--tt-cols:6}}@media (min-width:1280px){.tt-grid,.tt-rail{--tt-cols:7}}@media (min-width:1440px){.tt-grid,.tt-rail{--tt-cols:8}}.tt-grid{display:grid;grid-template-columns:repeat(var(--tt-cols),minmax(0,1fr));gap:var(--tt-gap);margin:0;padding:0;list-style:none}.tt-grid>li,.tt-rail__list>li{display:flex;min-width:0}.tt-sections{display:flex;flex-direction:column;gap:28px}.tt-section__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;margin-bottom:10px}.tt-section__h{margin:0;font:600 var(--text-h3) /1.25 var(--font-sans);letter-spacing:-.015em}.tt-section__n{color:var(--color-ink-3);font:500 var(--text-cap) /1.25 var(--font-mono)}.tt-played{margin:0 0 24px}.tt-section[data-collapsed=true] .tt-grid>li:nth-child(n+13){display:none}@media (min-width:800px) and (max-width:1023.98px){.tt-section[data-collapsed=true] .tt-grid>li:nth-child(n+13){display:flex}.tt-section[data-collapsed=true] .tt-grid>li:nth-child(n+16){display:none}}@media (min-width:1024px) and (max-width:1279.98px){.tt-section[data-collapsed=true] .tt-grid>li:nth-child(n+13){display:none}}@media (min-width:1280px) and (max-width:1439.98px){.tt-section[data-collapsed=true] .tt-grid>li:nth-child(n+13){display:flex}.tt-section[data-collapsed=true] .tt-grid>li:nth-child(n+15){display:none}}@media (min-width:1440px){.tt-section[data-collapsed=true] .tt-grid>li:nth-child(n+13){display:flex}.tt-section[data-collapsed=true] .tt-grid>li:nth-child(n+17){display:none}}.tt-more{display:none;width:100%;margin-top:12px;justify-content:center}@media (max-width:799.98px){.tt-section[data-gt12] .tt-more{display:inline-flex}}@media (min-width:800px) and (max-width:1023.98px){.tt-section[data-gt15] .tt-more{display:inline-flex}}@media (min-width:1024px) and (max-width:1279.98px){.tt-section[data-gt12] .tt-more{display:inline-flex}}@media (min-width:1280px) and (max-width:1439.98px){.tt-section[data-gt14] .tt-more{display:inline-flex}}@media (min-width:1440px){.tt-section[data-gt16] .tt-more{display:inline-flex}}.tt-rail{position:relative}.tt-rail__list{display:flex;gap:var(--tt-gap);margin:0;padding:0 0 6px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin}.tt-rail__list>li{flex:0 0 calc((100% - var(--tt-cols) * var(--tt-gap)) / (var(--tt-cols) + 0.35));scroll-snap-align:start}@media (max-width:759.98px){.tt-rail{margin-inline:calc(-1 * var(--db-gutter))}.tt-rail__list{padding-inline:var(--db-gutter);scroll-padding-inline:var(--db-gutter)}.tt-rail__list>li{flex-basis:calc((100vw - var(--db-gutter) - var(--tt-cols) * var(--tt-gap)) / (var(--tt-cols) + 0.35))}}.tt-rail__nav{display:none;position:absolute;inset-block-start:calc(50% - 24px);z-index:3;width:36px;height:36px;padding:0;place-items:center;border-radius:50%;border:1px solid var(--color-line-3);background:rgb(10 12 13/.94);color:var(--color-ink-1);cursor:pointer;box-shadow:0 6px 18px -6px rgb(0 0 0/.8)}.tt-rail__nav:hover{border-color:var(--color-accent-a26);background:var(--color-surface-4)}.tt-rail__nav:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tt-rail__nav--prev{inset-inline-start:-12px}.tt-rail__nav--next{inset-inline-end:-12px}@media (max-width:759.98px){.tt-rail__nav--prev{inset-inline-start:4px}.tt-rail__nav--next{inset-inline-end:4px}}.tt-rail__nav .db-i{width:16px;height:16px}@media (hover:hover) and (pointer:fine){.tt-rail[data-more-end] .tt-rail__nav--next,.tt-rail[data-more-start] .tt-rail__nav--prev{display:grid}}[dir=rtl] .tt-rail__nav .db-i{transform:scaleX(-1)}.tt{--db-aura:#3d8de6;position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-width:0;overflow:hidden;background:var(--color-surface-1);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);transition:border-color var(--db-dur-2),box-shadow var(--db-dur-3)}.tt[data-state=live]{box-shadow:var(--shadow-glow-card)}.tt[data-emph]{border-color:var(--color-accent-a26)}@media (hover:hover){.tt:hover{border-color:var(--color-accent-a26);box-shadow:var(--shadow-glow-card-hover)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.tt{transition:border-color var(--db-dur-2),transform var(--db-dur-3) var(--ease-out),box-shadow var(--db-dur-3)}.tt:hover{transform:translateY(-2px)}}.tt__art{position:relative;isolation:isolate;aspect-ratio:1/1;overflow:hidden;background:color-mix(in oklab,var(--db-aura) 18%,#050806)}.tt__art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0/.5),rgb(0 0 0/0) 34%,rgb(0 0 0/0) 62%,rgb(10 12 13/.72));pointer-events:none}.tt:not([data-state=live],[data-state=unknown]) .tt__art :is(img,.db-gmono){filter:saturate(.45) brightness(.8)}.tt__tag{position:absolute;z-index:1;display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 6px;border-radius:6px;background:rgb(4 6 5/.84);box-shadow:inset 0 0 0 1px rgb(255 255 255/.09);font:600 10px/1 var(--font-mono);color:var(--color-ink-1);white-space:nowrap;pointer-events:none}.tt__tag .db-i{width:12px;height:12px;flex:none}.tt__live{inset-block-start:6px;inset-inline-start:6px;letter-spacing:.08em;text-transform:uppercase}.tt__dot{width:7px;height:7px;border-radius:50%;background:var(--color-live);box-shadow:var(--shadow-glow-live);flex:none}.tt__live-t{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tt:not([data-hot]) .tt__live-t{position:static;width:auto;height:auto;overflow:visible;clip-path:none}@media (min-width:600px){.tt__live-t{position:static;width:auto;height:auto;overflow:visible;clip-path:none}}.tt__hot{inset-block-start:6px;inset-inline-end:6px;padding-inline-start:4px;color:var(--color-hot);letter-spacing:.06em;box-shadow:inset 0 0 0 1px rgb(180 255 0/.4),0 0 18px -6px rgb(180 255 0/.7)}.tt__plays{inset-block-end:6px;inset-inline-start:6px;max-width:calc(100% - 12px);height:auto;min-height:20px;padding-block:3px;white-space:normal;font-family:var(--font-sans);font-weight:600;line-height:1.15}.tt__body{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0;padding:8px}.tt__name{display:flex;margin:0;font:600 13px/1.25 var(--font-sans);letter-spacing:-.01em}.tt__open{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;min-width:0;max-width:100%;min-height:2.5em;overflow:hidden;overflow-wrap:anywhere;color:inherit;text-decoration:none}.tt__open:after{content:"";position:absolute;inset:0;z-index:1;border-radius:var(--radius-lg)}.tt__open:focus-visible{outline:none}.tt__open:focus-visible:after{outline:2px solid var(--color-accent);outline-offset:2px}.tt__prov{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tt__stat{display:flex;flex-direction:column;gap:2px;min-height:36px;margin:4px 0 0}.tt__line{display:flex;align-items:center;gap:5px;min-width:0}.tt__stat .db-chip{flex:none;--chip-h:20px}.tt__head{min-width:0;overflow:hidden;color:var(--color-ink-1);font:600 12px/1.25 var(--font-sans);text-overflow:ellipsis;white-space:nowrap}.tt__head--wrap{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow-wrap:anywhere}.tt__sub{overflow:hidden;color:var(--color-ink-2);font:500 11px/1.25 var(--font-sans);text-overflow:ellipsis;white-space:nowrap}.tt__meta{display:flex;flex-direction:column;gap:1px;min-width:0}.tt__avg{display:block;overflow:hidden;color:var(--color-ink-3);font:500 11px/1.25 var(--font-sans);white-space:nowrap}.tt__avg[data-cut]{height:0;visibility:hidden}.tt__stat[data-avg]{min-height:49px}.tt__stat[data-kind=state] .tt__head,.tt__stat[data-kind=waiting] .tt__head{color:var(--color-ink-2);font-weight:500}.tt__note{color:var(--color-ink-1);font:600 11px/1.25 var(--font-sans)}.tt__stat--loading{flex-direction:column;gap:6px;padding-top:3px}.tt__skel{display:block;height:9px;border-radius:4px;background:var(--color-surface-3)}.tt__skel:first-of-type{width:78%}.tt__skel:last-of-type{width:56%}.tt .tt__play{--db-h:40px;position:relative;z-index:2;height:auto;min-height:var(--db-h);margin:0 8px 8px;padding:4px 8px;line-height:1.15;text-align:center;white-space:normal;text-wrap:balance}.tt .tt__play .db-i{width:13px;height:13px}.tt__stats-only{display:flex;align-items:center;justify-content:center;min-height:40px;margin:0 8px 8px;font:600 11px/1.15 var(--font-sans);color:var(--color-ink-3);text-align:center}@media (min-width:600px){.tt__meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt__meta .tt__avg,.tt__meta .tt__sub{display:inline}.tt__meta .tt__avg:before{content:" · "}.tt__stat[data-avg]{min-height:36px}.tt__body{padding:10px 10px 8px}.tt__name{font-size:14px}.tt__open{display:block;min-height:0;white-space:nowrap}.tt__open,.tt__prov{overflow:hidden;text-overflow:ellipsis}.tt__prov{position:static;width:auto;height:auto;clip-path:none;color:var(--color-ink-3);font:400 11px/1.3 var(--font-sans)}.tt .tt__play{--db-h:34px;margin:0 10px 10px}}@media (min-width:1024px){.tt .tt__play{--db-h:32px}}.tt-rail--mini{--tm-n:4.4;--tm-w:clamp(64px,calc((100vw - var(--db-gutter) + var(--tt-gap)) / var(--tm-n) - var(--tt-gap)),86px);--tm-h:calc(var(--tm-w) * 5 / 7);--tt-gap:8px}@media (min-width:400px){.tt-rail--mini{--tm-n:5.4}}@media (min-width:480px){.tt-rail--mini{--tm-n:6.4}}@media (min-width:600px){.tt-rail--mini{--tm-w:88px;--tm-h:62px}}@media (min-width:1024px){.tt-rail--mini{--tm-w:96px;--tm-h:68px}}.tt-rail--mini .tt-rail__list{align-items:flex-start;flex-wrap:nowrap;padding-block:2px 4px;overflow-y:hidden}@media (hover:none){.tt-rail--mini .tt-rail__list{scrollbar-width:none}}.tt-rail--mini .tt-rail__list>li{flex:0 0 var(--tm-w);width:var(--tm-w)}.tt-rail--mini .tt-rail__nav{inset-block-start:calc(var(--tm-h) / 2 - 16px)}.tt--mini{background:none;border:0;border-radius:var(--radius-md);overflow:visible}.tt--mini,.tt--mini[data-state=live]{box-shadow:none}@media (hover:hover){.tt--mini:hover{border-color:transparent;box-shadow:none}.tt--mini:hover .tt__art{border-color:var(--color-accent-a26)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.tt--mini:hover{transform:none}}.tt--mini .tt__art{aspect-ratio:auto;height:var(--tm-h,54px);border:1px solid var(--color-line-1);border-radius:var(--radius-md);transition:border-color var(--db-dur-2)}.tt--mini[data-emph] .tt__art{border-color:var(--color-accent-a26)}.tt--mini .tt__tag{height:16px;padding:0 4px;border-radius:5px;font-size:9px}.tt--mini .tt__live{inset-block-start:4px;inset-inline-start:4px;height:14px}.tt--mini .tt__hot{inset-block-start:4px;inset-inline-end:4px;padding-inline:3px}.tt--mini .tt__tag .db-i{width:10px;height:10px}.tt--mini .tt__body{gap:0;min-height:47px;padding:4px 1px 0}.tt--mini[data-line=one] .tt__body{min-height:33px}.tt--mini .tt__name{font:600 11.5px/15px var(--font-sans)}.tt--mini .tt__open{display:block;min-height:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt--mini .tt__open:after{border-radius:var(--radius-md)}.tt--mini .tt__stat{height:28px;overflow:hidden;overflow-wrap:anywhere;text-wrap:balance;white-space:normal}.tt--mini .tt__plays,.tt--mini .tt__stat{display:block;min-height:0;margin:0;color:var(--color-ink-2);font:500 10.5px/14px var(--font-sans)}.tt--mini .tt__plays{height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:static;display:flex;align-items:center;gap:4px;max-width:none;padding:0;border-radius:0;background:none;box-shadow:none;color:var(--color-ink-1)}.tt--mini .tt__plays .db-i{width:11px;height:11px;flex:none}.tt--mini .tt__plays span{min-width:0;overflow:hidden;text-overflow:ellipsis}.tt--mini .tt__line{display:inline}.tt--mini .tt__stat .db-chip{display:none}.tt--mini .tt__head,.tt--mini .tt__head--wrap{display:inline;overflow:visible;color:inherit;font:inherit;white-space:normal}.tt--mini .tt__sub{color:inherit;font:inherit}.tt--mini .tt__stat--loading{padding:0}.tt--mini .tt__skel{height:8px;margin-block-start:3px;width:70%}.tt--mini .tt__skel:last-of-type{display:none}.tt--mini .tt__hot .tt__hot-t,.tt--mini .tt__live .tt__live-t,.tt--mini .tt__note,.tt--mini .tt__play .tt__play-t,.tt--mini .tt__plays--line+.tt__stat,.tt--mini .tt__prov{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tt--mini .tt__play{position:absolute;inset-block-start:calc(var(--tm-h, 54px) - 28px);inset-inline-end:4px;display:grid;place-items:center;gap:0;width:24px;min-width:0;height:24px;min-height:24px;margin:0;padding:0;border-radius:50%}.tt--mini .tt__play:before{content:"";position:absolute;inset:-8px}.tt--mini .tt__play .db-i{width:12px;height:12px}}