*{box-sizing:border-box}body{background:#090e0b;color:#eaf0e8;font:16px/1.5 system-ui,-apple-system,sans-serif;margin:0}main{max-width:780px;padding:24px 16px 60px;margin:auto}.eyebrow{color:#b5bc93;font-size:11px;letter-spacing:.17em;font-weight:700}h1{font-weight:550;font-size:clamp(32px,7vw,50px);line-height:1.08;margin:18px 0 12px;letter-spacing:-.04em}header p{color:#b1c2b6;margin-bottom:25px}.panel{background:#111b14;border:1px solid #334636;border-radius:9px;margin:18px 0;padding:20px}label{display:block;font-weight:600;margin-bottom:9px}h2{font-size:19px;font-weight:550;margin:0}.search{display:flex;gap:9px}input{min-width:0;flex:1;font:inherit;background:#0a120e;color:white;border:1px solid #526f55;border-radius:6px;padding:12px}button{font:inherit;border:0;border-radius:6px;background:#ddbb7a;color:#172018;font-weight:650;padding:12px 16px;cursor:pointer}button:disabled{background:#516253;color:#c0c9be;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #e6ce9a;outline-offset:2px}#notice{color:#e3c68c;padding:12px 0;font-size:14px;min-height:20px}.song{display:flex;gap:12px;align-items:center;border-top:1px solid #2b3b2d;padding:12px 0}.song img{height:52px;width:52px;object-fit:cover;background:#19251b}.song .details{min-width:0;flex:1;display:flex;flex-direction:column}.song strong{font-weight:600;font-size:15px;line-height:1.28;overflow-wrap:anywhere}.song small{color:#a9b9ae;font-size:13px;margin-top:4px}.song button{font-size:13px;padding:10px;flex-shrink:0}.queue-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.queue-heading span{color:#e5c992;font-size:12px;text-align:right}.hint,footer,.empty{color:#9dae9e;font-size:13px}.empty{padding:10px 0}footer{margin:24px 8px} 

/* Family stations share the existing private QR page. */
.family-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 8px}
.family-tabs button{border:1px solid #526f55;background:#16231a;color:#e2ebdf}
.family-tabs button.tab-active{background:#ddbb7a;color:#172018;border-color:#ddbb7a}
[hidden]{display:none!important}
#station-form{display:grid;gap:8px;margin-top:18px}
#station-form label{margin:7px 0 0}
#station-form input,#station-form select{width:100%;font:inherit;background:#0a120e;color:white;border:1px solid #526f55;border-radius:6px;padding:12px}
#station-form button{margin-top:12px}
#station-notice{color:#e3c68c;margin:14px 0;padding:12px;border:1px solid #485a42;border-radius:6px;background:#182119;font-size:14px}
#station-notice[data-status="error"]{color:#ffd6c8;border-color:#b76450;background:#351e1b}
#station-notice[data-status="success"]{color:#c0efca;border-color:#527c58;background:#192d1f}
#station-list{margin-top:15px}
.station-row{border-top:1px solid #2b3b2d;padding:13px 0;display:flex;gap:12px;align-items:center;justify-content:space-between}
.station-row .details{min-width:0;display:flex;flex-direction:column}
.station-row strong{font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.station-row small{color:#9dae9e;font-size:12px;margin-top:4px}
.station-row button{font-size:12px;padding:8px 10px;background:#394d3c;color:#f0f4ee}

/* Friendly guest-only shelf browsing. Keep the existing mobile-first design. */
.shelf-fallback{
  margin:16px 0 8px;
  padding:13px 15px;
  border:1px solid #6a6243;
  border-radius:7px;
  color:#f0dfaf;
  background:#25271b;
  font-size:14px;
  line-height:1.5;
}
.browse-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.browse-cds{
  padding:9px 13px;
  background:#233427;
  border:1px solid #627963;
  color:#e5eddf;
  font-size:14px;
  font-weight:600;
}
.browse-cds:hover,.browse-cds:focus-visible{background:#314936}
.more-cds{
  display:block;
  width:100%;
  margin-top:12px;
  border:1px solid #6d7859;
  background:#26382a;
  color:#eae5d3;
  font-size:14px;
}
.more-cds:hover,.more-cds:focus-visible{background:#344939}
@media(max-width:480px){
  .browse-cds{width:100%;text-align:center}
  .panel{padding:16px}
  .search button{padding:12px}
}