:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f4f1e9;background:#101311}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1120px;margin:auto;padding:24px}header,nav,.user,.pagination{display:flex;align-items:center;gap:20px;flex-wrap:wrap}header{justify-content:space-between;border-bottom:1px solid #343b30}.brand{font-size:24px;font-weight:800}a{color:#e1c88b;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e5cc92;outline-offset:4px}h1{font-size:clamp(30px,5vw,46px)}h2{font-size:21px}p,small{color:#a8afa2;line-height:1.7}.eyebrow{letter-spacing:2px;color:#e1c88b}.card{display:block;background:#1b211b;border:1px solid #343e30;border-radius:16px;padding:24px;margin:16px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.grid .card{margin:0}.narrow{max-width:500px;margin:40px auto}label{display:block;margin:16px 0}input{display:block;width:100%;background:#101311;border:1px solid #59624f;border-radius:8px;color:inherit;padding:12px;margin-top:8px;font:inherit}button{background:#e1c88b;color:#272715;border:0;border-radius:8px;padding:12px 20px;font:inherit;cursor:pointer}nav form{margin:0}.search{max-width:640px;margin-bottom:32px}.lyrics{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.9}.user{padding:16px 0;border-bottom:1px solid #343e30}.user form{margin-left:auto}li{margin:18px 12px}.pagination{margin-top:24px}footer{color:#929c89;border-top:1px solid #343b30;margin-top:40px}.notice{padding:16px;background:#283424;border-radius:8px}@media(max-width:600px){header,main,footer{padding:18px}nav{gap:14px}.user{align-items:flex-start}.user form{margin-left:0}}

body{background-image:radial-gradient(ellipse at 15% 15%,#b79a5610,transparent 60%)}header{padding-top:28px;padding-bottom:28px}.brand{color:#f2eee4;letter-spacing:-.7px}h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.2px;font-size:clamp(36px,5vw,58px)}.eyebrow{font-size:11px;letter-spacing:3px;color:#c6b786}.grid .card{background:linear-gradient(150deg,#20271f,#191e19);padding:26px;transition:border-color .2s,transform .2s;min-width:0}.grid .card:hover{border-color:#d9bd7b88;transform:translateY(-3px);text-decoration:none}.grid .card h2{color:#e4ca91;line-height:1.4}.search{padding:22px 24px;background:#191e19;border:1px solid #343e30;border-radius:16px}.search label{margin-top:0}button{background:#e5cc92}button:hover{background:#f1ddb0}input:focus{border-color:#d9bd7b}.card{overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.grid .card{transition:none}.grid .card:hover{transform:none}}