html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*,*::after,*::before{box-sizing:border-box}@font-face{font-family:'Ticketing';src:url(../fonts/Ticketing.ttf)}body{line-height:1.5;background-color:#A2AD91;font-size:18pt;font-family:"Ticketing",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:#3A2D32;margin:0;overflow:hidden;position:relative;max-width:100vw}*{margin:0;padding:0;box-sizing:border-box}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#A2AD91;z-index:1000;transition:opacity .6s,transform .6s;text-align:center}.splash-screen.hidden{opacity:0;transform:scale(1.1);pointer-events:none}.splash-screen h1{font-size:4rem;margin-bottom:2rem;letter-spacing:0.1em;text-transform:uppercase}.splash-screen .enter-btn{padding:1rem 3rem;font-size:1.2rem;background:#DBB4AD;color:#D30C7B;border:none;border-radius:50px;cursor:pointer;text-transform:uppercase;letter-spacing:0.1em;font-weight:bold;transition:transform 0.3s;box-shadow:0px 2px 0px #D30C7B;margin:auto;display:block}.splash-screen .enter-btn:hover{transform:translateY(-3px)}.splash-screen .enter-btn:active{transform:translateY(-1px)}.splash-container{position:absolute;background:#FFE3DC;border-radius:12px;border-style:solid;border-width:5px;border-top-width:36px;border-color:#DBB4AD;padding:0.85rem 1.25rem;margin:auto;top:20px;transition:transform 0.3s, opacity 0.3s ease;width:800px;box-shadow:0px 2px 0px #D30C7B}.splash-container h1{color:#D30C7B;text-shadow:0px 2px 0px #3A2D32}.splash-container .bannerthing{width:100%}.splash-container .heart1{position:absolute;display:block;left:237px;bottom:34px;width:80px}.splash-container .heart2{position:absolute;display:block;left:463px;bottom:43px}.splash-container .heart3{position:absolute;display:block;left:334px;bottom:82px;width:121px}@keyframes gentle-waver{0%,100%{transform:translateY(0px) rotate(0deg)}25%{transform:translateY(-4px) rotate(0.6deg)}75%{transform:translateY(3px) rotate(-0.5deg)}}.main-container{opacity:0;transition:opacity .6s;overflow:hidden;position:relative}.main-container.visible{opacity:1}.decorative-overlay-back{position:fixed;inset:0;pointer-events:none;z-index:-1}.decorative-overlay-back .ivy1{position:absolute;display:block;left:-63px;top:0;width:734px;transform:scaleX(1);z-index:-2}.decorative-overlay-back .ivy2{position:absolute;display:block;right:-270px;top:0;z-index:-2;width:1522px}.decorative-overlay-back .ivy3{position:absolute;display:block;right:231px;top:0;height:100%;z-index:-5;transform:scaleX(-1)}.decorative-overlay-back .lotus{position:absolute;display:block;right:1285px;bottom:-53px;width:786px;z-index:-3;transform:scaleX(-1)}.decorative-overlay-back .log{position:absolute;display:block;right:1027px;bottom:-199px;width:1047px;z-index:-4;transform:scaleX(-1)}.decorative-overlay-front{position:fixed;inset:0;pointer-events:none;z-index:2}.decorative-overlay-front .mouse1{position:absolute;display:block;left:964px;top:432px;width:119px;z-index:1;animation:gentle-waver 4.2s ease-in-out infinite}.decorative-overlay-front .spider1{position:absolute;display:block;left:805px;top:445px;width:175px;z-index:1;animation:gentle-waver 3.7s ease-in-out infinite;animation-delay:-1.4s}.decorative-overlay-front .bouquet1{position:absolute;display:block;left:908px;top:355px;width:100px;z-index:1;animation:gentle-waver 4.8s ease-in-out infinite;animation-delay:-2.9s}.decorative-overlay img{position:absolute}.song-grid{position:relative;width:100vw;height:100vh;overflow:hidden}.song-grid.hidden{display:none}.song-grid::after{content:'';position:absolute;top:50%;left:50%;width:calc(min(100vw, 100vh) * 0.62);height:calc(min(100vw, 100vh) * 0.62);transform:translate(-50%, -50%);border-radius:50%;border:15px solid #D30C7B;pointer-events:none;opacity:0.4;z-index:-1}.song-grid::before{content:'';position:absolute;top:50%;left:50%;width:calc(min(100vw, 100vh) * 0.21);height:calc(min(100vw, 100vh) * 0.21);transform:translate(-50%, -50%);border-radius:50%;display:block;background:#DBB4AD;pointer-events:none;z-index:-1}@keyframes card-float{0%,100%{transform:translate(-50%, -50%) translateY(0px) translateX(-6px)}25%{transform:translate(-50%, -50%) translateY(-6px) translateX(4px)}75%{transform:translate(-50%, -50%) translateY(4px) translateX(0px)}}.song-block{position:absolute;background:#3A2D32;border-radius:12px;padding:0.85rem 1.25rem;cursor:pointer;transition:transform 0.3s, opacity 0.3s ease;width:220px;height:220px;transform:translate(-50%, -50%);box-shadow:0px 2px 0px #D30C7B;animation:card-float 4s ease-in-out infinite}.song-block::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:#DBB4AD;border-radius:12px 12px 0 0;transform:scaleX(0);transition:transform 0.3s}.song-block:nth-child(1){animation-duration:4.0s;animation-delay:0.0s}.song-block:nth-child(2){animation-duration:4.7s;animation-delay:-1.3s}.song-block:nth-child(3){animation-duration:3.8s;animation-delay:-2.7s}.song-block:nth-child(4){animation-duration:5.1s;animation-delay:-0.8s}.song-block:nth-child(5){animation-duration:4.3s;animation-delay:-3.5s}.song-block:nth-child(6){animation-duration:3.6s;animation-delay:-1.9s}.song-block:nth-child(7){animation-duration:4.9s;animation-delay:-0.4s}.song-block:nth-child(8){animation-duration:4.2s;animation-delay:-2.2s}.song-block:nth-child(9){animation-duration:3.9s;animation-delay:-3.1s}.song-block:nth-child(10){animation-duration:5.3s;animation-delay:-1.6s}.song-block:nth-child(11){animation-duration:4.6s;animation-delay:-0.9s}.song-block:nth-child(12){animation-duration:3.7s;animation-delay:-2.8s}.song-block:hover{animation-play-state:paused;transform:translate(-50%, -50%) translateY(-5px)}.song-block:hover{transform:translate(-50%, -50%) translateY(-5px)}.song-block:hover::before{transform:scaleX(1)}.song-block h2{color:#FFE3DC;font-size:1rem;margin-bottom:0.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-block .artist{font-size:0.8rem;color:#FFE3DC;margin-bottom:0.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-block .preview{font-style:italic;font-size:0.75rem;color:#FFE3DC;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.song-view{position:fixed;z-index:500;background:#3A2D32;color:#FFE3DC;border-radius:15px;overflow:hidden;pointer-events:none;opacity:0}.song-view.active{opacity:1;pointer-events:all;overflow-y:auto;overflow-x:hidden}.song-view .close-btn{position:sticky;top:1.5rem;float:right;margin:1.5rem 1.5rem 0 0;width:40px;height:40px;background:#DBB4AD;color:#D30C7B;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:600;transition:transform 0.3s;flex-shrink:0}.song-view .close-btn:hover{transform:rotate(90deg)}.song-view .song-content{max-width:800px;margin:0 auto;padding:2rem 2rem 4rem;position:relative}.song-view .song-content .song-header{text-align:center;margin-bottom:3rem}.song-view .song-content .song-header h1{font-size:3rem;margin-bottom:0.5rem}.song-view .song-content .song-header .artist{font-size:1.5rem;color:#999}.song-view .song-content .lyrics{line-height:2;font-size:1.2rem}.song-view .song-content .lyrics .line{margin-bottom:1rem;position:relative;padding:0.5rem;border-radius:5px;transition:background 0.3s}.song-view .song-content .lyrics .line.annotated{cursor:pointer}.song-view .song-content .lyrics .line.annotated:hover{background:rgba(211,12,123,0.1)}.song-view .song-content .lyrics .line .lyric-text{position:relative}.song-view .song-content .lyrics .line .lyric-text.highlighted{background:linear-gradient(transparent 60%, rgba(211,12,123,0.3) 60%)}.annotation{position:fixed;left:calc(50% + 420px);transform:translateY(-50%);width:400px;max-width:400px;max-height:80vh;background:#DBB4AD;padding:2rem;border-radius:15px;box-shadow:0px 2px 0px #D30C7B;overflow-y:auto;z-index:700;pointer-events:none;clip-path:circle(0% at 50% 50%);transition:clip-path 0.45s cubic-bezier(0.4, 0, 0.2, 1)}.annotation.visible{pointer-events:all;clip-path:circle(150% at 50% 50%)}.annotation .annotation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #D30C7B}.annotation .annotation-header h3{font-size:1.3rem;color:#D30C7B}.annotation .annotation-header .close-annotation{background:none;border:none;color:#3A2D32;font-size:1.5rem;cursor:pointer;padding:0.5rem}.annotation .annotation-header .close-annotation:hover{color:#D30C7B}.annotation .annotation-content{line-height:1.8;font-size:1.1rem;color:#3A2D32}@media (max-width: 1400px){.annotation{left:auto;right:2rem}}@media (max-width: 768px){.splash-screen h1{font-size:2.5rem}.song-grid{grid-template-columns:1fr;padding:1rem}.song-view .song-content{padding:3rem 1rem}.song-view .song-content .song-header h1{font-size:2rem}.annotation{right:1rem;left:1rem;width:auto;max-width:none;padding:1.5rem}}.song-grid::after{content:'';position:absolute;top:50%;left:50%;width:calc(min(100vw, 100vh) * 0.62);height:calc(min(100vw, 100vh) * 0.62);transform:translate(-50%, -50%);border-radius:50%;border:15px solid #D30C7B;opacity:1;pointer-events:none;z-index:-1}.ivy-leaf{position:absolute;top:50%;left:50%;background:#D30C7B;transform-origin:0 0;pointer-events:none;z-index:-1;opacity:1;clip-path:polygon(0% 50%, 20% 5%, 65% 0%, 100% 50%, 65% 100%, 20% 95%)}form{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.5em;row-gap:.375em;margin-bottom:.75em}form input[type="text"],form textarea{background:#4c5ca0;color:#ffe6b8;padding:.5em;width:100%}form input[type="text"],form textarea,form button{border-radius:4px;border:none;outline:none;font-family:"Ticketing",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:15pt;margin:0}form label{text-align:right;color:#ffe6b8}form button{background:#57E2E5;color:#4c5ca0;padding:.5em .75em;cursor:url("../cursors/pot.cur"),auto;transition:transform .1s ease-in-out;grid-column:2}

/*# sourceMappingURL=valentine.css.map */