.playlist-page{padding:52px 0 130px}.playlist-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}.playlist-hero h1{margin:8px 0 10px;font-size:clamp(34px,5vw,64px);line-height:1}.playlist-hero p{max-width:720px;color:var(--ink-soft)}.playlist-days{display:grid;grid-template-columns:repeat(7,minmax(86px,1fr));gap:10px;margin-bottom:44px;overflow-x:auto}.playlist-days a{display:grid;gap:4px;min-width:86px;padding:13px 10px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);text-align:center;text-decoration:none}.playlist-days a.is-active{border-color:var(--coral);background:var(--coral);color:#fff}.playlist-days span{font-size:12px;text-transform:uppercase}.playlist-list{max-width:960px}.playlist-list h2{margin-bottom:18px;font-size:28px}.playlist-list ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.playlist-list li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px;padding:15px 4px;border-bottom:1px solid var(--line)}.playlist-list time{color:var(--ink-soft);font-variant-numeric:tabular-nums}.playlist-track{display:flex;gap:8px;min-width:0}.playlist-track strong,.playlist-track span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-track strong:not(:empty)::after{content:" —";font-weight:400}.playlist-search{display:flex;gap:7px}.playlist-search a{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--ink);font-size:10px;font-weight:800;text-decoration:none;transition:.2s}.playlist-search a:hover{border-color:var(--coral);background:var(--coral);color:#fff;transform:translateY(-2px)}.playlist-empty{padding:42px;border:1px dashed var(--line);border-radius:20px;color:var(--ink-soft);text-align:center}@media(max-width:700px){.playlist-page{padding-top:30px}.playlist-hero{align-items:flex-start;flex-direction:column}.playlist-days{grid-template-columns:repeat(7,84px);margin-right:-20px;padding-right:20px}.playlist-list li{grid-template-columns:48px minmax(0,1fr);gap:10px}.playlist-track{display:block}.playlist-track strong,.playlist-track span{display:block}.playlist-search{grid-column:2}.playlist-search a{width:34px;height:34px}}
.playlist-date-picker{display:flex;align-items:center;gap:12px;margin:0 0 40px}.playlist-date-picker label{font-weight:800}.playlist-date-picker input{min-height:44px;padding:7px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink)}
.playlist-hero__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.playlist-hero__actions .button{white-space:nowrap}.playlist-list{transition:opacity .18s ease}.playlist-list.is-loading{opacity:.48;pointer-events:none}@media(max-width:700px){.playlist-hero__actions{width:100%;justify-content:flex-start}}