*,*:before,*:after{box-sizing:border-box}*{margin:0}html{color-scheme:light dark}img{max-width:100%;display:block}:root{--clr-text: #040201;--clr-body: #040201;--clr-surface: #ffffff;--clr-primary: #ad4834;--clr-secondary: #e8bab0;--clr-accent: #9d412f}@media (prefers-color-scheme: dark){:root{--clr-surface: var(--clr-body);--clr-text: var(--clr-surface);--clr-body: var(--clr-surface);--clr-primary: #e8bab0;--clr-secondary: #ad4834}}body{color:var(--clr-body);min-height:100vh;min-height:100dvh;font-family:Gentium Plus,Sahitya,serif;font-size:18pt}button{font-size:18pt}.devanagari{font-weight:700;font-family:Jaini Purva;font-size:120%}h1,h2{color:var(--clr-primary)}h3,h4,h5,h6{color:var(--clr-text)}::marker{color:var(--clr-primary)}a{color:var(--clr-primary)}a:hover,a:focus{color:var(--clr-accent)}.container{grid-template-columns:1fr 3fr;display:grid}@media screen and (max-width: 720px){.container{grid-template-columns:1fr}}.container aside,.container main{padding:15px}aside{background-color:var(--clr-secondary);gap:10px}#chant-button{background-color:var(--clr-primary);border:none;color:var(--clr-surface);text-align:center;padding:5px 10px;width:100%}#chant-button:hover{background-color:var(--clr-accent);cursor:pointer}.play-button{border:none;color:var(--clr-primary);margin-right:5px}button{border-radius:5px}.play-button:hover{color:var(--clr-accent);cursor:pointer}.form-group{display:grid;gap:.5rem;grid-template-columns:1fr 2fr;margin:10px auto;align-items:center}.form-group input{width:100%}.form-group input[type=checkbox]{width:auto;justify-self:start}main li{margin-bottom:1.2em}#download-score{background:none;border:1px solid var(--clr-primary);color:var(--clr-primary);padding:5px 10px;width:100%;cursor:pointer}#download-score:hover{background-color:var(--clr-primary);color:var(--clr-surface)}.translit{line-height:1.9}.syllable{border-radius:4px;padding:0 1px;transition:background-color .08s ease,color .08s ease}.syllable-active{background-color:var(--clr-primary);color:var(--clr-surface)}.play-button.playing{color:var(--clr-accent)}.score-wrap{overflow-x:auto;margin:2px 0 6px}.score{color:var(--clr-text);max-width:100%;height:auto}.score .staff-line{stroke:currentColor;stroke-width:1;opacity:.22}.score .contour{fill:none;stroke:currentColor;stroke-width:1;opacity:.3}.score .notehead{fill:currentColor;stroke:currentColor}.score .notehead.open{fill:var(--clr-surface);stroke-width:1.5}.score .aug-dot{fill:currentColor}.score .lyric{fill:currentColor;font-family:Gentium Plus,Sahitya,serif;font-size:12px}.score .syll-note{color:var(--clr-text);transition:color .08s ease}.score .syll-note.note-active{color:var(--clr-primary)}