.status{display:inline-flex;align-items:center;gap:6px;height:16px;font:600 12px/16px var(--f-text);white-space:nowrap}.status--played{color:var(--c-good)}.status--played:before{content:"";width:8px;height:4px;margin-top:-3px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}.status--new{color:var(--c-neon)}.status--new:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px var(--c-neon-glow)}.art picture{display:contents}.empty{margin-top:16px;font:400 17px/26px var(--f-text)}.shelf-empty{margin-top:32px;margin-bottom:48px;padding-top:28px;padding-bottom:32px;border-top:1px solid var(--c-edge);border-bottom:1px solid var(--c-edge);color:var(--c-ink)}.shelf-empty .eyebrow{color:var(--c-neon);font:600 12px/20px var(--f-text);text-transform:uppercase;letter-spacing:.12em}.shelf-empty h2{margin:8px 0 12px;font:800 clamp(28px,5vw,44px)/1.1 var(--f-display);text-transform:uppercase}.shelf-empty>p:last-of-type{max-width:44ch;color:var(--c-ink-muted);font:400 17px/26px var(--f-text)}.shelf-empty>a{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:16px;color:var(--c-ink);text-underline-offset:4px}.also{margin-top:18px;font:400 16px/26px var(--f-text);color:var(--c-ink-muted)}.band .also{color:var(--c-band-ink);opacity:.9}.also a{display:inline-block;min-height:24px;color:var(--c-ink);text-decoration:underline;text-decoration-color:var(--c-edge);text-underline-offset:3px}.band .also a{color:var(--c-band-ink)}.also a:hover{text-decoration-color:var(--c-action)}.also-all{padding-top:28px;padding-bottom:8px}.also-all__h{font:800 var(--t-h2)/var(--lh-h2) var(--f-display);text-transform:uppercase;letter-spacing:var(--track-caps)}.also-all ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px}.also-all li{font:400 16px/26px var(--f-text);color:var(--c-ink-muted)}.also-all li span{display:inline-block;min-width:110px;font-weight:600;color:var(--c-ink)}.also-all a{display:inline-block;min-height:24px;color:var(--c-ink);text-decoration:underline;text-decoration-color:var(--c-edge);text-underline-offset:3px}.pg-home{background:radial-gradient(560px 420px at 50% 210px,var(--c-spot),transparent 70%) no-repeat,var(--c-ground)}.home-head{padding-top:8px}.home-head__side{display:none}.stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"lead" "today" "more" "you";margin-top:8px}.stage>.lead{grid-area:lead}.stage>.today{grid-area:today}.stage>.more{grid-area:more}.stage>.you{grid-area:you;margin-top:24px}.stage>.row,.wide-only{display:none}.lead .tag{padding-top:8px;column-gap:12px}.lead .name{font-size:24px;line-height:26px}.lead .hook{font-size:14px;line-height:18px}.lead .cue--lg{height:44px}.today{position:relative;margin:10px calc(-1 * var(--gutter)) 0;padding:10px var(--gutter);background:var(--c-band-today)}.today:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--c-edge-soft)}.today .sec-head{flex-wrap:nowrap;align-items:center;height:22px}.today .sec-head h2{font-size:22px;line-height:22px;white-space:nowrap}.today__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto 10px auto;column-gap:8px;margin-top:8px}.tile--today{grid-row:1/span 3;display:grid;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr)}.today__tiles>.tile--today:nth-child(1){grid-column:1}.today__tiles>.tile--today:nth-child(2){grid-column:2}.today__tiles>.tile--today:nth-child(3){grid-column:3}.tile--today .art{grid-row:1}.tile--today .tag{grid-row:3;padding:0;gap:0}.tile--today .hook{display:none}.tile--today .name{height:18px}.tile--today .status{margin-top:2px}.tile--today .cue{margin-top:5px;height:28px;padding:0 4px;gap:4px;letter-spacing:.01em;min-width:0}@media(min-width:768px){.tile--today .cue{justify-self:start;align-self:flex-start;height:36px;padding:0 18px;gap:6px;font-size:15px}}.today__ledge{grid-column:1/-1;grid-row:2;align-self:center;margin-inline:-6px;pointer-events:none}.more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.more .tag,.row .tag{padding-top:6px}.more .cue--round,.row .cue--round{width:24px;height:24px;padding-left:2px}.more .cue--round:after,.row .cue--round:after{border-left-width:8px;border-top-width:5px;border-bottom-width:5px}.shelf{padding:28px 0 36px}.shelf-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.shelf .neon-sign{height:34px;padding:0 10px;font-size:15px;flex:none}.grid{display:grid;margin-top:18px}.grid--house{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.grid--classics{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px}.grid--classics .name{font-size:15px;line-height:18px}.grid--classics .cue--round{width:24px;height:24px;padding-left:2px}.grid--classics .cue--round:after{border-left-width:8px;border-top-width:5px;border-bottom-width:5px}.shelf .filters{margin-top:14px}.about{padding:36px 0 48px}@media(min-width:768px){.today{margin-inline:0;padding:16px;border-radius:var(--r-l)}.today:before{display:none}.more{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--house{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.grid--classics{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 16px}}@media(min-width:1100px){.pg-home{background:radial-gradient(720px 520px at 46% 330px,var(--c-spot),transparent 70%) no-repeat,var(--c-ground)}.home-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px}.home-head__side{display:flex;align-items:center;gap:20px}.home-head .deck{max-width:220px;text-align:right;text-wrap:balance}.stage{grid-template-columns:232px 496px minmax(0,1fr);grid-template-rows:auto 90px auto;grid-template-areas:none;column-gap:24px;row-gap:20px;margin-top:14px}.stage>.lead{grid-column:2;grid-row:1;align-self:start}.stage>.more{grid-column:1;grid-row:1/span 3;grid-template-columns:1fr;gap:14px;margin:0;align-content:start}.stage>.row{display:grid;grid-column:2;grid-row:2/span 2;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-content:start}.stage .tile.wide-only{display:flex}.stage>.today{grid-column:3;grid-row:1/span 2;margin:0;padding:16px;border-radius:var(--r-l);background:var(--c-panel);box-shadow:inset 0 -5px 0 var(--c-neon),0 0 0 1px var(--c-edge-soft),0 16px 30px -12px var(--c-neon-glow)}.stage>.you{grid-column:3;grid-row:3;margin:0;align-self:start}.lead .tag{padding-top:10px}.lead .name{font-size:var(--t-name-xl);line-height:var(--lh-name-xl)}.lead .hook{font-size:15px;line-height:20px}.lead .cue--lg{height:48px}.stage .today .sec-head{height:30px}.stage .today .sec-head h2{font-size:28px;line-height:30px}.stage .today__tiles{display:flex;flex-direction:column;gap:12px;margin-top:12px}.stage .tile--today{display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:none;grid-row:auto;column-gap:14px;align-items:center}.stage .tile--today .art{grid-row:1;aspect-ratio:4/3}.stage .tile--today .tag{grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:0}.stage .tile--today .name{height:auto;font-size:22px;line-height:24px;font-weight:800;text-transform:uppercase;white-space:normal}.stage .tile--today .hook{display:block;margin-top:4px;font-size:14px;line-height:19px}.stage .tile--today .status{margin-top:8px}.stage .tile--today .cue{margin-top:8px;height:34px;padding:0 14px;font-size:15px}.stage .today__ledge{display:none}.lead .tag{row-gap:4px}.r43-wide{aspect-ratio:4/3}.shelf-head .neon-sign{height:40px;font-size:18px;padding:0 14px}.grid--house{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}.grid--classics{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 20px}.grid--classics .name{font-size:17px;line-height:20px}}.daily-top{padding-top:14px}.daily-head .deck{margin-top:6px}.daily-head .deck b{color:var(--c-ink);font-weight:600}.streak{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 14px;margin-top:14px;padding:14px 16px;border-radius:var(--r-l);background:var(--c-panel);box-shadow:0 0 0 1px var(--c-edge-soft)}.streak__num{display:flex;align-items:baseline;gap:8px}.streak__num strong{font:800 48px/1 var(--f-display)}.streak__num span{font:600 15px/20px var(--f-text)}.streak__meta{justify-self:end;font:400 13px/18px var(--f-text);color:var(--c-ink-muted)}.streak__days{grid-column:1/-1;display:flex;gap:6px}.streak__days li{display:grid;place-content:center;width:38px;height:30px;border-radius:8px;font:800 14px/1 var(--f-display);color:var(--c-ink-muted);box-shadow:inset 0 0 0 1.5px var(--c-edge-soft)}.streak__days li.on{background:var(--c-neon);color:#1b0f2e;box-shadow:none}.streak__days li.now{outline:2px solid var(--c-neon);outline-offset:2px}.daily-picks{margin-top:18px;padding:16px 0 20px}.picks{display:grid;gap:14px;margin-top:12px}.pick{grid-template-columns:150px minmax(0,1fr)}.pick .status{margin-top:2px}.daily-picks .ledge{margin-top:16px}.daily-all{margin-top:28px}.dl{display:grid;gap:8px;margin-top:12px}.dl-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;gap:12px;align-items:center;min-height:72px;padding:8px 10px 8px 8px;border-radius:var(--r-m);background:var(--c-panel);box-shadow:0 0 0 1px var(--c-edge-soft);color:var(--c-ink);text-decoration:none;transition:transform var(--m-fast) var(--ease-out),box-shadow var(--m-fast)}.dl-row:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 0 0 2px var(--c-action)}.dl-thumb{display:block;width:56px;height:56px;border-radius:8px;object-fit:cover}.dl-text{display:flex;flex-direction:column;gap:2px;min-width:0}.dl-text .name{font-size:18px;line-height:20px}.dl-text .hook{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-row .cue--round{width:32px;height:32px}@media(min-width:1100px){.daily-top{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:32px;align-items:end;padding-top:28px}.streak{margin-top:0}.picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pick{grid-template-columns:1fr;gap:12px;align-items:start}.pick .tag{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:12px}.pick .name,.pick .hook{flex:1 0 100%}.dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}}.lost{padding:22px 0 48px}.lost__head{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.lost .hero-line{white-space:normal}.lost .today{margin-top:22px}.lost__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}@media(min-width:768px){.lost{width:min(760px,calc(100% - 2 * var(--gutter)));padding-top:48px}}
