@import url(https://fonts.googleapis.com/css2?family=Handjet:wght@300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nav-container{bottom:50px;display:flex;gap:clamp(1rem,2vw,3rem);left:50%;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:1000}.page-nav{background-color:var(--current-fg);box-shadow:0 4px 12px #0000001a;opacity:0;padding:.75rem 2rem;pointer-events:none;transition:opacity 1s ease-in-out}.page-nav.visible{opacity:1;pointer-events:all}.nav-link{color:var(--nav-color);font-family:Handjet,cursive;font-size:2rem;font-weight:300;padding-bottom:5px;text-decoration:none}.nav-link.active{border-bottom:2px solid var(--nav-color)}.hamburger{bottom:30px;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:10px;position:fixed;right:30px;z-index:1001}.hamburger span{background-color:var(--nav-color);display:block;height:3px;transition:all .3s ease-in-out;width:30px}@media screen and (max-width:768px){.hamburger{display:flex}.nav-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--current-bg);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;z-index:999}.nav-overlay.open{opacity:.95;visibility:visible}.nav-container{align-items:center;bottom:0;flex-direction:column;gap:2rem;justify-content:center;opacity:0;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;transition:right .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;width:100%}.nav-container.open{opacity:1;right:0;visibility:visible}.hamburger.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:last-child{transform:rotate(-45deg) translate(6px,-6px)}.nav-link{font-size:1.8rem}}@media screen and (max-width:480px){.nav-link{font-size:1.5rem}}@media screen and (max-width:350px){.nav-container{gap:1.5rem}.nav-link{font-size:1.2rem}}.home-container{align-items:center;background-color:var(--current-bg);display:flex;justify-content:center;min-height:100vh}.center-content{backface-visibility:hidden;perspective:1000px;position:relative;text-align:center;transform:translateZ(0)}.center-image{animation:imageToggle 16s infinite;filter:drop-shadow(0 10px 15px rgba(0,0,0,.1));height:auto;max-width:35rem;opacity:1;position:relative;z-index:2}.title{backface-visibility:hidden;color:var(--title-color);font-family:Handjet,cursive;font-weight:800;left:50%;margin:0;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transform-style:preserve-3d;white-space:nowrap;will-change:transform,opacity;z-index:1}.title-1{animation:slideOut 16s infinite;animation-delay:0s;font-size:30rem;transform:translate(-50%,-50%) translateZ(0)}.title-2{animation:slideOut 16s infinite;animation-delay:3s}.title-2,.title-3{font-size:25rem;transform:translate(-50%,-50%) translateZ(0)}.title-3{animation:slideOut 16s infinite;animation-delay:6s}.title-4{animation:slideOut 16s infinite;animation-delay:10s;font-size:15rem;text-align:center;transform:translate(-50%,-50%) translateZ(0);white-space:normal;width:max-content}@keyframes slideOut{0%,1%{opacity:0;transform:translate(-50%,-30%) translateZ(0)}20%,5%{opacity:1;transform:translate(-50%,-50%) translateZ(0)}24%,to{opacity:0;transform:translate(-50%,-70%) translateZ(0)}}@keyframes imageToggle{0%,63%{opacity:1;visibility:visible}65%,95%{opacity:0;visibility:hidden}97%,to{opacity:1;visibility:visible}}.sparkle-text{animation:weightAndColor 3s 11s forwards;display:inline-block;font-weight:900}@keyframes weightAndColor{0%{color:var(--title-color)}to{color:var(--nav-color)}}[data-language=PT-BR] .title-4{font-size:13rem}@media screen and (max-width:1200px){.title-1{font-size:18rem}.title-2,.title-3{font-size:15rem}.title-4{font-size:9rem}[data-language=PT-BR] .title-4{font-size:7.8rem}.center-image{max-width:21rem}}@media screen and (max-width:768px){.title-1{font-size:12rem}.title-2,.title-3{font-size:10rem}.title-4{font-size:6rem;white-space:normal;width:90vw}[data-language=PT-BR] .title-4{font-size:5.2rem}.center-image{max-width:14rem}}@media screen and (max-width:480px){.title-1{font-size:7.5rem}.title-2,.title-3{font-size:6.25rem}.title-4{font-size:3.75rem;width:85vw}[data-language=PT-BR] .title-4{font-size:3.25rem}.center-image{max-width:8.75rem}}@media screen and (max-width:320px){.title-1{font-size:6rem}.title-2,.title-3{font-size:5rem}.title-4{font-size:3rem;width:80vw}[data-language=PT-BR] .title-4{font-size:2.6rem}.center-image{max-width:7rem}}.project-card{border:5px dotted var(--nav-color)}.title.initialized{transition:transform .1s ease-out}.about-container{background-color:var(--current-bg);display:flex;flex-direction:column;min-height:100vh;padding:4rem 0}.sticky-nav{left:0;padding:1rem 2rem;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.sticky-nav.scrolled{background-color:var(--nav-color);border-radius:0 0 25px 25px;box-shadow:0 4px 12px #0000001a}.profile-section{background-color:var(--current-fg);border:5px dotted var(--nav-color);box-shadow:0 8px 16px #0000001a;cursor:pointer;height:20rem;margin:2rem auto;overflow:hidden;position:relative;transition:all .5s ease-in-out;width:85%}.profile-content{align-items:center;display:flex;gap:3rem;padding:2rem;transition:opacity .3s ease-in-out,transform .5s ease-in-out}.profile-content.hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.flipped-content{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:2rem;pointer-events:none;position:absolute;top:0;transform:translateY(-100%);transition:opacity .3s ease-in-out,transform .5s ease-in-out;width:100%}.flipped-content.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.narrative-tabs{display:flex;gap:1rem;justify-content:space-between;margin:2rem auto;width:85%}.tab-button{align-items:center;background-color:var(--current-fg);border:3px solid var(--nav-color);border-radius:10px;color:var(--nav-color);cursor:pointer;display:flex;flex:1 1;font-family:Handjet,cursive;font-size:1.5rem;font-weight:500;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.tab-button.active,.tab-button:hover{background-color:var(--nav-color);color:var(--current-fg)}.tab-button.active{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.narrative-section{background-color:var(--current-fg);border:5px dotted var(--nav-color);box-shadow:0 8px 16px #0000001a;margin:0 auto 3rem;min-height:300px;padding:2.5rem;width:85%}.narrative-content{width:100%}.narrative-part{animation:fadeIn .5s ease-in-out}.narrative-part h2{color:var(--title-color);font-family:Handjet,cursive;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.narrative-part p{color:var(--nav-color);font-family:Handjet,cursive;font-size:1.75rem;font-weight:500;line-height:1.6;white-space:pre-line}.profile-image{border-radius:460px;height:15rem;object-fit:cover;width:15rem}.profile-info{display:flex;flex-direction:column;gap:.5rem;position:relative}.main-title{color:var(--title-color);font-family:Handjet,cursive;font-size:3.5rem;font-weight:700}.subtitle{font-size:1.75rem;font-weight:400;margin-bottom:2rem}.info-text,.subtitle{color:var(--nav-color);font-family:Handjet,cursive}.info-text{align-items:center;display:flex;font-size:2rem;font-weight:500;gap:.5rem;position:relative}.info-text:has(span){display:inline-block}.info-text span{animation:bounce 2s infinite;display:inline-block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.info-text .easter-egg{cursor:help;font-size:.8rem;opacity:.7;transition:opacity .3s ease}.info-text:hover .easter-egg{opacity:1}.info-container{display:flex;gap:4rem;margin:4rem auto;width:85%}.info-column{flex:1 1}.column-title{color:var(--title-color);font-family:Handjet,cursive;font-size:3rem;font-weight:700;margin-bottom:.5rem}.column-subtitle{font-size:1.5rem;font-weight:400;margin-bottom:2rem}.column-subtitle,.column-text{color:var(--nav-color);font-family:Handjet,cursive}.column-text{font-size:1.75rem;font-weight:500;line-height:1.4}.column-detail{color:var(--nav-color);font-family:Handjet,cursive;font-size:1.5rem;font-weight:400;margin-bottom:2rem}.info-sections{margin:4rem auto 0;width:85%}.info-sections,.info-side{display:flex;flex:1 1;gap:4rem}.info-side{flex-direction:column}.info-column{background-color:var(--current-fg);border:5px dotted var(--nav-color);box-shadow:0 8px 16px #0000001a;padding:2.5rem}.light-weight{color:var(--nav-color);font-family:Handjet,cursive;font-size:1.75rem;font-weight:300;line-height:1.4;margin-bottom:2rem}.section-divider{background-color:var(--nav-color);height:3px;margin:2rem 0;opacity:.5;width:100%}.floating-text{animation:float 3s ease-in-out infinite,fade 4s ease-in-out infinite;color:var(--nav-color);font-family:Handjet,cursive;font-size:1.2rem;font-weight:500;opacity:0;pointer-events:none;position:absolute}.float-1{animation-delay:0s,.5s;right:20%;top:-20px}.float-2{animation-delay:.5s,1s;bottom:-10px;right:40%}.float-3{animation-delay:1s,1.5s;right:-50px;top:20%}.float-4{animation-delay:1.5s,2s;bottom:30%;left:-40px}.float-5{animation-delay:2s,2.5s;left:30%;top:-15px}@keyframes float{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes fade{0%,to{opacity:0}50%{opacity:.4}}.playful-subtitle{animation:playfulAppear 6s ease-in-out infinite;color:var(--nav-color);display:inline-block;font-size:.8em;font-weight:400;margin-left:.5rem;opacity:0}@keyframes playfulAppear{0%{opacity:0;transform:translateY(5px)}15%{opacity:.8;transform:translateY(0)}85%{opacity:.8;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}@media screen and (max-width:1024px){.profile-section{height:auto;min-height:20rem;width:90%}.profile-content{gap:2rem;padding:1.5rem}.main-title{font-size:3rem}.column-detail,.subtitle{font-size:1.5rem}.info-text{font-size:1.8rem}.info-sections{gap:3rem;width:90%}.column-text,.light-weight{font-size:1.5rem}}@media screen and (max-width:768px){.profile-section{padding:1rem;width:95%}.profile-content{flex-direction:column;text-align:center}.profile-image{height:12rem;width:12rem}.main-title{font-size:2.5rem}.subtitle{font-size:1.3rem;margin-bottom:1rem}.info-text{font-size:1.5rem}.info-sections{flex-direction:column;gap:2rem;width:95%}.info-side{gap:2rem}.info-column{padding:1.5rem}.column-title{font-size:2.2rem;text-align:center}.column-subtitle{text-align:center}.column-detail,.column-subtitle{font-size:1.2rem;margin-bottom:1rem}.column-text,.light-weight{font-size:1.3rem;text-align:left}.section-divider{margin:1.5rem 0}.about-container{padding:3rem 0}.narrative-tabs{flex-wrap:wrap;width:95%}.tab-button{flex:1 1 45%;font-size:1.1rem;margin-bottom:.5rem;padding:.7rem .5rem}.narrative-section{padding:1.5rem;width:95%}.narrative-part h2{font-size:2rem;text-align:center}.narrative-part p{font-size:1.4rem}}@media screen and (max-width:480px){.profile-section{padding:1rem .5rem;width:95%}.profile-image{height:10rem;width:10rem}.main-title{font-size:2rem}.subtitle{font-size:1.1rem}.info-text{font-size:1.3rem}.info-sections{gap:1.5rem;width:95%}.info-side{gap:1.5rem}.info-column{padding:1.2rem}.column-title{font-size:1.8rem}.column-detail,.column-subtitle{font-size:1rem}.column-text,.light-weight{font-size:1.1rem;line-height:1.5}.about-container{padding:2rem 0}.narrative-tabs{width:95%}.tab-button{flex:1 1 45%;font-size:.9rem;padding:.6rem .4rem}.tab-button span{display:none}.narrative-section{min-height:250px;padding:1.2rem;width:95%}.narrative-part h2{font-size:1.7rem}.narrative-part p{font-size:1.2rem;line-height:1.5}}@media screen and (max-width:350px){.profile-section{padding:.8rem .3rem}.profile-image{height:8rem;width:8rem}.main-title{font-size:1.8rem}.subtitle{font-size:1rem}.info-text{font-size:1.2rem}.info-column{padding:1rem}.column-title{font-size:1.6rem}.column-detail,.column-subtitle{font-size:.9rem}.column-text,.light-weight{font-size:1rem}.flipped-text{font-size:1.1rem}}@media (hover:none){.profile-section{cursor:pointer}.info-column,.profile-section{-webkit-tap-highlight-color:transparent}}.projects-container{background-color:var(--current-bg);color:var(--current-fg);min-height:100vh;padding:2rem}.title-container{margin-bottom:3rem;text-align:center}.projects-title{color:var(--title-color);font-family:Handjet,cursive;font-size:3rem;margin:0}.projects-section{margin-bottom:4rem}.section-title{color:var(--nav-color);font-family:Handjet,cursive;font-size:2rem;margin-bottom:2rem;text-align:center}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px}.project-card{background-color:var(--current-fg);border:3px dotted var(--nav-color);border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-image-container{height:200px;overflow:hidden;width:100%}.project-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-image-top{object-position:top}.project-card:hover .project-image{transform:scale(1.05)}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.project-title{color:var(--title-color);font-size:1.5rem}.project-description,.project-title{font-family:Handjet,cursive;margin:0 0 1rem}.project-description{color:var(--nav-color);flex-grow:1;font-size:1.3rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background-color:var(--current-bg);border:1px solid var(--nav-color);border-radius:15px;color:var(--nav-color);padding:.4rem 1rem}.project-button,.tag{font-family:Handjet,cursive;font-size:1rem}.project-button{align-self:flex-start;background-color:var(--nav-color);border:none;border-radius:5px;color:var(--current-fg);cursor:pointer;padding:.8rem 1.5rem;transition:all .3s ease}.project-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.more-projects{margin-top:4rem;padding-bottom:2rem;text-align:center}.more-projects-button{background:none;border:5px dotted var(--nav-color);color:var(--nav-color);cursor:pointer;font-family:Handjet,cursive;font-size:2rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.more-projects-button:hover{background-color:var(--nav-color);color:var(--white-color)}.modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--current-bg);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-in-out;background-color:var(--current-fg);border:5px dotted var(--nav-color);max-width:90%;padding:3rem;position:relative;text-align:center;width:600px}.modal-close{background:none;border:none;color:var(--nav-color);cursor:pointer;font-size:2rem;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem}.modal-image{border-radius:10px;height:auto;margin-bottom:2rem;max-width:100%}.modal-text{color:var(--nav-color);font-family:Handjet,cursive;font-size:1.5rem;line-height:1.4;margin-bottom:2rem}@media screen and (max-width:768px){.projects-container{padding:1rem}.projects-title{font-size:2.5rem}.section-title{font-size:1.8rem}.projects-grid{gap:1.5rem;grid-template-columns:1fr}.project-image-container{height:180px}.project-content{padding:1.2rem}.project-title{font-size:1.3rem}.project-description{font-size:1.1rem}.tag{font-size:.9rem;padding:.3rem .8rem}.project-button{font-size:.9rem;padding:.6rem 1.2rem}}@media screen and (max-width:480px){.projects-title{font-size:2rem}.section-title{font-size:1.5rem}.project-image-container{height:160px}.project-content{padding:1rem}.project-title{font-size:1.2rem}.project-description{font-size:1rem}.tag{font-size:.9rem;padding:.3rem .8rem}.project-button{font-size:.9rem;padding:.6rem 1.2rem}}@media screen and (max-width:350px){.projects-title{font-size:3.5rem}.project-title{font-size:2rem}.project-description{font-size:1.3rem}.tag{font-size:1.1rem}.project-button{font-size:1.3rem}.more-projects-button{font-size:1.6rem;padding:.7rem 1.4rem}.modal-text{font-size:1.3rem}}@media (hover:none){.project-card,.project-card:hover{transform:none}.modal-close,.more-projects-button,.project-button{-webkit-tap-highlight-color:transparent}.modal-content{-webkit-overflow-scrolling:touch;max-height:90vh;overflow-y:auto}}.contact-container{align-items:center;background-color:var(--current-bg);display:flex;flex-direction:column;min-height:100vh;padding:4rem 1rem}.title-container{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;width:100%}.contact-title{color:var(--title-color);font-family:Handjet,cursive;font-size:6rem;font-weight:700}.waving-emoji{animation:wave-emoji 2.5s infinite;display:inline-block;font-size:4rem;transform-origin:70% 70%}@keyframes wave-emoji{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.social-links{display:flex;gap:2rem;margin-bottom:3rem}.social-link{color:var(--nav-color);font-size:3.5rem;transition:all .3s ease}.social-link:hover{color:var(--title-color);transform:scale(1.1)}.contact-form{background-color:var(--current-fg);border:5px dotted var(--nav-color);gap:1.5rem;margin:0 1rem;max-width:600px;padding:2.5rem;width:100%}.contact-form,.form-group{display:flex;flex-direction:column}.form-input{background-color:initial;border:2px solid var(--nav-color);border-radius:5px;color:var(--nav-color);font-family:Handjet,cursive;font-size:1.8rem;padding:1rem;transition:all .3s ease}.form-input::placeholder{color:var(--nav-color);opacity:.7}.form-input:focus{border-color:var(--title-color);outline:none}.form-textarea{min-height:150px;resize:vertical}.form-button{background:none;border:3px dotted var(--nav-color);color:var(--nav-color);cursor:pointer;font-family:Handjet,cursive;font-size:2rem;font-weight:500;margin-top:1rem;padding:1rem;transition:all .3s ease}.form-button:hover{background-color:var(--nav-color);color:var(--white-color)}.alternative-contact{color:var(--nav-color);font-family:Handjet,cursive;font-size:1.8rem;line-height:1.4;margin-top:2rem;padding:0 1rem 4rem;text-align:center}.email-link{color:var(--title-color);display:inline-block;font-weight:700;text-decoration:none;transition:all .3s ease;word-break:break-all}.email-link:hover{color:var(--nav-color)}@media screen and (max-width:1024px){.contact-title{font-size:5rem}.waving-emoji{font-size:3.5rem}.form-input{font-size:1.6rem}.form-button{font-size:1.8rem}}@media screen and (max-width:768px){.contact-container{padding:3rem 1rem}.contact-title{font-size:4.5rem}.social-link,.waving-emoji{font-size:3rem}.contact-form{border-width:4px;padding:2rem}.form-input{font-size:1.5rem;padding:.8rem}.form-button{font-size:1.6rem;padding:.8rem}.alternative-contact{font-size:1.5rem;padding:0 1.5rem 3rem}}@media screen and (max-width:480px){.contact-container{padding:2rem .8rem}.contact-title{font-size:3.5rem}.social-link,.waving-emoji{font-size:2.5rem}.contact-form{border-width:3px;gap:1.2rem;padding:1.5rem}.form-input{font-size:1.4rem;padding:.7rem}.form-textarea{min-height:120px}.form-button{border-width:2px;font-size:1.5rem;padding:.7rem}.alternative-contact{font-size:1.3rem;padding:0 1rem 2rem}}@media screen and (max-width:350px){.contact-title{font-size:3rem}.waving-emoji{font-size:2rem}.social-link{font-size:2.2rem}.form-input{font-size:1.3rem}.form-button{font-size:1.4rem}.alternative-contact{font-size:1.2rem}}@media (hover:none){.social-link:active{transform:scale(1.1)}.form-button,.form-input{-webkit-tap-highlight-color:transparent}.form-button:active{background-color:var(--nav-color);color:var(--white-color)}}.settings-container{position:fixed;right:2rem;top:2rem;z-index:1000}.settings-button{align-items:center;background:none;border:none;color:var(--nav-color);cursor:pointer;display:flex;font-size:2rem;justify-content:center;padding:.5rem;transition:transform .3s ease}.settings-button.active{transform:rotate(180deg)}.settings-popup{background-color:var(--current-fg);border:3px dotted var(--nav-color);min-width:200px;opacity:0;padding:1.5rem;position:absolute;right:0;top:calc(100% + 1rem);transform:translateY(-10px);transition:all .3s ease;visibility:hidden}.settings-popup.open{opacity:1;transform:translateY(0);visibility:visible}.settings-option{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.settings-option:last-child{margin-bottom:0}.settings-label{font-weight:500}.settings-label,.toggle-button{color:var(--nav-color);font-family:Handjet,cursive;font-size:1.2rem}.toggle-button{align-items:center;background:none;border:2px solid var(--nav-color);cursor:pointer;display:flex;justify-content:center;padding:.3rem .8rem;transition:all .3s ease}.toggle-button:hover{background-color:var(--nav-color);color:var(--white-color)}@media screen and (max-width:768px){.settings-container{right:1.5rem;top:1.5rem}.settings-button{font-size:1.8rem}.settings-popup{min-width:180px;padding:1.2rem}.settings-label,.toggle-button{font-size:1.1rem}}@media screen and (max-width:480px){.settings-container{right:1rem;top:1rem}.settings-button{font-size:1.6rem}.settings-popup{min-width:160px;padding:1rem}.settings-label,.toggle-button{font-size:1rem}}@media (hover:none){.settings-button,.toggle-button{-webkit-tap-highlight-color:transparent}}.notification-container{position:fixed;right:5rem;top:2rem;z-index:1000}.notification-button{background:none;border:none;color:var(--nav-color);cursor:pointer;font-size:2rem;padding:.5rem;position:relative;transition:transform .3s ease}.notification-badge,.notification-button{align-items:center;display:flex;justify-content:center}.notification-badge{background-color:var(--title-color);border-radius:50%;color:var(--current-fg);font-family:Handjet,cursive;font-size:.8rem;height:1.2rem;min-width:1.2rem;padding:.2rem .4rem;position:absolute;right:0;top:0}.notification-button.ringing{animation:ring 1s ease-in-out infinite}@keyframes ring{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-10deg)}40%,80%{transform:rotate(10deg)}}.notification-popup{background-color:var(--current-fg);border:3px dotted var(--nav-color);max-width:400px;min-width:300px;opacity:0;padding:1.5rem;position:absolute;right:0;top:calc(100% + 1rem);transform:translateY(-10px);transition:all .3s ease;visibility:hidden}.notification-popup.open{opacity:1;transform:translateY(0);visibility:visible}.notification-header{align-items:center;display:flex;font-family:Handjet,cursive;justify-content:space-between;margin-bottom:1rem}.notification-header h3{color:var(--nav-color);font-size:1.5rem;margin:0}.clear-button{background:none;border:2px solid var(--nav-color);color:var(--nav-color);cursor:pointer;font-family:Handjet,cursive;font-size:1rem;padding:.3rem .8rem;transition:all .3s ease}.clear-button:hover{background-color:var(--nav-color);color:var(--current-fg)}.notification-list{max-height:300px;overflow-y:auto}.notification-item{border:2px solid #0000;font-family:Handjet,cursive;margin-bottom:.5rem;padding:1rem;transition:all .3s ease}.notification-item.unread{border-color:var(--nav-color)}.notification-item h4{color:var(--title-color);font-size:1.2rem;margin:0 0 .5rem}.notification-item p{color:var(--nav-color);font-size:1rem;line-height:1.4;margin:0}.notification-time{color:var(--nav-color);display:block;font-size:.9rem;margin-top:.5rem;opacity:.7}.no-notifications{color:var(--nav-color);font-family:Handjet,cursive;font-size:1.2rem;padding:1rem;text-align:center}@media screen and (max-width:768px){.notification-container{right:4.5rem;top:1.5rem}.notification-button{font-size:1.8rem}.notification-popup{max-height:80vh;min-width:280px;overflow-y:auto;padding:1.2rem;right:-50px}.notification-header{align-items:stretch;flex-direction:column;gap:1rem}.notification-header h3{font-size:1.8rem;text-align:center}.clear-button{font-size:1.2rem;margin-bottom:.5rem;padding:.5rem;text-align:center;width:100%}.notification-popup{left:auto;max-width:320px;right:-40px;width:calc(100vw - 4rem)}}@media screen and (max-width:480px){.notification-container{right:4rem;top:1rem}.notification-button{font-size:1.6rem}.notification-popup{max-width:300px;min-width:0;min-width:auto;padding:1rem;right:-30px;width:calc(100vw - 3rem)}.notification-header h3{font-size:1.6rem}.clear-button{font-size:1.1rem;padding:.4rem}.notification-item{padding:.8rem}.notification-item h4{font-size:1.3rem}.notification-item p{font-size:1.1rem}}@media screen and (max-width:350px){.notification-container{right:3.5rem}.notification-popup{padding:.8rem;right:-20px;width:calc(100vw - 2.5rem)}.notification-header h3{font-size:1.4rem}.clear-button{font-size:1rem;padding:.3rem}}.notification-item.clickable{cursor:pointer;transition:transform .2s ease}.notification-item.clickable:hover{background-color:var(--current-bg);transform:translateY(-2px)}@media (hover:none){.clear-button,.notification-button,.notification-item.clickable{-webkit-tap-highlight-color:transparent}.notification-list,.notification-popup{-webkit-overflow-scrolling:touch}.notification-popup{overflow-y:scroll}.notification-item{margin-bottom:.8rem;padding:1rem}.clear-button{padding:.5rem 1rem}}@supports (padding-top:env(safe-area-inset-top)){.notification-container{padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top)}}@media (hover:none){.notification-popup{-webkit-overflow-scrolling:touch}.clear-button,.notification-item{min-height:44px}}@supports (padding:env(safe-area-inset-right)){.notification-popup{padding-left:1rem;padding-right:max(1rem,env(safe-area-inset-right))}}.welcome-popup-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.welcome-popup{animation:slideUp .3s ease;background-color:var(--current-fg);border:3px dotted var(--nav-color);border-radius:10px;font-family:Handjet,cursive;max-width:500px;padding:2rem;width:90%}.welcome-popup h2{color:var(--title-color);font-size:2rem;text-align:center}.welcome-popup h2,.welcome-section{margin-bottom:2rem}.welcome-section h3{color:var(--nav-color);font-size:1.5rem;margin-bottom:1rem}.language-options,.theme-options{display:flex;gap:1rem;justify-content:center}.language-button,.theme-button{background:none;border:2px solid var(--nav-color);border-radius:5px;color:var(--nav-color);cursor:pointer;font-family:Handjet,cursive;font-size:1.2rem;padding:.5rem 1.5rem;transition:all .3s ease}.language-button.active,.language-button:hover,.theme-button.active,.theme-button:hover{background-color:var(--nav-color);color:var(--current-fg)}.welcome-info{color:var(--nav-color);font-size:1.1rem;margin:2rem 0;text-align:center}.continue-button{background-color:var(--nav-color);border:none;border-radius:5px;color:var(--current-fg);cursor:pointer;display:block;font-family:Handjet,cursive;font-size:1.3rem;margin:0 auto;padding:.8rem 2rem;transition:all .3s ease}.continue-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.welcome-popup{padding:1.5rem;width:95%}.welcome-popup h2{font-size:1.8rem}.welcome-section h3{font-size:1.3rem}.language-button,.theme-button{font-size:1.1rem;padding:.4rem 1.2rem}.welcome-info{font-size:1rem}.continue-button{font-size:1.2rem;padding:.6rem 1.5rem}}@media screen and (max-width:480px){.welcome-popup{padding:1.2rem}.welcome-popup h2{font-size:1.6rem}.welcome-section h3{font-size:1.2rem}.language-options,.theme-options{flex-direction:column;gap:.8rem}.language-button,.theme-button{padding:.5rem;width:100%}}.particle-background{background-color:initial;height:100vh;left:0;opacity:.5;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:0}[data-theme=dark] .particle-background{opacity:.1}@media screen and (max-width:768px){.particle-background{opacity:.25}}@media screen and (max-width:480px){.particle-background{opacity:.2}}@media (prefers-reduced-motion:reduce){.particle-background{opacity:.1}}:root{--background-color:#faf4f2;--background-color-dark:#212121;--title-color:#9cc5da;--nav-color:#deabb4;--white-color:#fffefe;--black-color:#070707}[data-theme=light]{--current-bg:var(--background-color);--current-fg:var(--white-color)}[data-theme=dark]{--current-bg:var(--background-color-dark);--current-fg:var(--black-color)}*{box-sizing:border-box;margin:0;padding:0}.App{background-color:var(--current-bg);color:var(--current-fg);min-height:100vh;transition:background-color .3s ease,color .3s ease}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.543edd27.css.map*/