:root{color-scheme:dark;--ink:#f3efe9;--muted:#aaa5a2;--line:#ffffff29;--night:#08090c}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--night);font-family:Georgia,"Times New Roman",serif;overflow-x:hidden}body.modal-open{overflow:hidden}button,a{font:inherit}.stars{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55}.stars:before,.stars:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.3px),radial-gradient(circle,#cbd5ff 0 .8px,transparent 1.2px);background-size:83px 83px,137px 137px;background-position:11px 19px,53px 71px;animation:sky 7s ease-in-out infinite alternate}.stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px #cddaffaa;animation:twinkle 3s ease-in-out infinite}.stars i:nth-child(1){left:7%;top:12%}.stars i:nth-child(2){left:18%;top:32%;animation-delay:-1s}.stars i:nth-child(3){left:29%;top:8%;animation-delay:-2s}.stars i:nth-child(4){left:41%;top:56%;animation-delay:-.5s}.stars i:nth-child(5){left:52%;top:21%;animation-delay:-1.8s}.stars i:nth-child(6){left:64%;top:71%;animation-delay:-1.2s}.stars i:nth-child(7){left:73%;top:39%;animation-delay:-2.2s}.stars i:nth-child(8){left:88%;top:15%}.stars i:nth-child(9){left:94%;top:62%;animation-delay:-1.7s}.stars i:nth-child(10){left:13%;top:83%}.stars i:nth-child(11){left:24%;top:68%}.stars i:nth-child(12){left:35%;top:91%}.stars i:nth-child(13){left:47%;top:43%}.stars i:nth-child(14){left:58%;top:87%}.stars i:nth-child(15){left:68%;top:4%}.stars i:nth-child(16){left:78%;top:79%}.stars i:nth-child(17){left:85%;top:49%}.stars i:nth-child(18){left:4%;top:54%}.stars i:nth-child(19){left:56%;top:64%}.stars i:nth-child(20){left:92%;top:94%}
.hero{min-height:100svh;position:relative;display:grid;place-items:center;isolation:isolate}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-photo{z-index:-2;object-fit:cover;object-position:53%;filter:saturate(.62) brightness(.62)}.hero-shade{z-index:-1;background:linear-gradient(#04050829,#0405085c 45%,#040508f0)}.hero-content{width:min(92%,820px);padding:0;text-align:center;transform:translateY(5vh)}.eyebrow{position:absolute;top:max(4vh,28px);left:50%;width:100%;margin:0;transform:translateX(-50%)}.eyebrow,.chapter,.next-label,.covers-intro,.modal-kicker{font:500 .69rem system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#ffffffad}.chapter,.next-label,.covers-intro,.modal-kicker{margin:0 0 1.2rem}h1{margin:0;font-size:clamp(6rem,26vw,12rem);font-weight:400;line-height:.82;letter-spacing:-.075em;transform:scale(1.28);transform-origin:center}.lead{margin:1rem 0 1.8rem;font-size:clamp(1rem,4vw,1.3rem);font-style:italic}.countdown{display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,500px);margin:0 auto 2rem;border-block:1px solid var(--line)}.countdown div{padding:1rem .3rem}.countdown strong{display:block;font-size:clamp(1.25rem,6vw,2rem);font-weight:400}.countdown span{display:block;font:500 .58rem system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#ffffff80}.enter{color:inherit;text-decoration:none;font:500 .72rem system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase}
main{position:relative;z-index:1}main section{width:min(86%,780px);min-height:85svh;margin:auto;display:flex;flex-direction:column;justify-content:center;padding:15vh 0}.quiet h2,.night h2{margin:0 0 2.5rem;font-size:clamp(2.2rem,8vw,5rem);font-weight:400;line-height:1.06}.quiet>p:last-child,.memory p{color:var(--muted);font-size:clamp(1.15rem,4.5vw,1.7rem);line-height:1.65}.secret{padding:.04em .05em;border:0;border-bottom:1px solid #dbe5ff73;color:#f5f2f0;background:none;cursor:pointer;text-shadow:0 0 7px #d8e4ff1f;animation:secretTwinkle 5.6s ease-in-out infinite}.secret:nth-of-type(even){animation-delay:-2.1s}.line{width:1px;height:80px;background:linear-gradient(transparent,#ffffff80)}.hidden-star{align-self:flex-end;margin-top:3rem;padding:1rem;border:0;color:#ffffff8c;background:none;font-size:1.5rem;animation:twinkle 3s infinite}.covers-intro{font-size:.62rem}.covers{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:1rem 0 5rem}.song-card{position:relative;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);color:#ffffff7a;background:linear-gradient(145deg,#1b1b22,#0d0d11)}.song-card span{font-size:clamp(2rem,8vw,5rem);font-style:italic;opacity:.4}.song-card:before{content:"✦  ·  ✧";position:absolute;top:12%;color:#dee5ff80;letter-spacing:.5em;animation:twinkle 5s infinite}.song-card:after{content:"bloqueada";position:absolute;right:12px;bottom:12px;font:500 .54rem system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#ffffff59}.songs-unlocked .song-card:after{content:"abrir"}.final{align-items:center;text-align:center;min-height:100svh}.question{max-width:720px;margin:0 auto clamp(3rem,8vh,5rem);color:#d9d5d4;font-size:clamp(1.65rem,7vw,3.5rem);line-height:1.15;font-style:italic;letter-spacing:-.025em}.closing{color:var(--muted);font-style:italic}
.final-cover{position:relative;isolation:isolate;width:min(76vw,430px);aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;filter:drop-shadow(0 0 14px #aac8ff61)}.final-cover:after{content:"";position:absolute;z-index:0;inset:4%;border-radius:48% 52% 45% 55%/54% 42% 58% 46%;background:radial-gradient(circle at 46% 43%,#fff 0 17%,#f4f9ff 27%,#d8e7ff 43%,#8caff2a1 59%,#5c84dc2e 71%,transparent 82%);filter:blur(6px);animation:supernova 10.8s cubic-bezier(.42,0,.25,1) infinite}.final-cover span{position:relative;z-index:2;color:#05060a;font-size:clamp(3rem,16vw,7rem);font-weight:600;letter-spacing:-.08em}.closing{margin-top:4rem}
.modal-layer{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;visibility:hidden}.modal-layer[aria-hidden=false]{visibility:visible}.modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#02030691;opacity:0;backdrop-filter:blur(0);transition:.4s}.modal{position:relative;z-index:1;width:min(92vw,510px);padding:clamp(2rem,8vw,3.5rem);border:1px solid #ffffff33;background:#0d0e13f0;box-shadow:0 30px 90px #0009;opacity:0;transform:translateY(-38px);transition:.45s;outline:none}.modal-layer[aria-hidden=false] .modal-backdrop{opacity:1;backdrop-filter:blur(9px)}.modal-layer[aria-hidden=false] .modal{opacity:1;transform:none}.modal-layer.closing .modal,.modal-layer.closing .modal-backdrop{opacity:0}.modal-close{position:absolute;top:10px;right:12px;border:0;color:#ffffffa6;background:none;font-size:1.8rem}.modal h2{margin:0 0 1.5rem;font-size:clamp(2rem,8vw,3.6rem);font-weight:400}.modal-text{margin:0;color:#e5dfda;font-size:clamp(1.35rem,5.5vw,1.85rem);line-height:1.5;animation:note 6s infinite}.modal-action{width:100%;margin-top:2rem;padding:1rem;border:1px solid #ffffff80;color:var(--ink);background:#ffffff14;font:500 .7rem system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase}.modal-lock{text-align:center;color:#d7bdc2;font:500 .72rem system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(24px);transition:1s}.reveal.visible{opacity:1;transform:none}
@keyframes twinkle{0%,100%{opacity:.18;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}@keyframes sky{from{opacity:.3}to{opacity:.75}}@keyframes note{0%,100%{opacity:.76}50%{opacity:1;text-shadow:0 0 22px #e6e1ff33}}@keyframes secretTwinkle{0%,100%{border-color:#dbe5ff55;text-shadow:0 0 5px #d8e4ff17;filter:brightness(.96)}48%{border-color:#eaf0ffbd;text-shadow:0 0 11px #cbdcff5c;filter:brightness(1.14)}62%{border-color:#dbe5ff7a;text-shadow:0 0 7px #d8e4ff2e;filter:brightness(1.04)}}@keyframes supernova{0%{transform:scale(.94);opacity:.74;box-shadow:0 0 18px 6px #91b5f521}18%{transform:scale(.98);opacity:.84;box-shadow:0 0 27px 9px #91b5f52e}38%{transform:scale(.95);opacity:.76}57%{transform:scale(1);opacity:.88;box-shadow:0 0 31px 11px #9bbefa38}68%{transform:scale(1.15);opacity:1;box-shadow:0 0 65px 24px #b4d0ff7a,-105px 0 125px #699bf547,105px 0 125px #699bf547}76%{transform:scale(.87);opacity:.5;filter:blur(8px) brightness(.78);box-shadow:0 0 18px 5px #699bf51a}87%{transform:scale(.91);opacity:.62;filter:blur(7px) brightness(.9)}100%{transform:scale(.94);opacity:.74;filter:blur(6px);box-shadow:0 0 18px 6px #91b5f521}}
@media(max-width:520px){.covers{grid-template-columns:1fr;width:min(82vw,340px);margin-inline:auto}main section{width:84%}.final-cover{width:min(82vw,360px)}.question{font-size:clamp(1.6rem,9vw,2.5rem)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}.reveal{opacity:1;transform:none}}
.hero-photo{opacity:0;transition:opacity 1.1s ease}.hero-photo.is-active{opacity:1}.hero.show-day-cover .hero-photo--day,.hero.show-day-cover .hero-photo--night{opacity:0}.hero-content{position:absolute;inset:0;width:100%;padding:0;transform:none}.hero-content h1{position:absolute;top:50%;left:50%;margin:0;font-size:clamp(6rem,26vw,12rem);line-height:.82;transform:translate(-50%,-50%);transform-origin:center;white-space:nowrap}.lead{position:absolute;top:calc(50% + clamp(3.7rem,10vw,6.4rem));left:50%;width:min(92%,620px);margin:0;transform:translateX(-50%)}.hero-content .countdown{position:absolute;left:50%;bottom:6.5rem;width:min(92%,500px);margin:0;transform:translateX(-50%)}.hero-actions{position:absolute;left:50%;bottom:2.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;transform:translateX(-50%)}.cover-toggle{width:2.65rem;height:2.65rem;display:grid;place-items:center;border:1px solid #ffffff94;border-radius:50%;color:#fff;background:#0a0c12a6;box-shadow:0 0 18px #b9ceff45,inset 0 0 12px #ffffff12;cursor:pointer;transition:background .35s,border-color .35s,transform .35s,box-shadow .35s}.cover-toggle span{font-size:1.15rem;line-height:1;animation:twinkle 3s ease-in-out infinite}.cover-toggle:hover,.cover-toggle:focus-visible{border-color:#fff;background:#ffffff24;box-shadow:0 0 24px #c7d8ff80,inset 0 0 14px #ffffff24;outline:none;transform:scale(1.08)}.eyebrow{position:absolute;z-index:2;top:max(4vh,28px);left:0;right:0;width:100%;margin:0;text-align:center;transform:none;animation:eyebrowTwinkle 3.8s ease-in-out infinite}@keyframes eyebrowTwinkle{0%,100%{opacity:.5;text-shadow:0 0 4px transparent}50%{opacity:1;text-shadow:0 0 12px #e7edff8f}}