.playlist-layout{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:start;padding:38px 0 60px}.playlist-submit{background:#edf4fa;padding:26px;position:sticky;top:20px}.playlist-submit h2,.playlist-empty h2{font:600 30px/1.15 Georgia,serif;letter-spacing:-.03em;margin:12px 0}.playlist-submit label{display:block;font-size:12px;font-weight:600;margin:20px 0}.playlist-submit input{margin-top:8px;background:white}.playlist-submit p{font-size:12px;line-height:1.8;color:var(--muted)}.playlist-submit .button{width:100%;justify-content:center}.playlist-submit button:disabled{opacity:.5;cursor:not-allowed}.genre-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.genre-pill{background:white;border:1px solid var(--line);padding:9px 14px;font-size:11px;color:var(--ink)}.genre-pill[aria-pressed=true]{background:var(--ink);color:white}.playlist-card{padding:25px 0;border-top:1px solid var(--line)}.playlist-card h2{font:600 27px/1.2 Georgia,serif;margin:10px 0 20px}.playlist-card iframe{width:100%;border:0;border-radius:12px;display:block}.playlist-card>a{font-size:11px;display:inline-block;margin-top:12px;text-decoration:underline}.playlist-empty{background:#edf4fa;padding:30px;margin-bottom:25px}.playlist-empty p{font-size:14px;line-height:1.8;color:var(--muted)}.playlist-pagination{display:flex;gap:15px;align-items:center;font-size:11px}.playlist-pagination button{border:1px solid var(--line);padding:9px 13px;background:white}.playlist-pagination button:disabled{opacity:.4;cursor:default}#playlist-status,#submission-status{font-size:12px;line-height:1.7;color:#9d2a10}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}[hidden]{display:none!important}@media(max-width:900px){.playlist-layout{grid-template-columns:1fr}.playlist-submit{position:static;grid-row:1}.playlist-submit form{max-width:550px}.playlist-pagination{flex-wrap:wrap}}
#playlist-search{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}#playlist-search label{flex:1;min-width:180px}#playlist-search input,#playlist-search select,#chart-live input[type=email]{width:100%;padding:12px;border:1px solid #bbb;background:white;color:#222}#chart-live form{display:grid;gap:16px}#chart-live label{display:block;padding:8px 0}#chart-live iframe{width:100%;border:0}.playlist-card button,.playlist-card>a{display:inline-block;margin:8px 12px 8px 0}.playlist-card:target{outline:2px solid #ff5c35;outline-offset:6px}#chart-live select{max-width:100%;padding:12px}

/* Rounded playlist controls */
.playlist-card button,.genre-pill,.playlist-pagination button,.playlist-submit .button{
  appearance:none;-webkit-appearance:none;border:1px solid #d9dfe5;border-radius:999px;
  background:#fff;color:#27313b;font-family:Arial,Helvetica,sans-serif;font-size:13px;
  font-weight:400;line-height:1.4;letter-spacing:.01em;padding:11px 20px;
  min-height:44px;cursor:pointer;vertical-align:middle;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.playlist-card button:hover,.genre-pill:hover,.playlist-pagination button:not(:disabled):hover{
  background:#f1f5f8;border-color:#aebac5;box-shadow:0 3px 10px rgba(25,40,55,.06);
}
.playlist-card button[aria-pressed=true],.genre-pill[aria-pressed=true]{
  background:#263746;color:#fff;border-color:#263746;
}
.playlist-card button:active,.genre-pill:active{background:#e5ecf1}
.playlist-card button[aria-pressed=true]:active{background:#344b60}
.playlist-card button:focus-visible,.genre-pill:focus-visible,.playlist-pagination button:focus-visible,.playlist-submit .button:focus-visible{
  outline:2px solid #507d9d;outline-offset:3px;
}
.playlist-pagination button:disabled{color:#78828c;opacity:.45}
.playlist-card button{margin:12px 10px 8px 0}
.playlist-card>a{font-weight:400}
.playlist-submit .button{background:#263746;color:#fff;border-color:#263746}
.playlist-submit .button:hover{background:#344b60}
@media(prefers-reduced-motion:reduce){.playlist-card button,.genre-pill,.playlist-pagination button,.playlist-submit .button{transition:none}}
@media(max-width:600px){.playlist-card button{font-size:12px;padding:10px 16px;margin-right:7px}}

/* Compact discovery toolbar and quiet edition labels. */
#playlist-search{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(160px,1fr) auto;align-items:end;gap:12px;margin-bottom:18px}
#playlist-search label,.playlist-edition-filter{min-width:0;color:#64717c;font:400 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.015em}
#playlist-search input,#playlist-search select,.playlist-edition-filter select{display:block;box-sizing:border-box;width:100%;height:42px;min-height:42px;margin:6px 0 0;padding:10px 14px;border:1px solid #dce3e8;border-radius:12px;background:#fafbfd;color:#293946;font:400 13px/20px Arial,Helvetica,sans-serif;box-shadow:none;transition:border-color .18s ease,background .18s ease}
#playlist-search input::placeholder{color:#89949d;opacity:1}
#playlist-search select,.playlist-edition-filter select{padding-right:30px}
#playlist-search button{appearance:none;box-sizing:border-box;height:42px;min-height:42px;padding:10px 23px;border:1px solid #263746;border-radius:999px;background:#263746;color:#fff;font:400 13px/20px Arial,Helvetica,sans-serif;cursor:pointer;transition:background .18s ease}
#playlist-search button:hover{background:#3a5061}
#playlist-search input:focus,#playlist-search select:focus,.playlist-edition-filter select:focus{border-color:#849baa;background:#fff;outline:2px solid #dce7ef;outline-offset:2px}
#playlist-search button:focus-visible{outline:2px solid #849baa;outline-offset:3px}
.playlist-edition-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.playlist-edition-filter select{display:inline-block;width:auto;min-width:180px;max-width:100%;margin:0;height:38px;min-height:38px;padding-top:8px;padding-bottom:8px;font-size:12px;border-radius:10px}
.genre-filters{gap:8px;margin-bottom:22px}.genre-pill{min-height:36px;padding:8px 15px;font-size:12px;line-height:18px}
.playlist-card h2{font-weight:400;font-size:24px;line-height:1.3;margin:10px 0 18px}
.playlist-card .playlist-edition-tag{display:table;width:auto;margin:12px 0 16px;padding:5px 11px;border:1px solid #e1e7ec;border-radius:999px;background:#f5f8fa;color:#71808b;font:400 11px/16px Arial,Helvetica,sans-serif;letter-spacing:.02em}
.playlist-submit{border-radius:18px}.playlist-submit input{box-sizing:border-box;border:1px solid #dce3e8;border-radius:11px;font:400 13px/20px Arial,Helvetica,sans-serif}.playlist-submit label{font-weight:400}
@media(max-width:650px){#playlist-search{grid-template-columns:minmax(0,1fr) auto;gap:12px}#playlist-search label:first-child{grid-column:1/-1}#playlist-search label{min-width:0}.playlist-edition-filter{gap:8px}.playlist-edition-filter select{flex:1;min-width:0}.playlist-card h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){#playlist-search input,#playlist-search select,#playlist-search button,.playlist-edition-filter select{transition:none}}