/* MadRasana Frontend — Songs page */
:root{--mr-bg:#0C0A09;--mr-bg2:#141110;--mr-bg3:#1C1815;--mr-text:#EFE9DE;--mr-muted:#7A6E62;--mr-dim:#3E3830;--mr-red:#E32020;--mr-red-lt:#EE4444;--mr-orange:#D97B1A;--mr-org-lt:#EDA040;--mr-border:rgba(239,233,222,.08);--mr-b-org:rgba(217,123,26,.22);--mr-radius:4px;--mr-font:'DM Sans',sans-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-bg2);border:1px 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-bg3);border:1px solid var(--mr-border);padding:0 .875rem;}
.mr-search-wrap i{color:var(--mr-dim);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-dim);}
.mr-selects{display:flex;flex-wrap:wrap;gap:.5rem;}
.mr-select{background:var(--mr-bg3);border:1px solid var(--mr-border);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-b-org);}
.mr-select option{background:var(--mr-bg3);}
.mr-btn-ghost{background:transparent;border:1px solid var(--mr-border);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(239,233,222,.25);}

/* 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:1px solid var(--mr-b-org);padding:.2rem .6rem;background:rgba(217,123,26,.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:1px;background:var(--mr-border);border:1px solid var(--mr-border);margin-bottom:1.5rem;min-height:200px;}
.mr-grid.mr-loading{opacity:.5;pointer-events:none;}

/* Card */
.mr-card{background:var(--mr-bg2);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:1px solid;}
.mr-type-kriti{color:#3C90CC;border-color:rgba(60,144,204,.3);background:rgba(60,144,204,.07);}
.mr-type-varnam{color:#D97B1A;border-color:rgba(217,123,26,.3);background:rgba(217,123,26,.07);}
.mr-type-raga-alapana{color:#1D9E75;border-color:rgba(29,158,117,.3);background:rgba(29,158,117,.07);}
.mr-type-tani{color:#9B5DE5;border-color:rgba(155,93,229,.3);background:rgba(155,93,229,.07);}
.mr-type-swaram{color:#EE5C9A;border-color:rgba(238,92,154,.3);background:rgba(238,92,154,.07);}
.mr-type-mangalam{color:#E32020;border-color:rgba(227,32,32,.3);background:rgba(227,32,32,.07);}
.mr-type-javali,.mr-type-padam,.mr-type-thukkada{color:var(--mr-muted);border-color:var(--mr-border);}
.mr-card-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.1rem;font-weight:400;color:var(--mr-text);margin:0 0 .3rem;line-height:1.25;}
.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:#fff;background:var(--mr-red);border:none;padding:.55rem 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:1px solid var(--mr-border);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-bg3);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(12,10,9,.88);backdrop-filter:blur(6px);}
.mr-modal-inner{position:relative;z-index:1;background:var(--mr-bg2);border:1px solid var(--mr-border);width:92vw;max-width:860px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;}
.mr-embed-wrap{position:relative;aspect-ratio:16/9;background:#000;}
.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(12,10,9,.75);border:1px solid var(--mr-border);color:var(--mr-muted);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s;}
.mr-modal-close:hover{color:var(--mr-text);}
.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:1px 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:#3C90CC!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;}}