:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}.light{color-scheme:light}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#a931b4}h1{font-size:3.2em;line-height:1.1}@media print{body{counter-reset:page}.songbook-page{position:relative;page-break-before:always}.page-footer{position:absolute;bottom:0;width:100%;text-align:center;font-size:.9rem}.page-footer:after{counter-increment:page;content:"Page " counter(page)}}:root{--bg-dark: hsl(0 100% 0%);--bg: hsl(0 100% 5%);--bg-light: hsl(0 100% 10%);--text: hsl(0 0% 95%);--text-muted: hsl(0 0% 70%);--border: hsl(0 0% 70%);--gradient: linear-gradient(0deg, var(--bg) 95%, var(--br-light));--gradient-hover: linear-gradient(0deg, var(--bg), var(--br-light));--highlight: hsl(0 0% 60%);--boarder-card: solid 1px var(var(--border));--shadow: 0px 4px 10px hsla(0, 0%, 100%, .2), 0px 4px 10px rgba(255, 255, 255, .1);--primary: hsl(122 100% 10%);--secondary: hsl(293 100% 24%);--danger: hsl(7 100% 66%);--warning: hsl(53 100% 21%);--success: hsl(162 100% 22%);--info: hsl(217 100% 70%)}body.light{--bg-dark: hsl(0 0% 90%);--bg: hsl(0 0% 95%);--bg-light: hsl(0 0% 100%);--text: hsl(0 0% 5%);--text-muted: hsl(0 0% 30%);--border: hsl(0 0% 30%);--gradient: linear-gradient(0deg, var(--bg) 95%, var(--br-light));--gradient-hover: linear-gradient(0deg, var(--bg), var(--br-light));--highlight: hsl(0 0% 100%);--boarder-card: solid 1px var(var(--bg));--shadow: 0px 2px 2px hsla(0, 0%, 0%, .07), 0px 4px 10px rgba(0, 0, 0, .15);--primary: hsl(115 57% 56%);--secondary: hsl(292 94% 74%);--danger: hsl(4 99% 37%);--warning: hsl(50 100% 12%);--success: hsl(159 100% 9%);--info: hsl(215 95% 42%)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;justify-content:center}body,html{margin:0;padding:0;height:100%;font-family:Arial,sans-serif}#root{display:flex;flex-direction:column;height:100vh}header{background:#333;color:#fff;padding:15px;text-align:center;width:100%;position:fixed;top:0;left:0}