html,body{box-sizing:border-box;height:100%;margin:0;padding:0;min-width:390px;min-height:844px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Arial,sans-serif;background:transparent;margin:0;padding:0;text-align:center;min-height:100vh;overflow-y:auto;background-image:linear-gradient(to top right,#412d8266,#412d8280,#412d8299,#412d82b3,#412d82cc,#412d82e6,#412d82);background-attachment:fixed;--ui-pad-sm: clamp(.6rem, 2.5vw, 1rem);--ui-pad-md: clamp(1rem, 4vw, 2rem);--card-max-w: clamp(320px, 85vw, 760px)}header{background:transparent;color:#fff;padding:clamp(.3rem,2vw,1rem);text-align:center;font-family:Amadeus,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(50px,5vw,150px);text-shadow:clamp(4px,1.5vw,8px) clamp(4px,1.5vw,8px) clamp(4px,1.5vw,8px) rgba(0,0,0,.5);animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.song-card{background:transparent;margin:clamp(1rem,4vw,2rem) auto;padding:clamp(.35rem,2.5vw,1rem) var(--ui-pad-md);max-width:var(--card-max-w);width:min(94vw,var(--card-max-w));max-height:calc(100vh - 6rem);box-sizing:border-box;border-radius:clamp(6px,1.2vw,12px);box-shadow:0 4px 8px #0003;outline-color:#00000014;outline-width:2px;outline-style:solid;animation:fadeIn .5s ease-in .1s both}.content-card{background:transparent;margin:clamp(1rem,4vw,2rem) auto;padding:clamp(.35rem,2.5vw,1rem) var(--ui-pad-md);max-width:var(--card-max-w);width:min(94vw,var(--card-max-w));box-sizing:border-box;border-radius:clamp(6px,1.2vw,12px);box-shadow:0 clamp(3px,1vw,6px) clamp(8px,2vw,12px) #0000001a;outline-color:#00000014;outline-width:2px;outline-style:solid;animation:fadeIn .5s ease-in .1s both}.content-text{text-align:left;animation:fadeIn .5s ease-in .2s both}.content-text p{font-size:clamp(16px,3vw,18px);line-height:1.6;color:#fffffff2;text-shadow:clamp(1px,.5vw,2px) clamp(1px,.5vw,2px) clamp(2px,1vw,4px) rgba(0,0,0,.3);margin-bottom:clamp(1.5rem,3vw,2rem);font-family:Montserrat,Arial,sans-serif}.content-text p:last-child{margin-bottom:0}.verses-container{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2rem);animation:fadeIn .5s ease-in .2s both}.verse-card{background:#ffffff08;border:1px solid rgba(255,255,255,.12);border-radius:clamp(8px,1.5vw,12px);padding:clamp(1.25rem,2.5vw,1.75rem);transition:all .2s ease-in-out}.verse-card:hover{background:#ffffff0d;border-color:#ffffff2e;box-shadow:0 clamp(6px,1.5vw,12px) clamp(12px,2.5vw,20px) #0000001f;transform:translateY(clamp(-2px,-.5vw,-4px))}.verse-reference{font-size:clamp(18px,3.5vw,21px);font-weight:700;color:#fffffffa;text-shadow:clamp(1px,.5vw,2px) clamp(1px,.5vw,2px) clamp(2px,1vw,4px) rgba(0,0,0,.3);margin:0 0 clamp(1rem,2vw,1.5rem) 0;padding-bottom:clamp(.75rem,1.5vw,1rem);border-bottom:1px solid rgba(255,255,255,.15);font-family:Radlush,Arial,sans-serif}.verse-text{text-align:left}.verse-paragraph{font-size:clamp(15px,2.8vw,17px);line-height:1.7;color:#ffffffed;text-shadow:clamp(.5px,.3vw,1px) clamp(.5px,.3vw,1px) clamp(1px,.8vw,3px) rgba(0,0,0,.25);margin:0 0 clamp(.75rem,1.5vw,1rem) 0;font-family:Montserrat,Arial,sans-serif}.verse-paragraph:last-child{margin-bottom:0}.verse-number{font-size:clamp(12px,2vw,14px);font-weight:700;color:#ffffffbf;margin-right:clamp(.3rem,.6vw,.5rem);vertical-align:super}.verse-paragraph.continuous{margin-bottom:0}.learn-content{text-align:left;animation:fadeIn .5s ease-in .2s both}.resource-section{margin-bottom:clamp(2rem,4vw,3rem)}.resource-category{font-size:clamp(20px,4vw,24px);font-weight:700;color:#fffffffa;text-shadow:clamp(1px,.5vw,2px) clamp(1px,.5vw,2px) clamp(2px,1vw,4px) rgba(0,0,0,.3);margin-bottom:clamp(1rem,2vw,1.5rem);padding-bottom:clamp(.75rem,1.5vw,1rem);border-bottom:2px solid rgba(255,255,255,.2);font-family:Radlush,Arial,sans-serif}.resource-list{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}.resource-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:clamp(6px,1.2vw,10px);padding:clamp(1rem,2vw,1.5rem);transition:all .2s ease-in-out;animation:fadeIn .5s ease-in .3s both}.resource-item:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(clamp(-2px,-.5vw,-4px));box-shadow:0 clamp(6px,1.5vw,12px) clamp(12px,2.5vw,20px) #0000001f}.resource-link{text-decoration:none;color:inherit;display:block;position:relative}.resource-title{font-size:clamp(16px,3vw,18px);font-weight:700;color:#fffffffa;margin:0 0 clamp(.5rem,1vw,.75rem) 0;font-family:Montserrat,Arial,sans-serif}.resource-description{font-size:clamp(14px,2.5vw,16px);color:#ffffffd9;line-height:1.5;margin:0;font-family:Montserrat,Arial,sans-serif}.resource-arrow{display:inline-block;margin-top:clamp(.1rem,1.5vw,.2rem);color:#fff9;transition:all .2s ease-in-out;font-weight:700;font-size:clamp(20px,3vw,32px)}.resource-item:hover .resource-arrow{color:#fff;transform:translate(clamp(3px,.5vw,6px))}.song-card p{animation:fadeIn .5s ease-in .2s both}.apple_button{background:linear-gradient(to right,#fc3c44,#f94c57);color:#fff;border:none;padding:clamp(8px,2vw,10px) clamp(15px,4vw,20px);border-radius:clamp(6px,1.5vw,10px);cursor:pointer;font-size:clamp(14px,2.5vw,16px);font-family:Inter24,Arial,sans-serif;font-weight:700;animation:fadeIn .5s ease-in .3s both;transition:transform .2s cubic-bezier(.2,.9,.2,1),box-shadow .2s cubic-bezier(.2,.9,.2,1),filter .18s linear;box-shadow:0 clamp(3px,1vw,6px) clamp(8px,2vw,12px) #00000014;will-change:transform,box-shadow}.spotify_button{background:linear-gradient(to right,#1db954,#40b669);color:#fff;border:none;padding:clamp(8px,2vw,10px) clamp(15px,4vw,20px);margin:clamp(8px,1.5vw,15px) clamp(8px,1.5vw,15px) clamp(8px,1.5vw,15px) clamp(8px,1.5vw,15px);border-radius:clamp(6px,1.5vw,10px);cursor:pointer;font-size:clamp(14px,2.5vw,16px);font-family:Montserrat,Arial,sans-serif;font-weight:700;animation:fadeIn .5s ease-in .4s both;transition:transform .2s cubic-bezier(.2,.9,.2,1),box-shadow .2s cubic-bezier(.2,.9,.2,1),filter .18s linear;box-shadow:0 clamp(3px,1vw,6px) clamp(8px,2vw,12px) #00000014;will-change:transform,box-shadow}.youtube_button{background:linear-gradient(to right,#f03,red);color:#fff;border:none;padding:clamp(1px,1.5vw,2px) clamp(10px,4vw,15px) clamp(5px,4vw,9px) clamp(15px,4vw,20px);border-radius:clamp(6px,1.5vw,10px);cursor:pointer;font-size:clamp(18px,4vw,23px);font-family:LeagueGothic,Arial,sans-serif;animation:fadeIn .5s ease-in .5s both;transition:transform .2s cubic-bezier(.2,.9,.2,1),box-shadow .2s cubic-bezier(.2,.9,.2,1),filter .18s linear;box-shadow:0 clamp(3px,1vw,6px) clamp(8px,2vw,12px) #00000014;will-change:transform,box-shadow}.apple_button:hover,.spotify_button:hover,.youtube_button:hover{transform:translateY(clamp(-2px,-.5vw,-4px)) scale(1.03);box-shadow:0 clamp(10px,2vw,18px) clamp(16px,3vw,24px) #0000002e;filter:brightness(1.03)}.apple_button:active,.spotify_button:active,.youtube_button:active{transform:translateY(-1px) scale(.995);box-shadow:0 clamp(4px,1vw,8px) clamp(8px,1.5vw,12px) #0000001f}.apple_button:focus-visible,.spotify_button:focus-visible,.youtube_button:focus-visible{outline:none;box-shadow:0 0 0 4px #6496ff1f,0 clamp(8px,2vw,14px) clamp(14px,2.5vw,20px) #0000001f}.title{font-size:clamp(28px,6vw,39px);font-weight:700;margin-bottom:clamp(20px,5vw,30px);font-family:Radlush,Arial,sans-serif;color:#fff;text-shadow:clamp(2px,1vw,4px) clamp(2px,1vw,4px) clamp(4px,1.5vw,8px) rgba(0,0,0,.5);animation:fadeIn .5s ease-in .3s both}.artist{font-size:clamp(18px,4vw,25px);margin-bottom:clamp(15px,3vw,20px);font-family:Radlush,Arial,sans-serif;color:#fff;text-shadow:clamp(2px,1vw,4px) clamp(2px,1vw,4px) clamp(4px,1.5vw,8px) rgba(0,0,0,.5);animation:fadeIn .5s ease-in .7s both}.albumYear{font-size:clamp(16px,3vw,20px);margin-bottom:clamp(40px,8vw,55px);font-family:Radlush,Arial,sans-serif;font-style:italic;color:#fff;text-shadow:clamp(2px,1vw,4px) clamp(2px,1vw,4px) clamp(4px,1.5vw,8px) rgba(0,0,0,.5);animation:fadeIn .5s ease-in .8s both}.site-footer{margin:clamp(1.5rem,4vw,2rem) 0 clamp(2.5rem,5vw,4rem) 0;color:#ffffffe6;font-size:clamp(12px,2vw,14px);animation:fadeIn .4s ease-in .7s both}.site-footer .footer-inner{max-width:90vw;width:clamp(280px,90vw,800px);margin:0 auto;display:flex;justify-content:center;gap:clamp(6px,1.5vw,8px);align-items:center;flex-wrap:wrap}.site-footer a{color:#ffffffeb;text-decoration:underline;transition:color .2s ease-in}.site-footer a:hover{color:#fff}@font-face{font-family:Amadeus;src:url(/fonts/Amadeus-nwnR.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mangabey;src:url(/fonts/MangabeyRegular-rgqVO.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Radlush;src:url(/fonts/RadlushRegular-8O7zz.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter24;src:url(/fonts/Inter_24pt-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LeagueGothic;src:url(/fonts/LeagueGothic-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@media(max-width:389px){html{transform-origin:top left;transform:scale(.95)}body{min-width:320px}}@media(min-width:1200px){:root{--card-max-w: 900px;--ui-pad-md: 3rem}header{font-size:clamp(32px,3.5vw,48px)}.song-card{padding:1rem 3rem}.title{font-size:clamp(32px,4.5vw,46px)}}.top-nav{margin-top:.5rem;display:flex;justify-content:center;align-items:center;animation:fadeIn .5s ease-in .1s both}.menu-list{list-style:none;display:flex;gap:clamp(8px,3vw,20px);padding:0;margin:20px 0 10px;align-items:center}.menu-item{display:inline-block}.menu-link{background:transparent;color:#ffffffeb;border:2px solid transparent;padding:clamp(6px,1.5vw,10px) clamp(10px,2.5vw,16px);border-radius:8px;font-weight:600;cursor:pointer;font-size:clamp(16px,2.2vw,18px);box-shadow:0 1px 2px #0003;transition:transform .16s cubic-bezier(.2,.9,.2,1),box-shadow .16s ease,color .16s ease,background .16s ease,border-color .16s ease}.menu-link:hover,.menu-link:focus{transform:translateY(-3px);color:#fff;background:#ffffff0f;box-shadow:0 6px 18px #00000024;outline:none;border-color:#ffffff14}.menu-item.active .menu-link{background:linear-gradient(90deg,#ffffff1f,#ffffff0f);color:#fff;box-shadow:0 8px 24px #0000002e;transform:translateY(-4px) scale(1.02);border-color:#ffffff1f}.menu-link:focus-visible{box-shadow:0 0 0 4px #6496ff1f,0 8px 20px #0000001f}@media(max-width:520px){.menu-list{gap:8px;flex-wrap:wrap;justify-content:center}.menu-link{padding:8px 10px;font-size:14px}}.past-songs-container{max-width:var(--card-max-w);width:min(94vw,var(--card-max-w));margin:clamp(1rem,4vw,2rem) auto;animation:fadeIn .5s ease-in .2s both}.songs-list{display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.5rem)}.past-song-item{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:clamp(8px,1.5vw,12px);padding:clamp(1rem,3vw,1.5rem);box-shadow:0 clamp(3px,1vw,6px) clamp(8px,2vw,12px) #0000001a;transition:all .2s cubic-bezier(.2,.9,.2,1);animation:fadeIn .5s ease-in .3s both}.past-song-item:hover{background:#ffffff1f;border-color:#ffffff2e;box-shadow:0 clamp(6px,1.5vw,10px) clamp(12px,2.5vw,16px) #00000026;transform:translateY(-2px)}.song-date{font-size:clamp(12px,2vw,13px);color:#fff9;margin-bottom:clamp(8px,1vw,12px);font-family:Montserrat,Arial,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.song-item-title{font-size:clamp(20px,4vw,26px);font-weight:700;margin:clamp(6px,1.5vw,10px) 0;font-family:Radlush,Arial,sans-serif;color:#fff;text-shadow:clamp(1px,.5vw,2px) clamp(1px,.5vw,2px) clamp(2px,1vw,4px) rgba(0,0,0,.3)}.song-item-artist{font-size:clamp(14px,3vw,18px);color:#ffffffd9;margin:clamp(4px,1vw,8px) 0;font-family:Radlush,Arial,sans-serif;font-style:italic}.song-item-details{font-size:clamp(12px,2.5vw,15px);color:#ffffffb3;margin:clamp(8px,1.5vw,12px) 0 clamp(12px,2vw,16px) 0;font-family:Arial,sans-serif}.song-links a{text-decoration:none}.song-links .apple_button{padding:clamp(5px,1.5vw,10px) clamp(8px,2vw,12px) clamp(5px,1.5vw,9px) clamp(8px,2vw,12px);font-size:clamp(12px,2vw,14px);border-radius:clamp(5px,1.2vw,8px)}.song-links .spotify_button{padding:clamp(5px,1.5vw,10px) clamp(8px,2vw,12px) clamp(5px,1.5vw,8px) clamp(8px,2vw,12px);font-size:clamp(14px,2.5vw,16px);border-radius:clamp(5px,1.2vw,8px)}.song-links .youtube_button{padding:clamp(1px,1.5vw,2px) clamp(8px,2vw,12px) clamp(4px,2vw,7px) clamp(8px,2vw,12px);font-size:clamp(18px,4vw,23px);border-radius:clamp(5px,1.2vw,8px)}.menu-link[disabled]{opacity:.6;cursor:default}.song-card{text-align:center;color:#fff}.song-card p{font-size:clamp(16px,3vw,18px);color:#fff;text-shadow:clamp(1px,.5vw,2px) clamp(1px,.5vw,2px) clamp(2px,1vw,4px) rgba(0,0,0,.3)}.footer-link{color:#ffffffeb;text-decoration:underline;transition:color .2s ease-in;background-color:transparent;border:none;cursor:pointer}