:root{--p:#6D3FD0;--pd:#4B25A0;--pl:#EFE8FC;--bg:#F8F5FF;--ink:#241A3B;--mut:#7A6E96;--ln:#E3DAF5;--acc:#FFC83D}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 -apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--p);text-decoration:none}
header{background:linear-gradient(135deg,var(--p),var(--pd));color:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
header a{color:#fff}.brand{font-weight:800;font-size:20px;letter-spacing:.3px}.brand b{color:var(--acc)}
header .sp{flex:1}header form{margin:0}
main{max-width:860px;margin:0 auto;padding:16px}
.card{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:14px;margin:0 0 12px;box-shadow:0 1px 3px rgba(75,37,160,.06)}
h1{font-size:24px;margin:6px 0 12px}h2{font-size:15px;margin:18px 0 8px;color:var(--pd);text-transform:uppercase;letter-spacing:.6px}
input,textarea,select{width:100%;padding:10px 12px;border:1px solid var(--ln);border-radius:10px;font:inherit;background:#fff;color:var(--ink)}
textarea{min-height:120px}textarea.lyr{min-height:360px;font-size:17px;line-height:1.6}
label{display:block;font-size:13px;color:var(--mut);margin:10px 0 4px}
button,.btn{background:var(--p);color:#fff;border:0;border-radius:10px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;display:inline-block}
button.ghost,.btn.ghost{background:var(--pl);color:var(--pd)}button.danger{background:#fff;color:#B3261E;border:1px solid #F0C4C0}
button.sm{padding:4px 9px;font-size:13px}
.row{display:flex;gap:8px;align-items:center}.row>*{flex:1}.row>button,.row>.btn{flex:0 0 auto}
.song{display:flex;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--ln)}.song:last-child{border:0}
.song .n{width:26px;color:var(--mut);text-align:right;font-size:14px}.song .t{flex:1;min-width:0}.song .t a{font-weight:600;color:var(--ink)}
.he{direction:rtl;color:var(--mut);margin-left:8px;font-size:15px}.meta{font-size:13px;color:var(--mut)}
.tag{display:inline-block;background:var(--pl);color:var(--pd);border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600}
.key{display:inline-block;background:var(--acc);color:#3a2a00;border-radius:6px;padding:1px 7px;font-size:12px;font-weight:700;margin-left:6px}
.mv{display:flex;gap:4px}.mv form{margin:0}.msg{background:var(--pl);border-radius:10px;padding:8px 12px;margin-bottom:10px;color:var(--pd)}
.lyrics{white-space:pre-wrap;font-size:18px;line-height:1.7;margin:8px 0}
.auth{max-width:380px;margin:12vh auto}.big{font-size:20px;text-align:center;margin-bottom:10px}
.tabs a{margin-right:12px;font-weight:600}.tabs a.on{border-bottom:3px solid var(--acc);padding-bottom:2px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:560px){.grid2{grid-template-columns:1fr}}

.lrow{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:box-shadow .15s,background .15s}
.lrow.lift{position:relative;z-index:5;box-shadow:0 10px 28px rgba(75,37,160,.35);background:var(--pl);transform-origin:center;transition:none}
.lrow.sel{outline:3px solid var(--p);background:var(--pl)}
#bar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--ln);box-shadow:0 -4px 16px rgba(75,37,160,.15);padding:12px 16px;gap:10px;align-items:center;z-index:20}
#bar span{flex:1;font-weight:700;color:var(--pd);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.lrow.sel{position:relative}.lrow.sel::after{content:'✓';position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--p);color:#fff;width:26px;height:26px;border-radius:50%;text-align:center;line-height:26px;font-weight:700}
#lists{padding-bottom:70px}

.hero{background:linear-gradient(120deg,#5B2AA5,#9B38D6);color:#fff;padding:18px 24px 34px}
.heroTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.heroTop a{color:#fff;font-size:24px}.heroTop a.tinyedit{font-size:13px;opacity:.8}
.kicker{letter-spacing:.2em;font-size:12px;opacity:.85}.htitle{font-size:36px;font-weight:700;margin:10px 0 2px;line-height:1.15}.hsub{opacity:.9;min-height:20px}
.scard{background:#fff;border:1px solid var(--ln);border-radius:18px;margin:-18px 16px 0;padding:22px 22px 18px;position:relative}
.shead{display:flex;align-items:center;gap:12px}.num{background:#9B38D6;color:#fff;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}
.stitle{font-size:24px;font-weight:600}.pills{margin:14px 0 8px 44px;display:flex;gap:8px;flex-wrap:wrap}
.pill{background:#F1E8FB;color:#5B2AA5;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:600}
.art{margin-left:44px;color:#555;font-size:15px}.sep{border:0;border-top:1px solid var(--ln);margin:16px 0}
.ly{white-space:pre-wrap;font-size:27px;line-height:1.95;text-align:start;unicode-bidi:plaintext}
.foot{margin:14px 22px 0;color:#777;font-size:13px}
@media(max-width:560px){.htitle{font-size:30px}.scard{margin:-18px 10px 0;padding:18px 14px}.pills,.art{margin-left:0}.ly{font-size:24px}}