@import url(https://fonts.googleapis.com/css2?family=Righteous&family=DM+Sans:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-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}.affirmation-card{background:var(--color-card);border-radius:30px;box-shadow:0 20px 60px #0000004d,inset 0 0 0 1px #fff3;overflow:hidden;padding:3rem 2.5rem;position:relative}.card-glow{animation:rotate 10s linear infinite;background:radial-gradient(circle,#ff6b9d1a 0,#0000 70%);height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.affirmation-text{color:var(--color-deep);font-size:clamp(1.5rem,4vw,2.2rem);font-weight:500;line-height:1.5;position:relative;text-align:center;z-index:1}.user-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-sunrise-1),var(--color-sunrise-2));-webkit-background-clip:text;background-clip:text;font-family:Righteous,cursive;font-size:1.1em}@media (max-width:768px){.affirmation-card{padding:2rem 1.5rem}}*{box-sizing:border-box;margin:0;padding:0}:root{--color-sunrise-1:#ff6b9d;--color-sunrise-2:#ffa07a;--color-sunrise-3:gold;--color-sky-1:#4facfe;--color-sky-2:#00f2fe;--color-deep:#1a1a2e;--color-card:#fffffff2;--shadow-glow:0 0 40px #ff6b9d4d}.app-container{align-items:center;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.background-gradient{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe);background-size:400% 400%;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-2}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.stars{animation:twinkle 8s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px at 50% 50%,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000),radial-gradient(1px 1px at 33% 80%,#fff,#0000),radial-gradient(1px 1px at 15% 90%,#fff,#0000);background-position:0 0;background-size:200% 200%;height:100%;left:0;opacity:.6;position:fixed;top:0;width:100%;z-index:-1}@keyframes twinkle{0%,to{opacity:.6}50%{opacity:.3}}.app-header{animation:slideDown 1s ease-out;margin-bottom:3rem;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.app-title{-webkit-text-fill-color:#0000;animation:shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#fff,gold,#fff);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-family:Righteous,cursive;font-size:clamp(2.5rem,8vw,4.5rem);letter-spacing:2px;margin-bottom:.5rem;text-shadow:0 0 20px #ffffff80}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.app-subtitle{color:#ffffffe6;font-size:1.1rem;font-weight:400;letter-spacing:1px}.main-content{align-items:center;display:flex;flex-direction:column;gap:2.5rem;max-width:700px;width:100%}.affirmation-container{transition:opacity .3s ease,transform .3s ease;width:100%}.affirmation-container.fade-in{animation:popIn .5s cubic-bezier(.68,-.55,.265,1.55);opacity:1;transform:scale(1)}.affirmation-container.fade-out{opacity:0;transform:scale(.95)}@keyframes popIn{0%{opacity:0;transform:scale(.8) rotate(-2deg)}50%{transform:scale(1.05) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.new-affirmation-btn{background:linear-gradient(135deg,#ff6b9d,#ffa07a);border:none;border-radius:50px;box-shadow:0 10px 30px #ff6b9d66;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:1.2rem 3rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.new-affirmation-btn:hover{box-shadow:0 15px 40px #ff6b9d80;transform:translateY(-3px)}.new-affirmation-btn:active{transform:translateY(-1px)}.btn-text{position:relative;z-index:1}.btn-shine{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.new-affirmation-btn:hover .btn-shine{left:100%}.app-footer{animation:fadeIn 1s ease-out .5s both;margin-top:3rem;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-footer p{color:#fffc;font-size:1rem;font-weight:400}@media (max-width:768px){.app-container{padding:1.5rem}.new-affirmation-btn{font-size:1rem;padding:1rem 2.5rem}}
/*# sourceMappingURL=main.4f3ba013.css.map*/