/* MadRasana Frontend — legacy songs grid + modal (warm theme) */
:root{--mr-bg:#F7F2EA;--mr-bg2:#FFFFFF;--mr-bg3:#FBF8F2;--mr-bg4:#F0EAE0;--mr-text:#1A1512;--mr-muted:#8C7F71;--mr-dim:#A89B8E;--mr-red:#1A1512;--mr-red-lt:#3A312A;--mr-orange:#B0712A;--mr-org-lt:#C98A3C;--mr-teal:#2E5E52;--mr-border:rgba(26,21,18,.10);--mr-b-vis:rgba(26,21,18,.18);--mr-b-org:rgba(176,113,42,.28);--mr-radius:3px;--mr-font:'DM Sans',system-ui,sans-serif;--mr-serif:'Cormorant Garamond',Georgia,serif;}

.mr-songs-page{font-family:var(--mr-font);color:var(--mr-text);max-width:1200px;margin:0 auto;padding:0 1rem 4rem;}

/* Filters */
.mr-filters{background:var(--mr-bg3);border:0.5px solid var(--mr-border);padding:1rem 1.25rem;margin-bottom:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;}
.mr-search-wrap{flex:1;min-width:220px;display:flex;align-items:center;gap:.5rem;background:var(--mr-bg2);border:0.5px solid var(--mr-b-vis);padding:0 .875rem;}
.mr-search-wrap i{color:var(--mr-muted);font-size:16px;}
.mr-search-wrap input{flex:1;background:transparent;border:none;color:var(--mr-text);font-family:var(--mr-font);font-size:.875rem;font-weight:300;padding:.55rem 0;outline:none;}
.mr-search-wrap input::placeholder{color:var(--mr-muted);}
.mr-selects{display:flex;flex-wrap:wrap;gap:.5rem;}
.mr-select{background:var(--mr-bg2);border:0.5px solid var(--mr-b-vis);color:var(--mr-text);font-family:var(--mr-font);font-size:.78rem;padding:.5rem .875rem;outline:none;cursor:pointer;min-width:130px;}
.mr-select:focus{border-color:var(--mr-orange);}
.mr-select option{background:#fff;}
.mr-btn-ghost{background:transparent;border:0.5px solid var(--mr-b-vis);color:var(--mr-muted);font-family:var(--mr-font);font-size:.72rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;padding:.5rem 1rem;cursor:pointer;transition:color .15s,border-color .15s;}
.mr-btn-ghost:hover{color:var(--mr-text);border-color:rgba(26,21,18,.4);}

/* Bar */
.mr-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;font-size:.75rem;}
#mr-count{color:var(--mr-muted);}
#mr-chips{display:flex;flex-wrap:wrap;gap:.4rem;}
.mr-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--mr-orange);border:0.5px solid var(--mr-b-org);padding:.2rem .6rem;background:rgba(176,113,42,.07);}
.mr-chip button{background:none;border:none;color:var(--mr-muted);cursor:pointer;font-size:.85rem;line-height:1;padding:0;}
.mr-chip button:hover{color:var(--mr-text);}

/* Grid */
.mr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0.5px;background:var(--mr-border);border:0.5px solid var(--mr-border);margin-bottom:1.5rem;min-height:200px;}
.mr-grid.mr-loading{opacity:.5;pointer-events:none;}

/* Card */
.mr-card{background:#fff;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;transition:background .15s;}
.mr-card:hover{background:var(--mr-bg3);}
.mr-card-body{flex:1;}
.mr-badge{display:inline-block;font-size:.6rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .6rem;margin-bottom:.6rem;border:0.5px solid;}
.mr-type-kriti{color:#3A5A78;border-color:rgba(58,90,120,.3);background:rgba(58,90,120,.07);}
.mr-type-varnam{color:#B0712A;border-color:rgba(176,113,42,.3);background:rgba(176,113,42,.08);}
.mr-type-raga-alapana{color:#2E5E52;border-color:rgba(46,94,82,.3);background:rgba(46,94,82,.08);}
.mr-type-tani{color:#6A4E86;border-color:rgba(106,78,134,.3);background:rgba(106,78,134,.07);}
.mr-type-swaram{color:#A85A6E;border-color:rgba(168,90,110,.3);background:rgba(168,90,110,.07);}
.mr-type-mangalam{color:#8A5A2A;border-color:rgba(138,90,42,.3);background:rgba(138,90,42,.08);}
.mr-type-javali,.mr-type-padam,.mr-type-thukkada{color:var(--mr-muted);border-color:var(--mr-border);}
.mr-card-title{font-family:var(--mr-serif);font-size:1.25rem;font-weight:400;color:var(--mr-text);margin:0 0 .3rem;line-height:1.2;}
.mr-card-raga{font-size:.82rem;color:var(--mr-orange);margin-bottom:.4rem;}
.mr-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.3rem;}
.mr-composer{font-size:.78rem;color:var(--mr-muted);}
.mr-dur{font-size:.72rem;color:var(--mr-dim);font-variant-numeric:tabular-nums;flex-shrink:0;}
.mr-artist{font-size:.8rem;color:var(--mr-text);font-weight:400;}
.mr-concert{font-size:.72rem;color:var(--mr-dim);margin-top:.2rem;}
.mr-concert-link{color:var(--mr-dim);text-decoration:none;transition:color .15s;}
.mr-concert-link:hover{color:var(--mr-muted);}

/* Play button */
.mr-play-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--mr-font);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#F7F2EA;background:var(--mr-red);border:none;padding:.6rem 1rem;cursor:pointer;transition:background .15s;width:100%;}
.mr-play-btn:hover{background:var(--mr-red-lt);}
.mr-play-btn i{font-size:14px;}

/* Loading */
.mr-loading-spinner{grid-column:1/-1;display:flex;align-items:center;justify-content:center;padding:3rem;}
.mr-spinner{width:24px;height:24px;border:2px solid var(--mr-border);border-top-color:var(--mr-orange);border-radius:50%;animation:mr-spin .7s linear infinite;}
@keyframes mr-spin{to{transform:rotate(360deg);}}

/* Load more */
.mr-more-wrap{text-align:center;margin-top:1.5rem;}
.mr-more{font-family:var(--mr-font);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--mr-text);background:var(--mr-bg2);border:0.5px solid var(--mr-b-vis);padding:.875rem 2.5rem;cursor:pointer;transition:background .15s,border-color .15s;display:inline-flex;align-items:center;gap:.75rem;}
.mr-more:hover{background:var(--mr-bg4);border-color:var(--mr-b-org);}
.mr-rem{color:var(--mr-dim);font-weight:300;font-size:.68rem;}
.mr-more.mr-more-loading{opacity:.6;pointer-events:none;}

/* Empty */
.mr-empty{grid-column:1/-1;text-align:center;padding:4rem 2rem;color:var(--mr-muted);}
.mr-empty i{font-size:36px;display:block;margin-bottom:1rem;opacity:.4;}
.mr-empty p{font-size:.9rem;margin-bottom:1rem;}

/* Modal */
.mr-modal{display:none;position:fixed;inset:0;z-index:99999;align-items:center;justify-content:center;}
.mr-modal.is-open{display:flex;}
.mr-modal-overlay{position:absolute;inset:0;background:rgba(26,16,10,.62);backdrop-filter:blur(6px);}
.mr-modal-inner{position:relative;z-index:1;background:#fff;border:0.5px solid var(--mr-border);width:92vw;max-width:860px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 18px 60px rgba(26,16,10,.3);}
.mr-embed-wrap{position:relative;aspect-ratio:16/9;background:#1A1410;}
.mr-embed-wrap iframe,.mr-embed-wrap>div{width:100%!important;height:100%!important;}
.mr-modal-close{position:absolute;top:.75rem;right:.75rem;z-index:10;background:rgba(247,242,234,.9);border:0.5px solid var(--mr-border);color:var(--mr-text);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s;}
.mr-modal-close:hover{color:var(--mr-orange);}
.mr-modal-close i{font-size:18px;}
.mr-modal-footer{padding:.875rem 1.25rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:space-between;}
.mr-modal-info{display:flex;flex-wrap:wrap;gap:.4rem;}
.mr-modal-info>span{font-size:.72rem;padding:.25rem .75rem;border:0.5px solid var(--mr-border);color:var(--mr-muted);}
.mr-pi-raga{color:var(--mr-orange)!important;border-color:var(--mr-b-org)!important;}
.mr-pi-type{color:#3A5A78!important;}
body.mr-modal-open{overflow:hidden;}

/* Responsive */
@media(max-width:768px){.mr-filters{flex-direction:column;align-items:stretch;}.mr-selects{flex-direction:column;}.mr-select{min-width:0;}.mr-grid{grid-template-columns:1fr;}.mr-modal-inner{width:100vw;max-width:100vw;max-height:100vh;}}