/* MeshMelo v194 — mood-first text-only playlist browser. No images or fonts. */
#mmMoodBrowseV194{box-sizing:border-box;max-width:1240px;margin:0 auto;padding:clamp(22px,3vw,45px) clamp(16px,3vw,38px) calc(140px + env(safe-area-inset-bottom,0px));color:var(--mm-site-text,#25272c)}
#mmMoodBrowseV194 *,#mmMoodBrowseV194 *::before,#mmMoodBrowseV194 *::after{box-sizing:border-box}
#mmMoodBrowseV194 a{text-decoration:none;color:inherit}
#mmMoodBrowseV194 .mm194-intro{padding:6px 0 4px}
#mmMoodBrowseV194 .mm194-kicker,#mmMoodBrowseV194 .mm194-section-label{display:block;color:var(--mm-site-muted,#767985);font-size:11px;letter-spacing:.13em;font-weight:800}
#mmMoodBrowseV194 h1{font-size:clamp(27px,3.2vw,39px);line-height:1.2;letter-spacing:-.055em;margin:11px 0 10px;font-weight:850}
#mmMoodBrowseV194 .mm194-intro p{margin:0;color:var(--mm-site-muted,#717682);font-size:14px;line-height:1.75}
#mmMoodBrowseV194 .mm194-categories{display:flex;flex-wrap:wrap;gap:9px;margin:29px 0 38px}
#mmMoodBrowseV194 .mm194-category{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:42px;padding:9px 15px;border:1px solid var(--mm-site-line,#dbdde2);border-radius:999px;background:color-mix(in srgb,var(--mm-site-surface,#fff) 90%,transparent);color:var(--mm-site-text,#3b3e44);font-size:13px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;transition:background .15s,border-color .15s,box-shadow .15s}
#mmMoodBrowseV194 .mm194-category:hover{background:color-mix(in srgb,var(--mm-site-surface,#fff) 82%,var(--mm-site-accent,#565b67) 18%);border-color:color-mix(in srgb,var(--mm-site-line,#d5d8e0) 65%,var(--mm-site-accent,#6c7180) 35%)}
#mmMoodBrowseV194 .mm194-category.is-active{background:color-mix(in srgb,var(--mm-site-surface,#fff) 83%,var(--mm-site-text,#35363b) 17%);border-color:color-mix(in srgb,var(--mm-site-line,#ddd) 25%,var(--mm-site-text,#333) 75%);box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--mm-site-text,#333) 65%,transparent);font-weight:750}
#mmMoodBrowseV194 .mm194-results{padding-top:22px;border-top:1px solid var(--mm-site-line,#e0e3e9)}
#mmMoodBrowseV194 .mm194-results-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:23px}
#mmMoodBrowseV194 .mm194-results-head h2{font-size:clamp(19px,2.2vw,24px);letter-spacing:-.045em;line-height:1.35;margin:8px 0 0}
#mmMoodBrowseV194 .mm194-results-head small{font-size:12px;line-height:1.55;color:var(--mm-site-muted,#737783)}
#mmMoodBrowseV194 .mm194-group{margin-bottom:28px}
#mmMoodBrowseV194 .mm194-group-title{display:flex;align-items:center;margin:0 0 13px}
#mmMoodBrowseV194 .mm194-group-title a{display:inline-flex;align-items:center;gap:9px;padding:6px 2px;font-size:14px;font-weight:800;line-height:1.4}
#mmMoodBrowseV194 .mm194-group-title a span{font-size:21px;line-height:.8;color:var(--mm-site-muted,#747782)}
#mmMoodBrowseV194 .mm194-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
#mmMoodBrowseV194 .mm194-entry{display:flex;min-width:0;min-height:76px;align-items:center;gap:10px;padding:14px 15px 14px 18px;border:1px solid var(--mm-site-line,#d9dce3);border-radius:17px;background:color-mix(in srgb,var(--mm-site-surface,#fff) 93%,transparent);transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}
#mmMoodBrowseV194 .mm194-entry:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--mm-site-line,#ddd) 60%,var(--mm-site-accent,#818594) 40%);box-shadow:0 6px 18px rgba(25,29,38,.07);background:color-mix(in srgb,var(--mm-site-surface,#fff) 94%,var(--mm-site-accent,#707787) 6%)}
#mmMoodBrowseV194 .mm194-entry-content{display:flex;flex:1;flex-direction:column;min-width:0;gap:3px}
#mmMoodBrowseV194 .mm194-entry-content strong{font-size:14px;line-height:1.48;overflow-wrap:anywhere;word-break:keep-all;font-weight:760}
#mmMoodBrowseV194 .mm194-entry-content small{font-size:11px;line-height:1.5;color:var(--mm-site-muted,#858994);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#mmMoodBrowseV194 .mm194-entry-count{display:inline-flex;align-items:center;flex:0 0 auto;padding:5px 8px;border:1px solid var(--mm-site-line,#e1e3e8);border-radius:8px;color:var(--mm-site-muted,#626875);font-weight:740;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;background:color-mix(in srgb,var(--mm-site-surface,#fff) 84%,var(--mm-site-accent,#aeb4c0) 16%)}
#mmMoodBrowseV194 .mm194-entry-arrow{font-size:21px;line-height:1;flex:none;color:var(--mm-site-muted,#888)}
#mmMoodBrowseV194 .mm194-empty{padding:34px 24px;border:1px dashed var(--mm-site-line,#d1d5dd);border-radius:16px;line-height:1.8;text-align:center;font-size:13px;color:var(--mm-site-muted,#757985)}
#mmMoodBrowseV194 .mm194-more{display:flex;justify-content:center;margin:30px auto 0}
#mmMoodBrowseV194 .mm194-more a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 24px;border:1px solid var(--mm-site-line,#dadee6);border-radius:999px;background:var(--mm-site-surface,#fff);font-size:13px;font-weight:750}
#mmMoodBrowseV194 :is(a):focus-visible{outline:3px solid var(--mm-site-accent,#666);outline-offset:3px}
@media(max-width:780px){#mmMoodBrowseV194 .mm194-entries{grid-template-columns:minmax(0,1fr)}#mmMoodBrowseV194 .mm194-results-head{align-items:start;flex-direction:column;gap:5px}}
@media(max-width:480px){#mmMoodBrowseV194{padding:23px 15px 140px}#mmMoodBrowseV194 .mm194-categories{gap:7px;margin:23px 0 28px}#mmMoodBrowseV194 .mm194-category{font-size:12px;min-height:40px;padding:8px 12px}#mmMoodBrowseV194 .mm194-entry{min-height:70px;padding:12px 10px 12px 13px;gap:7px}#mmMoodBrowseV194 .mm194-entry-content strong{font-size:13px}#mmMoodBrowseV194 .mm194-entry-count{padding:5px 6px;font-size:11px}}
@media(prefers-reduced-motion:reduce){#mmMoodBrowseV194 .mm194-entry,#mmMoodBrowseV194 .mm194-category{transition:none}}
