.recent{background:#f1eadc;color:#111}.recent-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.recent-head h2{margin-bottom:0}.recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.recent-song{background:#fff9ed;border:1px solid #d8cfbe;padding:18px 20px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;min-width:0}.recent-number{font:900 italic 1.1rem Arial Black;color:var(--violet)}.recent-title{font-weight:900;overflow-wrap:anywhere}.recent-time{font-size:.78rem;color:#716b62;margin-top:4px}.recent-empty{grid-column:1/-1;padding:24px;border:1px solid #d8cfbe;background:#fff9ed}html,body{max-width:100%;overflow-x:hidden}.hero-grid>*{min-width:0}.player{max-width:calc(100% - 16px)}@media(max-width:600px){.recent-grid{grid-template-columns:1fr}.recent-head{display:block}h1{font-size:clamp(3rem,15vw,4rem);overflow-wrap:anywhere}.player{padding:20px;box-shadow:10px 10px 0 rgba(141,108,255,.27)}.controls{gap:10px}.controls label{display:none}.play{width:56px;height:56px;flex:0 0 56px}.logo img{max-width:calc(100vw - 90px)}}