*{box-sizing:border-box}body{margin:0;background:#f4f7f5;color:#17231d;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}.top{display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px max(4vw,18px);background:#10251c;color:#fff}.brand{font-weight:850;font-size:25px;color:#fff;text-decoration:none}.brand span{color:#76d6a0}.top nav{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.top a,.top button{color:#e8f5ed;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}.search{display:flex;gap:6px}.wrap{max-width:1100px;margin:auto;padding:26px 18px}.hero{background:linear-gradient(120deg,#123526,#1d6544);color:white;padding:48px 30px;border-radius:22px;margin:18px 0 38px}.hero h1{font-size:clamp(30px,5vw,48px);line-height:1.1;margin:8px 0}.hero form{display:flex;gap:8px;max-width:600px;margin-top:22px}.hero input{flex:1}.eyebrow{letter-spacing:.12em;font-size:12px;font-weight:700;color:#5ca77d}.hero .eyebrow{color:#a9e9c4}input,textarea{width:100%;padding:12px;border:1px solid #cbd8cf;border-radius:9px;font:inherit;margin:6px 0 14px}button{padding:11px 16px;border:0;border-radius:9px;background:#197548;color:white;font-weight:700;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.song{display:flex;flex-direction:column;gap:4px;padding:16px;background:white;border:1px solid #e0e9e2;border-radius:12px;color:#1b3426;text-decoration:none}.song span,.muted{color:#6d7c72;font-size:14px}.welcome{margin:40px 0;padding:24px;background:#e8f2eb;border-radius:16px}.songpage{background:white;padding:24px;border-radius:16px}.songpage pre{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.8 ui-monospace,monospace}.tools{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.footer{text-align:center;padding:30px 18px;color:#607067}.footer a{color:inherit}.dark{background:#111a15;color:#e8f2eb}.dark .song,.dark .songpage,.dark .welcome{background:#1c2b22;color:#e8f2eb;border-color:#34483a}.dark input,.dark textarea{background:#1c2b22;color:white;border-color:#425648}.dark .song span,.dark .muted{color:#b1c3b6}@media(max-width:650px){.top{align-items:flex-start}.top nav{gap:10px}.hero{padding:30px 20px}.hero form{flex-direction:column}}