@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);.landing{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-lg);position:relative}.landing-content{max-width:600px;text-align:center;z-index:1}.landing-badge{animation:pulse 2s ease-in-out infinite;background:var(--gradient-warm);border-radius:var(--radius-full);display:inline-block;font-size:.875rem;font-weight:600;padding:var(--space-sm) var(--space-md)}.landing-badge,.landing-title{color:var(--text-dark);margin-bottom:var(--space-lg)}.landing-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;line-height:1.1}.landing-title .highlight{-webkit-text-fill-color:#0000;background:var(--gradient-cool);-webkit-background-clip:text;background-clip:text}.landing-subtitle{color:var(--text-medium);font-size:1.25rem;margin-bottom:var(--space-xl)}.landing-cta{background:var(--gradient-sunset);border-radius:var(--radius-full);color:#fff;font-size:1.25rem;font-weight:700;padding:var(--space-md) var(--space-xl);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.landing-cta:hover{box-shadow:0 10px 40px #ff6b6b4d;transform:translateY(-2px)}.landing-cta:disabled{cursor:not-allowed;opacity:.7;transform:none}.landing-hint{color:var(--text-light);font-size:.875rem;margin-top:var(--space-lg)}.landing-shapes{inset:0;pointer-events:none;position:absolute}.shape{border-radius:50%;filter:blur(60px);opacity:.6;position:absolute}.shape-1{animation:drift1 25s linear infinite;background:var(--sunshine);height:350px;width:350px}.shape-2{animation:drift2 30s linear infinite;background:var(--mint);height:300px;width:300px}.shape-3{animation:drift3 28s linear infinite;background:var(--lavender);height:250px;width:250px}.shape-4{animation:drift4 22s linear infinite;background:var(--coral);height:200px;width:200px}.shape-5{animation:drift5 26s linear infinite;background:var(--sky);height:180px;width:180px}@keyframes drift4{0%{left:80%;top:10%}25%{left:15%;top:75%}50%{left:5%;top:20%}75%{left:85%;top:60%}to{left:80%;top:10%}}@keyframes drift5{0%{left:30%;top:85%}25%{left:60%;top:5%}50%{left:90%;top:40%}75%{left:10%;top:70%}to{left:30%;top:85%}}.auth-modal-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--space-lg);position:fixed;z-index:100}.auth-modal{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#fffffff2;border:1px solid #ffffff80;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0003;max-width:420px;padding:var(--space-xl);position:relative;text-align:center;width:100%}.auth-modal-close{align-items:center;background:var(--bg-light);border:none;border-radius:50%;color:var(--text-medium);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;position:absolute;right:var(--space-md);top:var(--space-md);transition:all var(--transition-fast);width:36px}.auth-modal-close:hover{background:var(--coral);color:#fff;transform:rotate(90deg)}.auth-modal-icon{font-size:3.5rem;margin-bottom:var(--space-md)}.auth-modal-title{color:var(--text-dark);font-size:1.75rem;font-weight:800;margin-bottom:var(--space-xs)}.auth-modal-subtitle{color:var(--text-medium);font-size:1rem;margin-bottom:var(--space-xl)}.auth-google-btn{align-items:center;background:#fff;border:2px solid var(--bg-light);border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;color:var(--text-dark);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--space-sm);justify-content:center;padding:var(--space-md);transition:all var(--transition-fast);width:100%}.auth-google-btn:hover:not(:disabled){border-color:var(--mint);box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.auth-google-btn:disabled{cursor:not-allowed;opacity:.7}.google-icon{height:20px;width:20px}.auth-divider{align-items:center;display:flex;margin:var(--space-lg) 0}.auth-divider:after,.auth-divider:before{background:var(--bg-light);content:"";flex:1 1;height:1px}.auth-divider span{color:var(--text-light);font-size:.875rem;padding:0 var(--space-md)}.auth-email-btn{align-items:center;background:var(--bg-light);border:2px solid #0000;border-radius:var(--radius-lg);color:var(--text-medium);cursor:not-allowed;display:flex;font-size:1rem;font-weight:600;gap:var(--space-sm);justify-content:center;padding:var(--space-md);position:relative;transition:all var(--transition-fast);width:100%}.coming-soon-badge{background:linear-gradient(135deg,var(--lavender) 0,var(--sky) 100%);border-radius:var(--radius-full);color:#fff;font-size:.7rem;margin-left:var(--space-sm);padding:2px 8px}.auth-modal-footer{color:var(--text-light);font-size:.75rem;margin-top:var(--space-lg)}@media (max-width:480px){.auth-modal{margin:var(--space-md);padding:var(--space-lg)}.auth-modal-title{font-size:1.5rem}.landing-title{font-size:2rem}.landing-cta,.landing-subtitle{font-size:1rem}.landing-cta{padding:var(--space-md) var(--space-lg)}}.step-container{max-width:550px;padding:var(--space-lg);text-align:center;width:100%}.step-emoji-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-md);position:relative}.step-emoji{display:block;font-size:4rem}.step-emoji-badge{align-items:center;animation:popIn .3s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b6bf2,#ff8e8ef2);border:2px solid #ffffff80;border-radius:50%;box-shadow:0 4px 15px #ff6b6b66;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:26px;justify-content:center;position:absolute;right:calc(50% - 45px);top:-5px;width:26px}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.step-emoji.travel{animation:flyPlane 3s ease-in-out infinite}.step-emoji.heart{animation:heartbeat 1.2s ease-in-out infinite}.step-emoji.celebration{animation:bounce .6s ease-in-out infinite}.step-emoji.think{animation:think 2s ease-in-out infinite}.step-emoji.sparkle{animation:sparkle 1.5s ease-in-out infinite}.step-emoji.muscle{animation:flex 1s ease-in-out infinite}.step-emoji.mirror{animation:wobble 2s ease-in-out infinite}.step-emoji.clock{animation:swing 2s ease-in-out infinite}.step-emoji.butterfly{animation:flutter 2s ease-in-out infinite}.step-emoji.sun{animation:glow 2s ease-in-out infinite}.step-emoji.target{animation:pulse 1.5s ease-in-out infinite}.step-emoji.rocket{animation:launch 2s ease-in-out infinite}.step-emoji.map{animation:unfold 2s ease-in-out infinite}.step-emoji.habit{animation:spinSlow 4s linear infinite}.step-emoji.money{animation:shake 2s ease-in-out infinite}.step-emoji.coffee{animation:steam 2s ease-in-out infinite}@keyframes flyPlane{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(8px,-8px) rotate(5deg)}50%{transform:translateY(-12px) rotate(0deg)}75%{transform:translate(-8px,-8px) rotate(-5deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}40%{transform:scale(1)}60%{transform:scale(1.15)}}@keyframes think{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes sparkle{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.4);transform:scale(1.15)}}@keyframes flex{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(-10deg) scale(1.2)}}@keyframes wobble{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes swing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes flutter{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(5deg)}75%{transform:translateY(-8px) rotate(-5deg)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 5px rgba(255,230,109,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(255,230,109,.8));transform:scale(1.1)}}@keyframes launch{0%,to{transform:translateY(0) rotate(-45deg)}50%{transform:translateY(-15px) rotate(-45deg)}}@keyframes unfold{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.05) rotate(2deg)}}@keyframes spinSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shake{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-3px) rotate(-5deg)}75%{transform:translateX(3px) rotate(5deg)}}@keyframes steam{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.step-question-badge{animation:spinIn .8s cubic-bezier(.34,1.56,.64,1) forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #fff6;border-radius:var(--radius-full);display:inline-block;font-size:1.25rem;font-weight:600;margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-xl)}.step-question-badge.mint{background:linear-gradient(135deg,#4ecdc4d9,#45b7d1d9);box-shadow:0 8px 32px #4ecdc44d,inset 0 1px 0 #ffffff4d;color:#fff}.step-question-badge.lavender{background:linear-gradient(135deg,#a78bfad9,#818cf8d9);box-shadow:0 8px 32px #a78bfa4d,inset 0 1px 0 #ffffff4d;color:#fff}.step-question-badge.sunset{background:linear-gradient(135deg,#ff6b6bd9,#a78bfad9);box-shadow:0 8px 32px #ff6b6b4d,inset 0 1px 0 #ffffff4d;color:#fff}.step-question-badge.sunshine{background:linear-gradient(135deg,#ffe66de6,#fbbf77e6);box-shadow:0 8px 32px #ffe66d4d,inset 0 1px 0 #ffffff80;color:var(--text-dark)}.step-question-badge.coral{background:linear-gradient(135deg,#ff6b6bd9,#ff8e8ed9);box-shadow:0 8px 32px #ff6b6b4d,inset 0 1px 0 #ffffff4d;color:#fff}.step-question-badge.sky{background:linear-gradient(135deg,#45b7d1d9,#4ecdc4d9);box-shadow:0 8px 32px #45b7d14d,inset 0 1px 0 #ffffff4d;color:#fff}.step-question-badge.rose{background:linear-gradient(135deg,#fb7185d9,#f472b6d9);box-shadow:0 8px 32px #fb71854d,inset 0 1px 0 #ffffff4d;color:#fff}.step-question-badge.settled{animation:floatBadge 3s ease-in-out infinite}.step-question-badge:hover{box-shadow:0 12px 40px #00000026,inset 0 1px 0 #fff6;transform:scale(1.02) translateY(-2px);transition:all .3s ease}@keyframes spinIn{0%{opacity:0;transform:rotate(-180deg) scale(.3)}50%{opacity:1}70%{transform:rotate(8deg) scale(1.05)}85%{transform:rotate(-3deg) scale(.98)}to{transform:rotate(0deg) scale(1)}}@keyframes floatBadge{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(1deg)}}.badge-text{display:block}.step-selected{animation:fadeIn .3s ease;display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.step-selected-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#4ecdc4e6,#45b7d1e6);border:1px solid #ffffff4d;border-radius:var(--radius-full);box-shadow:0 4px 15px #4ecdc440;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.step-selected-item:hover{box-shadow:0 6px 20px #4ecdc459;transform:scale(1.05)}.remove-x{font-size:1.1rem;font-weight:400;margin-left:2px;opacity:.8}.step-input-row{align-items:stretch;display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.step-input-main{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff80;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000000f,inset 0 1px 0 #fffc;flex:1 1;font-size:1.25rem;font-weight:600;padding:var(--space-md) var(--space-lg);text-align:center;transition:all var(--transition-fast)}.step-input-main:focus{background:#fffffff2;box-shadow:0 0 0 4px #4ecdc433,0 4px 20px #00000014,inset 0 1px 0 #fffc;transform:scale(1.01)}.step-input-main::placeholder{color:var(--text-light);font-weight:400}.step-add-btn{animation:fadeIn .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#4ecdc4e6,#45b7d1e6);border:1px solid #ffffff4d;border-radius:var(--radius-lg);box-shadow:0 4px 15px #4ecdc440;color:#fff;font-size:1rem;font-weight:700;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast);white-space:nowrap}.step-add-btn:hover{box-shadow:0 6px 20px #4ecdc459;transform:scale(1.05)}.step-hint{color:var(--text-light);font-size:.85rem;font-style:italic;margin-bottom:var(--space-lg)}.step-suggestions{margin-bottom:var(--space-xl)}.step-suggestions-label{color:var(--text-light);display:block;font-size:.9rem;margin-bottom:var(--space-md)}.step-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-md)}.step-chip{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:var(--radius-full);box-shadow:0 2px 10px #0000000a;color:var(--text-dark);font-size:.9rem;font-weight:500;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.step-chip:hover{background:#ffffffe6;box-shadow:0 6px 20px #00000014;transform:translateY(-3px) scale(1.02)}.step-chip.selected{background:linear-gradient(135deg,#4ecdc4e6,#45b7d1e6);border:1px solid #fff6;box-shadow:0 6px 20px #4ecdc44d;color:#fff;transform:scale(1.05)}.step-refresh-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#a78bfad9,#818cf8d9);border:1px solid #ffffff4d;border-radius:var(--radius-full);box-shadow:0 4px 15px #a78bfa40;color:#fff;font-size:.9rem;font-weight:600;margin-top:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.step-refresh-btn:hover{box-shadow:0 6px 20px #a78bfa59;transform:translateY(-2px) scale(1.02)}.step-refresh-btn:active{transform:scale(.98)}.step-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b6bf2,#a78bfaf2);border:1px solid #ffffff4d;border-radius:var(--radius-full);box-shadow:0 8px 30px #ff6b6b4d,inset 0 1px 0 #fff3;color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-xl);transition:all var(--transition-fast)}.step-button:hover{box-shadow:0 12px 40px #ff6b6b66,inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.02)}.step-button-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border-radius:var(--radius-full);color:var(--text-medium);font-size:1rem;font-weight:600;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.step-button-secondary:hover{background:#fffc;color:var(--text-dark)}.step-insight{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffe66d33;border:1px solid #ffe66d4d;border-radius:var(--radius-md);display:flex;gap:var(--space-sm);margin:0 auto;max-width:420px;padding:var(--space-md);text-align:left}.step-insight-icon{flex-shrink:0;font-size:1.25rem}.step-insight-text{color:var(--text-medium);font-size:.85rem;line-height:1.5}.step-title{color:var(--text-dark);font-size:clamp(2rem,6vw,3rem);font-weight:800;line-height:1.2;margin-bottom:var(--space-md)}.step-subtitle{color:var(--text-medium);font-size:1.25rem;line-height:1.6;margin-bottom:var(--space-xl)}.step-prompt{color:var(--text-medium);font-size:1rem;margin-bottom:var(--space-md)}.transition-message{align-items:center;background:var(--bg-light);display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.transition-content{max-width:500px;padding:var(--space-xl);text-align:center}.transition-message.entering .transition-content{animation:slideInRight .5s cubic-bezier(.34,1.56,.64,1) forwards}.transition-message.visible .transition-content{animation:floatGentle 1.5s ease-in-out infinite}.transition-message.exiting .transition-content{animation:slideOutLeft .5s cubic-bezier(.55,0,1,.45) forwards}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-100px) scale(.9)}}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.transition-emoji{animation:bounceIn .6s cubic-bezier(.34,1.56,.64,1);display:block;font-size:5rem;margin-bottom:var(--space-lg)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.transition-text{color:var(--text-dark);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;line-height:1.3;margin-bottom:var(--space-md)}.transition-subtext{color:var(--text-medium);font-size:1.15rem;line-height:1.5}.celebration-step .step-title{-webkit-text-fill-color:#0000;background:var(--gradient-sunset);-webkit-background-clip:text;background-clip:text}.celebration-count{color:var(--text-medium);font-size:1.25rem;margin-bottom:var(--space-lg)}.highlight-number{-webkit-text-fill-color:#0000;background:var(--gradient-cool);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.final-celebration-step .final-title{-webkit-text-fill-color:#0000;background:var(--gradient-sunset);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,7vw,3.5rem)}.final-stats{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center;margin:var(--space-xl) 0}.final-stat{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:var(--radius-lg);box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md) var(--space-lg)}.final-stat-emoji{font-size:2rem}.final-stat-text{color:var(--text-medium);font-size:.85rem;font-weight:500}.final-reminder{color:var(--text-light);font-size:.9rem;font-style:italic;margin-top:var(--space-md)}.wizard{display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.wizard-progress{background:#0000001a;height:4px;left:0;position:fixed;right:0;top:0;z-index:100}.wizard-progress-bar{background:var(--gradient-sunset);height:100%;transition:width .4s ease}.wizard-step{align-items:center;display:flex;flex:1 1;justify-content:center;padding:var(--space-xl) var(--space-lg);z-index:1}.wizard-shapes{inset:0;pointer-events:none;position:absolute}.wizard .shape{border-radius:50%;filter:blur(60px);opacity:.5;position:absolute}.wizard .shape-1{animation:drift1 25s linear infinite;background:var(--sunshine);height:300px;width:300px}.wizard .shape-2{animation:drift2 30s linear infinite;background:var(--mint);height:250px;width:250px}.wizard .shape-3{animation:drift3 28s linear infinite;background:var(--lavender);height:200px;width:200px}@keyframes drift1{0%{left:-10%;top:-10%}50%{left:70%;top:60%}to{left:-10%;top:-10%}}@keyframes drift2{0%{bottom:-10%;right:-10%}50%{bottom:50%;right:60%}to{bottom:-10%;right:-10%}}@keyframes drift3{0%{right:-20%;top:50%}50%{right:50%;top:10%}to{right:-20%;top:50%}}.share-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;padding:var(--space-lg);position:fixed;z-index:200}.share-modal{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:var(--radius-xl);max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.share-modal-close{align-items:center;background:var(--bg-light);border-radius:50%;color:var(--text-medium);display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:var(--space-md);top:var(--space-md);transition:all var(--transition-fast);width:40px;z-index:10}.share-modal-close:hover{background:var(--coral);color:#fff;transform:rotate(90deg)}.share-modal-header{border-bottom:1px solid var(--bg-light);padding:var(--space-xl);text-align:center}.share-modal-header h2{color:var(--text-dark);font-size:1.75rem;font-weight:800;margin-bottom:var(--space-xs)}.share-modal-header p{color:var(--text-medium)}.share-options{border-bottom:1px solid var(--bg-light);padding:var(--space-lg)}.share-option-group{margin-bottom:var(--space-lg)}.share-option-group:last-child{margin-bottom:0}.share-option-group label{color:var(--text-medium);display:block;font-size:.9rem;font-weight:600;margin-bottom:var(--space-sm)}.share-templates{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.share-template-btn{align-items:center;background:var(--bg-light);border:2px solid #0000;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);transition:all var(--transition-fast)}.share-template-btn span:first-child{font-size:1.5rem}.share-template-btn span:last-child{color:var(--text-medium);font-size:.85rem;font-weight:600}.share-template-btn:hover{background:#4ecdc41a}.share-template-btn.active{background:#4ecdc426;border-color:var(--mint)}.share-template-btn.active span:last-child{color:var(--text-dark)}.share-format-btn,.share-formats{display:flex;gap:var(--space-sm)}.share-format-btn{align-items:center;background:var(--bg-light);border:2px solid #0000;border-radius:var(--radius-lg);flex:1 1;justify-content:center;padding:var(--space-md);transition:all var(--transition-fast)}.share-format-btn:hover{background:#a78bfa1a}.share-format-btn.active{background:#a78bfa26;border-color:var(--lavender)}.format-icon{border:2px solid var(--text-medium);border-radius:4px}.format-icon,.format-icon.square-icon{height:24px;width:24px}.format-icon.story-icon{height:28px;width:16px}.share-format-btn.active .format-icon{border-color:var(--lavender)}.share-preview-container{background:var(--bg-light);display:flex;justify-content:center;padding:var(--space-lg)}.share-card{border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000026;overflow:hidden;position:relative}.share-card.square{height:400px;width:400px}.share-card.story{height:480px;width:270px}.share-card-bg{inset:0;position:absolute;z-index:0}.share-card.highlights .share-card-bg{background:linear-gradient(135deg,#ff6b6b,#ffe66d 50%,#4ecdc4)}.share-card.goals .share-card-bg{background:linear-gradient(135deg,#4ecdc4,#45b7d1 50%,#a78bfa)}.share-card.vision .share-card-bg{background:linear-gradient(135deg,#a78bfa,#f472b6 50%,#ff6b6b)}.share-card.reflection .share-card-bg{background:linear-gradient(135deg,#45b7d1,#4ecdc4 50%,#ffe66d)}.share-card-content{display:flex;flex-direction:column;height:100%;padding:var(--space-lg);position:relative;z-index:1}.share-card-header{margin-bottom:var(--space-md);text-align:center}.share-card-icon{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2.5rem;margin-bottom:var(--space-xs)}.share-card-title{color:#fff;font-size:1.5rem;font-weight:800;margin-bottom:var(--space-xs);text-shadow:0 2px 8px #0003}.share-card-name{color:#ffffffe6;font-size:.9rem;font-weight:500}.share-card-sections{display:flex;flex:1 1;flex-direction:column;gap:var(--space-sm);overflow:hidden}.share-card-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-md);padding:var(--space-sm)}.share-section-header{align-items:center;color:#fff;display:flex;font-size:.75rem;font-weight:700;gap:var(--space-xs);letter-spacing:.5px;margin-bottom:var(--space-xs);text-transform:uppercase}.share-section-items{display:flex;flex-wrap:wrap;gap:4px}.share-item{background:#ffffffe6;border-radius:var(--radius-full);color:var(--text-dark);font-size:.7rem;font-weight:600;max-width:150px;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;white-space:nowrap}.share-card-footer{align-items:center;border-top:1px solid #ffffff4d;display:flex;justify-content:space-between;margin-top:var(--space-md);padding-top:var(--space-sm)}.share-card-logo{color:#fff;font-size:.75rem;font-weight:700;text-shadow:0 1px 4px #0003}.share-card-year{color:#fff;font-size:1.25rem;font-weight:800;text-shadow:0 2px 8px #0003}.share-card.story .share-card-icon{font-size:3rem}.share-card.story .share-card-title{font-size:1.75rem}.share-card.story .share-card-sections{gap:var(--space-md)}.share-card.story .share-section-header{font-size:.8rem}.share-card.story .share-item{font-size:.75rem;max-width:180px}.share-download-btn{background:linear-gradient(135deg,var(--coral) 0,var(--lavender) 100%);border-radius:var(--radius-full);box-shadow:0 4px 20px #ff6b6b4d;color:#fff;display:block;font-size:1.1rem;font-weight:700;margin:var(--space-lg) auto;padding:var(--space-md) var(--space-xl);transition:all var(--transition-fast);width:calc(100% - var(--space-xl)*2)}.share-download-btn:hover:not(:disabled){box-shadow:0 6px 30px #ff6b6b66;transform:translateY(-2px)}.share-download-btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:600px){.share-modal{margin:var(--space-sm);max-height:95vh}.share-card.square{height:280px;width:280px}.share-card.story{height:356px;width:200px}.share-templates{grid-template-columns:repeat(2,1fr)}.share-card-content{padding:var(--space-md)}.share-card-icon{font-size:2rem}.share-card-title{font-size:1.25rem}}.dashboard-loading{align-items:center;background:var(--bg-light);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.dashboard-loading p{color:var(--text-medium);font-weight:500;margin-top:var(--space-md)}.loading-spinner{animation:bounce .6s ease-in-out infinite;font-size:4rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.dashboard.glass-theme{background:var(--bg-light);min-height:100vh;overflow-x:hidden;position:relative}.dashboard-bg{inset:0;overflow:hidden;position:fixed;z-index:0}.bg-gradient{background:linear-gradient(135deg,#fff6f0,#f0f9ff 50%,#f5f0ff);inset:0;position:absolute}.bg-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.6;position:absolute}.orb-1{animation-delay:0s;background:linear-gradient(135deg,#ff6b6b4d,#ff8e8e4d);height:600px;right:-200px;top:-200px;width:600px}.orb-2{animation-delay:-7s;background:linear-gradient(135deg,#4ecdc44d,#45b7d14d);bottom:-150px;height:500px;left:-150px;width:500px}.orb-3{animation-delay:-14s;background:linear-gradient(135deg,#a78bfa4d,#818cf84d);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.95)}75%{transform:translate(30px,50px) scale(1.05)}}.dashboard-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid #ffffff80;box-shadow:0 4px 20px #00000008;position:-webkit-sticky;position:sticky;top:0;z-index:50}.dashboard-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:var(--space-md) var(--space-lg)}.dashboard-logo{align-items:center;cursor:pointer;display:flex;gap:var(--space-sm);transition:transform var(--transition-fast)}.dashboard-logo:hover{transform:scale(1.05)}.dashboard-logo-icon{font-size:1.75rem}.dashboard-logo-text{color:var(--text-dark);font-size:1.25rem;font-weight:700}.dashboard-user{align-items:center;display:flex;gap:var(--space-md)}.dashboard-user-name{color:var(--text-dark);font-weight:600}.dashboard-logout{color:var(--text-medium);font-weight:500;transition:color var(--transition-fast)}.dashboard-logout:hover{color:var(--coral)}.dashboard-settings-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:var(--space-xs);transition:all var(--transition-fast)}.dashboard-settings-btn:hover{background:var(--bg-light);transform:rotate(90deg)}.saving-indicator{animation:pulse 1.5s ease-in-out infinite;color:var(--mint);font-size:.85rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.year-tabs-container{display:flex;justify-content:center;padding:var(--space-lg) var(--space-md);position:relative;z-index:10}.year-tabs{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:var(--radius-full);box-shadow:0 4px 20px #0000000d;display:flex;gap:var(--space-sm);padding:var(--space-sm)}.year-tab{align-items:center;border-radius:var(--radius-full);color:var(--text-medium);display:flex;flex-direction:column;font-weight:600;gap:2px;min-width:100px;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.year-tab-icon{font-size:1.25rem}.year-tab span:nth-child(2){font-size:1.1rem;font-weight:700}.year-tab-label{font-size:.7rem;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.year-tab:hover:not(.disabled){background:#fffc;color:var(--text-dark)}.year-tab.active{background:linear-gradient(135deg,#ff6b6be6,#a78bfae6);box-shadow:0 4px 15px #ff6b6b4d;color:#fff}.year-tab.disabled{cursor:pointer;opacity:.5}.year-tab.disabled:hover{background:#0000000d;opacity:.7}.dashboard-hero{padding:var(--space-lg) var(--space-lg) var(--space-xl);position:relative;text-align:center;z-index:10}.hero-content{margin:0 auto;max-width:700px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--coral) 0,var(--lavender) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin-bottom:var(--space-sm)}.hero-subtitle{color:var(--text-medium);font-size:1.2rem;margin-bottom:var(--space-xl)}.hero-btn{border-radius:var(--radius-full);font-size:1.1rem;font-weight:700;padding:var(--space-md) var(--space-xxl);transition:all var(--transition-fast)}.hero-btn.primary{background:linear-gradient(135deg,#ff6b6bf2,#a78bfaf2);border:1px solid #ffffff4d;box-shadow:0 4px 20px #ff6b6b4d;color:#fff}.hero-btn.primary:hover{box-shadow:0 8px 30px #ff6b6b66;transform:translateY(-3px) scale(1.02)}.dashboard-main{margin:0 auto;max-width:1400px;padding:0 var(--space-lg) var(--space-xxl);position:relative;z-index:10}.goals-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.goal-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:repeating-linear-gradient(#0000,#0000 31px,#4ecdc433 0,#4ecdc433 32px),linear-gradient(135deg,#fffef9,#fffdf5);border:none;border-radius:4px;box-shadow:0 4px 20px #00000014,0 0 0 1px #00000005;cursor:pointer;display:flex;flex-direction:column;min-height:240px;opacity:0;overflow:hidden;padding:var(--space-lg);padding-left:calc(var(--space-lg) + 30px);position:relative;transform:translateY(30px) scale(.95) rotate(-1deg);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.goal-card:before{background:#ff6b6b66;bottom:0;content:"";left:28px;position:absolute;top:0;width:2px}.goal-card:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;opacity:.03;pointer-events:none;position:absolute}.goal-card.visible{opacity:1;transform:translateY(0) scale(1) rotate(-1deg);transform:translateY(0) scale(1) rotate(var(--rotation,-1deg))}.goal-card:nth-child(odd){--rotation:-1.5deg}.goal-card:nth-child(2n){--rotation:1deg}.goal-card:nth-child(3n){--rotation:-0.5deg}.goal-card:hover{box-shadow:0 20px 40px #00000026,0 0 0 1px #00000005;min-height:auto;transform:translateY(-8px) scale(1.02) rotate(0deg);z-index:10}.goal-card:hover .goal-list li.hidden-goal{display:list-item}.goal-card:hover .goal-more{display:none}.goal-card.purple .goal-card-icon{color:#a78bfa}.goal-card.coral .goal-card-icon{color:#f87171}.goal-card.mint .goal-card-icon{color:#4ade80}.goal-card.blue .goal-card-icon{color:#60a5fa}.goal-card.yellow .goal-card-icon{color:#fbbf24}.goal-card.green .goal-card-icon{color:#34d399}.goal-card.orange .goal-card-icon{color:#fb923c}.goal-card.pink .goal-card-icon{color:#f472b6}.goal-card-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);position:relative;z-index:1}.goal-card-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.75rem}.goal-card-title{color:var(--text-dark);flex:1 1;font-family:var(--font-handwritten);font-size:1.3rem;font-weight:700;text-decoration:underline;-webkit-text-decoration-color:#0000001a;text-decoration-color:#0000001a;text-underline-offset:4px}.goal-card-count{background:linear-gradient(135deg,#ff6b6be6,#a78bfae6);border-radius:var(--radius-full);color:#fff;font-size:.85rem;font-weight:700;padding:4px 12px}.goal-card-content{flex:1 1;overflow:hidden;position:relative;z-index:1}.goal-card:hover .goal-card-content{overflow:visible}.goal-list{list-style:none;margin:0;padding:0}.goal-list li{color:var(--text-dark);font-family:var(--font-handwritten);font-size:1.15rem;line-height:32px;padding:var(--space-xs) 0;position:relative}.goal-list li:before{color:var(--coral);content:"•";font-weight:700;margin-right:var(--space-sm)}.goal-list li.hidden-goal{display:none}.goal-more{color:var(--text-light);cursor:pointer;font-size:1rem!important;font-style:italic;transition:color var(--transition-fast)}.goal-more:hover{color:var(--coral)}.goal-more:before{content:""!important}.goal-empty{color:var(--text-light);font-family:var(--font-handwritten);font-size:1.1rem;font-style:italic;padding:var(--space-lg) 0;text-align:center}.goal-add-btn{background:#0000;border:2px dashed #4ecdc466;border-radius:var(--radius-lg);color:var(--text-medium);font-size:.9rem;font-weight:600;margin-top:auto;padding:var(--space-sm) var(--space-md);position:relative;text-align:center;transition:all var(--transition-fast);z-index:1}.goal-add-btn:hover{background:#4ecdc41a;border-color:var(--mint);color:var(--text-dark);transform:translateY(-2px)}.floating-actions{bottom:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm);position:fixed;right:var(--space-xl);z-index:40}.floating-btn{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:var(--radius-full);box-shadow:0 4px 20px #0000001a;cursor:pointer;display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.floating-btn:hover{background:#fff;box-shadow:0 8px 30px #00000026;transform:translateY(-2px) scale(1.05)}.floating-btn.btn-disabled{opacity:.5}.floating-btn.btn-disabled:hover{box-shadow:0 4px 20px #0000001a;transform:none}.floating-btn-icon{font-size:1.25rem}.floating-btn-text{color:var(--text-dark);font-size:.85rem;font-weight:600}.vision-board-teaser{margin-top:var(--space-xxl);padding:0 var(--space-md)}.vision-board-content{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:2px dashed #a78bfa66;border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:var(--space-xl);padding:var(--space-xl);transition:all var(--transition-fast)}.vision-board-content:hover{background:#ffffffd9;border-color:var(--lavender);box-shadow:0 12px 40px #a78bfa26;transform:translateY(-4px)}.vision-board-preview{grid-gap:8px;background:linear-gradient(135deg,#fef3f3,#f3f0ff 50%,#f0f9ff);border-radius:var(--radius-lg);display:grid;flex-shrink:0;gap:8px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:150px;overflow:hidden;padding:var(--space-sm);position:relative;width:200px}.vision-preview-item{align-items:center;background:#ffffffe6;border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000000f;display:flex;font-size:1.5rem;justify-content:center;transition:transform .3s ease}.vision-board-content:hover .vision-preview-item{animation:visionPulse 1.5s ease-in-out infinite}.vision-preview-item.item-1{animation-delay:0s}.vision-preview-item.item-2{animation-delay:.1s}.vision-preview-item.item-3{animation-delay:.2s}.vision-preview-item.item-4{animation-delay:.3s}.vision-preview-item.item-5{animation-delay:.4s}.vision-preview-item.item-6{animation-delay:.5s}@keyframes visionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.vision-board-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff9;border-radius:var(--radius-lg);display:flex;inset:0;justify-content:center;position:absolute}.vision-lock-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));font-size:2.5rem}.vision-board-text{flex:1 1}.vision-board-text h3{color:var(--text-dark);font-size:1.75rem;font-weight:800;margin-bottom:var(--space-sm)}.vision-board-text p{color:var(--text-medium);font-size:1.1rem;line-height:1.5;margin-bottom:var(--space-md)}.vision-board-badge{background:linear-gradient(135deg,#a78bfae6,#818cf8e6);border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:.85rem;font-weight:700;padding:var(--space-xs) var(--space-md)}.vision-features{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(2,1fr);margin:var(--space-lg) 0}.vision-feature{background:var(--bg-light);border-radius:var(--radius-md);color:var(--text-dark);font-size:.9rem;padding:var(--space-sm) var(--space-md);text-align:center}.restart-section{margin-top:var(--space-xl);padding:var(--space-xl) 0;text-align:center}.restart-btn{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:2px dashed #a78bfa66;border-radius:var(--radius-full);color:var(--text-medium);cursor:pointer;font-size:1rem;font-weight:600;padding:var(--space-md) var(--space-xl);transition:all var(--transition-fast)}.restart-btn:hover{background:#ffffffe6;border-color:var(--lavender);box-shadow:0 8px 25px #a78bfa26;color:var(--text-dark);transform:translateY(-2px)}.restart-hint{color:var(--text-light);font-size:.85rem;margin-top:var(--space-sm)}.dashboard-footer{color:var(--text-medium);padding:var(--space-xl) var(--space-lg);position:relative;text-align:center;z-index:10}.footer-small{color:var(--text-light);font-size:.85rem;margin-top:var(--space-xs)}.modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;display:flex;inset:0;justify-content:center;padding:var(--space-lg);position:fixed;z-index:100}.modal-content.glass-modal{animation:modalIn .3s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#fffffff2;border:1px solid #ffffff80;border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000026;max-width:450px;padding:var(--space-xl);position:relative;text-align:center;width:100%}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{align-items:center;background:var(--bg-light);border:none;border-radius:50%;color:var(--text-medium);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;position:absolute;right:var(--space-md);top:var(--space-md);transition:all var(--transition-fast);width:36px}.modal-close:hover{background:var(--coral);color:#fff;transform:rotate(90deg)}.modal-icon{font-size:4rem;margin-bottom:var(--space-md)}.modal-title{color:var(--text-dark);font-size:1.75rem;font-weight:800;margin-bottom:var(--space-sm)}.modal-description{color:var(--text-medium);line-height:1.6}.modal-description strong{color:var(--text-dark);font-weight:700}.notify-form{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.notify-input{background:#fff;border:2px solid var(--bg-light);border-radius:var(--radius-lg);color:var(--text-dark);font-size:1rem;padding:var(--space-md);text-align:center;transition:all var(--transition-fast)}.notify-input::placeholder{color:var(--text-light)}.notify-input:focus{border-color:var(--mint);box-shadow:0 0 0 4px #4ecdc41a;outline:none}.notify-input:disabled{cursor:not-allowed;opacity:.7}.notify-btn{background:linear-gradient(135deg,#ff6b6bf2,#a78bfaf2);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 15px #ff6b6b40;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:var(--space-md);transition:all var(--transition-fast)}.notify-btn:hover:not(:disabled){box-shadow:0 6px 20px #ff6b6b59;transform:translateY(-2px)}.notify-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.redo-modal .modal-description{font-size:.95rem}.redo-confirm-form{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.redo-confirm-input{background:#fef2f2;border:2px solid #fecaca;border-radius:var(--radius-lg);color:var(--text-dark);font-size:1rem;padding:var(--space-md);text-align:center;transition:all var(--transition-fast)}.redo-confirm-input::placeholder{color:#f87171;opacity:.6}.redo-confirm-input:focus{border-color:#f87171;box-shadow:0 0 0 4px #f871711a;outline:none}.redo-confirm-btn{background:#e5e7eb;border:none;border-radius:var(--radius-lg);color:#9ca3af;cursor:not-allowed;font-size:1rem;font-weight:700;padding:var(--space-md);transition:all var(--transition-fast)}.redo-confirm-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;color:#fff;cursor:pointer}.redo-confirm-btn.active:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.redo-cancel-btn{background:#0000;border:none;color:var(--text-medium);cursor:pointer;font-size:.9rem;font-weight:500;padding:var(--space-sm);transition:all var(--transition-fast)}.redo-cancel-btn:hover{color:var(--text-dark)}.settings-modal{max-width:480px}.settings-content{text-align:left}.settings-section{background:var(--bg-light);border-radius:var(--radius-lg);margin-top:var(--space-lg);padding:var(--space-lg)}.settings-section-title{color:var(--text-dark);font-size:1rem;font-weight:700;margin-bottom:var(--space-md)}.settings-info{display:flex;flex-direction:column;gap:var(--space-sm)}.settings-info-row{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:var(--space-sm) 0}.settings-info-row:last-child{border-bottom:none}.settings-label{color:var(--text-medium);font-size:.9rem}.settings-value{color:var(--text-dark);font-size:.9rem;font-weight:600}.danger-zone{background:#fef2f2;border:1px solid #fecaca}.danger-zone .settings-section-title{color:#dc2626}.settings-danger-text{color:var(--text-medium);font-size:.9rem;line-height:1.5;margin-bottom:var(--space-md)}.settings-delete-btn{background:#fff;border:2px solid #fecaca;border-radius:var(--radius-lg);color:#dc2626;cursor:pointer;font-size:.95rem;font-weight:600;padding:var(--space-md);transition:all var(--transition-fast);width:100%}.settings-delete-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff}.delete-confirm-content{text-align:center}@media (max-width:768px){.dashboard-header-content{flex-direction:column;gap:var(--space-sm)}.year-tabs{flex-direction:row;padding:var(--space-xs)}.year-tab{min-width:80px;padding:var(--space-sm) var(--space-md)}.year-tab-label{display:none}.hero-title{font-size:2rem}.goals-grid{grid-template-columns:1fr}.goal-card{min-height:auto;transform:translateY(30px) scale(.95) rotate(0deg)!important}.goal-card.visible{transform:translateY(0) scale(1) rotate(0deg)!important}.goal-card:hover{transform:translateY(-5px) scale(1.01) rotate(0deg)!important}.floating-actions{bottom:var(--space-lg);right:var(--space-md)}.floating-btn-text{display:none}.floating-btn{border-radius:50%;height:48px;justify-content:center;padding:var(--space-sm);width:48px}.vision-board-content{flex-direction:column;text-align:center}.vision-board-preview{height:120px;width:180px}.vision-features{grid-template-columns:1fr}.saving-indicator{display:none}}@media (min-width:1200px){.goals-grid{grid-template-columns:repeat(4,1fr)}}:root{--coral:#ff6b6b;--sunshine:#ffe66d;--mint:#4ecdc4;--sky:#45b7d1;--lavender:#a78bfa;--peach:#fbbf77;--bg-light:#fffdf7;--bg-white:#fff;--text-dark:#2d3436;--text-medium:#636e72;--text-light:#b2bec3;--font-handwritten:"Caveat",cursive;--font-handwritten-alt:"Kalam",cursive;--gradient-warm:linear-gradient(135deg,#ff6b6b,#ffe66d);--gradient-cool:linear-gradient(135deg,#4ecdc4,#45b7d1);--gradient-sunset:linear-gradient(135deg,#ff6b6b,#a78bfa);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-xxl:64px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--font-main:"Inter",-apple-system,sans-serif;--transition-fast:0.15s ease;--transition-medium:0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:var(--bg-light);color:var(--text-dark);font-family:var(--font-main);line-height:1.6}button{cursor:pointer}button,input,textarea{border:none;font-family:var(--font-main);outline:none}a{color:inherit;text-decoration:none}
/*# sourceMappingURL=main.d50a76e1.css.map*/