/*
Theme Name: LyricsMusic
Description: Modern music lyrics platform theme designed for the LyricsMusic Transcriber plugin.
Version: 4.0.0
*/
:root{--bg:#08080c;--panel:#111118;--panel2:#191923;--text:#f8f8fb;--muted:#9b9baa;--accent:#8b5cf6;--accent2:#a78bfa;--border:#282833;--radius:16px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.lm-container{max-width:var(--max);margin:auto;padding:0 20px}
.lm-header{position:sticky;top:0;z-index:100;background:rgba(8,8,12,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.lm-nav{min-height:70px;display:flex;align-items:center;gap:24px}.lm-brand{font-size:23px;font-weight:850;letter-spacing:-.5px;white-space:nowrap}.lm-brand span{color:var(--accent)}.lm-desktop-nav{flex:1}.lm-desktop-nav ul,.lm-fallback-menu{display:flex;align-items:center;gap:18px;list-style:none;margin:0;padding:0}.lm-desktop-nav li{list-style:none}.lm-desktop-nav a,.lm-fallback-menu a{color:#c8c8d1;font-size:14px}.lm-desktop-nav a:hover,.lm-fallback-menu a:hover{color:#fff}.lm-nav-actions{display:flex;gap:10px;align-items:center}.lm-account-link{padding:8px 12px;border:1px solid var(--border);border-radius:9px;font-size:14px}.lm-icon-link{color:var(--muted);font-size:14px}.lm-menu-toggle,.lm-mobile-nav{display:none}
.lm-main{min-height:72vh}.lm-hero{padding:92px 0 70px;background:radial-gradient(circle at 75% 0,#32145d 0,transparent 42%)}.lm-hero-copy{max-width:820px}.lm-eyebrow{display:block;color:var(--accent2);font-size:11px;font-weight:800;letter-spacing:2px;margin-bottom:12px}.lm-hero h1{font-size:clamp(45px,7vw,82px);line-height:.99;letter-spacing:-3px;margin:0 0 22px}.lm-hero h1 em{font-style:normal;color:#c4b5fd}.lm-hero p{max-width:650px;color:var(--muted);font-size:19px;margin:0}.lm-search{display:flex;max-width:760px;margin:30px 0 18px}.lm-search input{flex:1;min-width:0;background:var(--panel);border:1px solid var(--border);color:#fff;padding:15px 17px;border-radius:12px 0 0 12px;outline:0}.lm-search input:focus{border-color:var(--accent)}.lm-search button,.lm-btn{border:0;background:var(--accent);color:#fff;font-weight:800;padding:13px 18px;border-radius:10px;cursor:pointer}.lm-search button{border-radius:0 12px 12px 0}.lm-btn-ghost{background:transparent;border:1px solid var(--border)}.lm-hero-actions{display:flex;gap:10px}.lm-section{padding:48px 0}.lm-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.lm-section-head h2{font-size:28px;margin:0}.lm-section-head>a{color:var(--accent2);font-size:14px}
.lm-song-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.lm-song-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.18s}.lm-song-card:hover{transform:translateY(-3px);border-color:#48485b}.lm-cover{aspect-ratio:1;background:linear-gradient(145deg,#242431,#111118);display:grid;place-items:center;overflow:hidden}.lm-cover img{width:100%;height:100%;object-fit:cover}.lm-cover span{font-size:60px;color:#777789}.lm-card-info{padding:14px}.lm-card-info strong,.lm-card-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lm-card-info span{color:var(--muted);font-size:14px}.lm-empty{padding:25px;background:var(--panel);border:1px solid var(--border);border-radius:12px;color:var(--muted)}
.lm-feature-band{padding:55px 0;background:var(--panel);border-block:1px solid var(--border)}.lm-feature-grid{display:flex;justify-content:space-between;align-items:center;gap:35px}.lm-feature-grid h2{font-size:34px;line-height:1.1;margin:0 0 10px}.lm-feature-grid p{max-width:650px;color:var(--muted)}.lm-feature-actions{display:flex;gap:10px;flex-wrap:wrap}
.lm-song-head{background:radial-gradient(circle at 20% 20%,#24133c,transparent 45%),#0d0d13;border-bottom:1px solid var(--border);padding:55px 0}.lm-song-head-grid{display:grid;grid-template-columns:250px 1fr;gap:35px;align-items:center}.lm-song-cover{aspect-ratio:1;background:#171720;border-radius:18px;overflow:hidden;display:grid;place-items:center}.lm-song-cover img{width:100%;height:100%;object-fit:cover}.lm-song-cover span{font-size:90px;color:#707080}.lm-song-meta h1{font-size:clamp(38px,6vw,66px);line-height:1;margin:0 0 12px;letter-spacing:-2px}.lm-artist-name{font-size:20px;color:#c4b5fd}.lm-song-details{display:flex;gap:15px;color:var(--muted);margin:15px 0}.lm-top-audio{width:min(600px,100%);margin-top:8px}.lm-lyrics-content{display:grid;grid-template-columns:minmax(0,850px) 240px;gap:35px;padding-top:35px}.lm-plain-lyrics{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:28px;font-size:19px;white-space:pre-wrap}.lm-song-sidebar{display:flex;flex-direction:column;gap:10px}.lm-sidebar-btn{padding:12px 14px;border:1px solid var(--border);background:var(--panel);border-radius:10px;color:#ccc}.lm-sidebar-btn:hover{border-color:var(--accent)}
.lm-page-head{padding:52px 0 25px;background:radial-gradient(circle at 70% 0,#211237,transparent 42%);border-bottom:1px solid var(--border)}.lm-page-head h1{font-size:clamp(36px,6vw,60px);line-height:1.05;margin:0}.lm-page-head p{color:var(--muted)}.lm-page-content{max-width:900px;padding-top:35px;padding-bottom:50px}.lm-page-content>p{color:#d5d5dc}.lm-search-inner{max-width:800px;margin:25px 0 0}.lm-results{max-width:900px}.lm-result{display:block;padding:18px 0;border-bottom:1px solid var(--border)}.lm-result span,.lm-result small{display:block;color:var(--muted);font-size:13px}.lm-result strong{display:block;font-size:19px;margin:3px 0}
.lm-footer{border-top:1px solid var(--border);margin-top:50px;padding:38px 0 0;color:var(--muted)}.lm-footer-grid{display:flex;justify-content:space-between;gap:30px}.lm-footer-grid p{max-width:450px}.lm-footer-links{display:flex;flex-wrap:wrap;gap:14px;max-width:550px;justify-content:flex-end}.lm-footer-links a:hover{color:#fff}.lm-footer-bottom{border-top:1px solid var(--border);margin-top:25px;padding:18px 20px;font-size:13px}.lm-404{padding:100px 20px}.lm-404 h1{font-size:52px;line-height:1;margin:0}.lm-404 p{color:var(--muted)}
@media(max-width:980px){.lm-song-grid{grid-template-columns:repeat(3,1fr)}.lm-lyrics-content{grid-template-columns:1fr}.lm-song-sidebar{flex-direction:row}.lm-song-sidebar>*{flex:1}}
@media(max-width:760px){.lm-container{padding:0 15px}.lm-desktop-nav,.lm-nav-actions .lm-icon-link{display:none}.lm-nav{justify-content:space-between}.lm-menu-toggle{display:block;margin-left:auto;background:var(--panel2);color:#fff;border:1px solid var(--border);border-radius:8px;padding:7px 10px}.lm-mobile-nav{display:none;padding:12px 15px;border-top:1px solid var(--border);background:var(--panel)}.lm-mobile-nav.is-open{display:flex;flex-direction:column;gap:11px}.lm-mobile-nav ul,.lm-mobile-nav .lm-fallback-menu{display:flex;flex-direction:column;gap:11px;padding:0;margin:0;list-style:none}.lm-mobile-nav .lm-fallback-menu{align-items:stretch}.lm-mobile-nav a{color:#ddd}.lm-hero{padding:55px 0 45px}.lm-hero h1{font-size:46px;letter-spacing:-2px}.lm-search{max-width:none}.lm-song-grid{grid-template-columns:repeat(2,1fr);gap:12px}.lm-feature-grid,.lm-footer-grid{display:block}.lm-feature-actions{margin-top:22px}.lm-song-head-grid{grid-template-columns:130px 1fr;gap:20px}.lm-song-meta h1{font-size:34px}.lm-song-cover span{font-size:50px}.lm-footer-links{justify-content:flex-start;margin-top:20px}.lm-section-head{align-items:start}.lm-section-head h2{font-size:23px}}
@media(max-width:480px){.lm-nav{min-height:62px}.lm-brand{font-size:20px}.lm-account-link{padding:6px 8px}.lm-hero h1{font-size:39px}.lm-hero p{font-size:16px}.lm-hero-actions{flex-direction:column;align-items:stretch}.lm-btn{text-align:center}.lm-song-head-grid{grid-template-columns:1fr}.lm-song-cover{max-width:190px}.lm-song-meta h1{font-size:36px}.lm-song-sidebar{flex-direction:column}.lm-lyrics-content{padding-top:20px}.lm-page-head{padding-top:35px}.lm-search-inner{flex-direction:column}.lm-search-inner input,.lm-search-inner button{border-radius:10px}.lm-footer{margin-top:30px}}

.lm-auth-box{max-width:520px;margin:55px auto;padding:32px;background:var(--panel);border:1px solid var(--border);border-radius:18px}.lm-auth-intro h2{font-size:34px;margin:0 0 8px}.lm-auth-intro p{color:var(--muted)}.lm-auth-form label{display:block;font-weight:750;margin:16px 0}.lm-auth-form input{display:block;width:100%;margin-top:7px;background:#0e0e14;color:#fff;border:1px solid var(--border);border-radius:10px;padding:12px}.lm-auth-form input[type=checkbox]{display:inline-block;width:auto;margin-right:7px}.lm-check{font-weight:500!important;color:var(--muted)}.lm-auth-form small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.lm-auth-switch{border-top:1px solid var(--border);padding-top:18px}.lm-auth-actions{display:flex;gap:10px;flex-wrap:wrap}.lm-auth-actions .lm-btn{display:inline-block}.lmtr-error{margin:15px 0}

/* Frontend authentication */
.lm-auth-page{min-height:72vh;display:grid;place-items:center;padding:55px 15px;background:radial-gradient(circle at 50% 0,#24133c 0,transparent 48%)}
