:root{font-family:system-ui,sans-serif;color:#172d3b;background:#f2f5f6;line-height:1.5}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between}h1{font-size:30px;margin:0}h2{font-size:22px;margin-top:0}h3{font-size:16px}.eyebrow{font-size:12px;letter-spacing:.15em;color:#387675;font-weight:700}section,.login{background:white;border:1px solid #dbe5e7;border-radius:14px;padding:24px;margin-bottom:24px}article{padding:20px 0;border-top:1px solid #e1e7e9}label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}input,select{padding:10px;border:1px solid #abbcc1;border-radius:6px;font:inherit;max-width:100%;min-width:0}button{padding:11px 18px;background:#126b68;color:white;border:0;border-radius:7px;cursor:pointer;font-weight:600}.secondary{background:#e7f0f0;color:#174e4c}.danger{background:#fff0ec;color:#993721;margin-top:12px}.row{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.playlist{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.check{flex-direction:row;align-items:center}small{display:block;color:#556b78;margin-top:8px}a{color:#126b68}.notice{padding:14px;background:#ddf3e9;border-radius:8px}.error{background:#ffe4dd}.login{max-width:440px;margin:12vh auto}.login label{margin:18px 0}footer{font-size:13px;color:#556b78}h2 span{font-size:15px;color:#556b78}@media(max-width:650px){.playlist{grid-template-columns:1fr}header,main,footer{padding:16px}section{padding:18px}.row{display:grid;grid-template-columns:1fr}h1{font-size:23px}}
nav{max-width:1180px;margin:auto;padding:0 24px;display:flex;gap:8px;flex-wrap:wrap}nav a{padding:12px 18px;text-decoration:none;border-radius:8px;font-weight:600}nav a[aria-current]{background:#126b68;color:white}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px}.workspace aside{background:#e8eff0;padding:20px;border-radius:14px;align-self:start}.list-link{display:block;padding:12px 0;border-bottom:1px solid #cbdadb;text-decoration:none;overflow-wrap:anywhere}.publish-form{display:grid;gap:18px;max-width:850px}.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}fieldset{border:1px solid #cbdadb;border-radius:8px;padding:16px;display:grid;gap:10px}textarea{width:100%;padding:12px;font:inherit;border:1px solid #abbcc1;border-radius:6px}.help{font-size:14px;color:#556b78}.legacy{grid-column:1/-1;background:#fff5dc;padding:12px}@media(max-width:800px){.workspace{grid-template-columns:1fr}.playlist{grid-template-columns:1fr}.date-grid{grid-template-columns:1fr}nav{padding:0 16px}}