.moods-settings{display:grid;gap:12px}.moods-settings>p{margin:0}.moods-settings .mood-check{display:flex;align-items:center;gap:10px;margin:0;font-weight:600}.moods-settings .mood-check input[type=checkbox]{width:20px;min-width:20px;height:20px;min-height:20px;margin:0;padding:0;accent-color:#118d91}.mood-readiness{font-size:13px;color:#577276;border-left:3px solid #79b6b7;padding:8px 12px;background:#e7f4f47a;border-radius:0 12px 12px 0}.mood-track-list{display:grid;gap:10px}.mood-track{padding:12px 14px;border:1px solid #9dbfc25e;border-radius:18px;background:#ffffff7d}.mood-track-header{display:flex;align-items:center;gap:12px}.mood-track-header img{width:90px;height:51px;object-fit:cover;border-radius:10px;flex:none}.mood-track-header>div{flex:1;min-width:0}.mood-track-header strong{font-size:18px;display:block;color:#1b4247}.mood-track-header small{display:block;font-size:12px;color:#5e7d80;margin-top:3px}.moods-settings .mood-track-header .mood-check{font-size:13px;white-space:nowrap}.mood-music-editor{margin-top:9px}.mood-music-editor>summary{cursor:pointer;font-size:13px;color:#19696b;padding:5px 0;overflow-wrap:anywhere}.mood-music-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding-top:10px}.moods-settings .mood-music-fields>label{display:grid;gap:7px;margin:0;font-size:13px}.moods-settings .mood-music-fields>.mood-check{display:flex}.mood-music-fields p{margin:0;font-size:12px}.mood-radio-note{color:#607b7e}.moods-settings .mood-volume{display:grid;grid-template-columns:auto minmax(100px,1fr) 46px;align-items:center;gap:12px;max-width:520px}.moods-settings .mood-volume input[type=range]{width:100%;height:28px;min-height:28px;margin:0;padding:0;accent-color:#148b8c}.mood-volume output{text-align:right}.mood-music-fields audio{width:min(100%,520px);height:38px}.mood-music-fields button{justify-self:start}.mood-publish{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mood-publish p{margin:0;font-size:13px}.mood-publish button{margin:0}.moods-settings [hidden]{display:none!important}
@media(max-width:600px){.mood-track{padding:10px}.mood-track-header{gap:10px}.mood-track-header img{width:64px;height:43px}.mood-track-header strong{font-size:17px}.moods-settings .mood-track-header .mood-check{gap:6px;font-size:12px}.moods-settings .mood-volume{grid-template-columns:auto minmax(60px,1fr) 40px;gap:8px}.mood-readiness{font-size:12px}.mood-publish{gap:10px}}