:root{--cream: #FDFBF5;--cream-dark: #F5F0E8;--lavender: #D4C5F0;--lavender-mid: #C3B1E1;--lavender-dark: #9B8EC4;--sage: #C2DDD6;--sage-mid: #A8D5C5;--sage-dark: #7BBFB5;--rose: #F7D6D6;--rose-mid: #F4C2C2;--rose-dark: #E8A0BF;--peach: #FDE8CC;--peach-mid: #FDDCB5;--peach-dark: #F4A261;--butter: #FEF3C7;--text: #3D3152;--text-mid: #6B5C8A;--text-muted: #9B8EC4;--white: #FFFFFF;--shadow-soft: rgba(155, 142, 196, .18);--shadow-med: rgba(155, 142, 196, .28);--border-color: rgba(195, 177, 225, .5);--success: #7BBFB5;--error: #E8A0BF;--radius-sketch: 2px 20px 3px 18px / 18px 3px 20px 2px;--radius-round: 30% 70% 70% 30% / 30% 30% 70% 70%;--font-hand: "Patrick Hand", cursive;--font-body: "Nunito", sans-serif;--transition: all .25s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: all .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--cream);background-image:repeating-linear-gradient(transparent 0,transparent 31px,rgba(195,177,225,.07) 31px,rgba(195,177,225,.07) 32px);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}#root{position:relative;z-index:1}h1,h2,h3,h4{font-family:var(--font-hand);font-weight:400;color:var(--text);line-height:1.2}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.6rem,4vw,2.2rem)}h3{font-size:clamp(1.3rem,3vw,1.7rem)}h4{font-size:clamp(1.1rem,2.5vw,1.4rem)}p{font-size:1rem;line-height:1.7;color:var(--text-mid)}a{color:var(--lavender-dark);text-decoration:none}a:hover{color:var(--text)}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem .5rem;background:var(--cream);border-bottom:1.5px solid var(--border-color)}.app-header-logo{height:40px;width:auto;mix-blend-mode:multiply}.page{flex:1;max-width:740px;margin:0 auto;padding:2.5rem 1.5rem 7rem;width:100%;animation:pageEnter .35s ease both}.page-wide{flex:1;max-width:1000px;margin:0 auto;padding:2.5rem 1.5rem 7rem;width:100%;animation:pageEnter .35s ease both}.page-home{flex:1;display:grid;grid-template-columns:1fr 320px;gap:0 2rem;max-width:1080px;margin:0 auto;padding:2.5rem 1.5rem 7rem;width:100%;align-items:start;animation:pageEnter .35s ease both}.home-primary{min-width:0}.home-sidebar{position:sticky;top:1rem;display:flex;flex-direction:column;gap:1.25rem}@media (max-width: 860px){.page-home{grid-template-columns:1fr;max-width:740px}.home-sidebar{position:static}}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--white);border:1.5px solid var(--border-color);border-radius:var(--radius-sketch);padding:2rem;box-shadow:4px 4px 0 var(--shadow-soft);transition:var(--transition-smooth)}.card:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--shadow-med)}.card-rose{background:linear-gradient(135deg,#fff 0%,var(--rose) 100%);border-color:var(--rose-mid);box-shadow:4px 4px #e8a0bf33}.card-sage{background:linear-gradient(135deg,#fff 0%,var(--sage) 100%);border-color:var(--sage-mid);box-shadow:4px 4px #7bbfb533}.card-lavender{background:linear-gradient(135deg,#fff 0%,var(--lavender) 100%);border-color:var(--lavender-mid);box-shadow:4px 4px #c3b1e133}.card-peach{background:linear-gradient(135deg,#fff 0%,var(--peach) 100%);border-color:var(--peach-mid);box-shadow:4px 4px #f4a26126}.btn{font-family:var(--font-hand);font-size:1.2rem;font-weight:400;padding:.7rem 2rem;border:2px solid transparent;border-radius:var(--radius-sketch);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity .2s;background:#ffffff4d}.btn:active:after{opacity:1}.btn-primary{background:var(--lavender-mid);border-color:var(--lavender-dark);color:var(--text);box-shadow:3px 3px 0 var(--lavender-dark)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--lavender-dark)}.btn-primary:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--lavender-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:2px 2px 0 var(--lavender-dark)}.btn-secondary{background:transparent;border-color:var(--lavender-mid);color:var(--lavender-dark);box-shadow:2px 2px 0 var(--lavender-mid)}.btn-secondary:hover{background:var(--lavender);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--lavender-mid)}.btn-rose{background:var(--rose-mid);border-color:var(--rose-dark);color:var(--text);box-shadow:3px 3px 0 var(--rose-dark)}.btn-rose:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--rose-dark)}.btn-sage{background:var(--sage-mid);border-color:var(--sage-dark);color:var(--text);box-shadow:3px 3px 0 var(--sage-dark)}.btn-sage:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--sage-dark)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted);padding:.4rem .8rem;font-size:1rem}.btn-ghost:hover{color:var(--text);background:var(--cream-dark)}.btn-sm{font-size:1rem;padding:.4rem 1.2rem}.btn-lg{font-size:1.4rem;padding:.9rem 2.8rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}label{font-family:var(--font-hand);font-size:1.1rem;color:var(--text-mid)}.input-field{font-family:var(--font-body);font-size:1rem;background:var(--white);border:1.5px solid var(--border-color);border-radius:4px 18px 4px 16px/16px 4px 18px;padding:.75rem 1rem;color:var(--text);width:100%;outline:none;transition:var(--transition-smooth)}.input-field:focus{border-color:var(--lavender-mid);box-shadow:0 0 0 3px #c3b1e140}.input-field::placeholder{color:var(--text-muted);opacity:.7}.gratitude-textarea{font-family:var(--font-hand);font-size:1.35rem;line-height:2.1;color:var(--text);width:100%;min-height:200px;border:none;background:repeating-linear-gradient(transparent 0,transparent calc(2.1rem - 1px),rgba(195,177,225,.22) calc(2.1rem - 1px),rgba(195,177,225,.22) 2.1rem);background-attachment:local;resize:vertical;outline:none;padding:.4rem 0;caret-color:var(--lavender-dark)}.gratitude-textarea::placeholder{color:var(--text-muted);opacity:.6}.gratitude-textarea-wrap{border:1.5px solid var(--border-color);border-radius:var(--radius-sketch);padding:1.2rem 1.5rem;background:var(--white);box-shadow:inset 2px 2px 6px #c3b1e11a;transition:var(--transition-smooth)}.gratitude-textarea-wrap:focus-within{border-color:var(--lavender-mid);box-shadow:inset 2px 2px 6px #c3b1e11a,0 0 0 3px #c3b1e133}.gratitude-textarea-wrap.error{border-color:var(--rose-dark);box-shadow:inset 2px 2px 6px #e8a0bf1a,0 0 0 3px #e8a0bf33;animation:shake .4s ease}.progress-track{height:6px;background:var(--cream-dark);border-radius:10px;overflow:hidden}.progress-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--lavender-mid),var(--sage-mid));transition:width .4s cubic-bezier(.34,1.56,.64,1)}.progress-fill.complete{background:linear-gradient(90deg,var(--sage-mid),var(--sage-dark))}.word-count{font-size:.85rem;color:var(--text-muted);text-align:right;font-family:var(--font-hand)}.word-count.good{color:var(--sage-dark)}.validation-msg{display:flex;align-items:flex-start;gap:.6rem;padding:.9rem 1.2rem;border-radius:6px 22px 6px 20px/20px 6px 22px;font-family:var(--font-hand);font-size:1.1rem;animation:slideDown .3s ease}.validation-msg.error{background:var(--rose);border:1.5px solid var(--rose-mid);color:var(--text)}.validation-msg.success{background:var(--sage);border:1.5px solid var(--sage-mid);color:var(--text)}.nav{position:fixed;bottom:0;left:0;right:0;background:#fdfbf5eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1.5px solid var(--border-color);padding:.6rem 1rem;z-index:100;display:flex;justify-content:space-around;align-items:center}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem 1rem;border-radius:12px 4px/4px 12px;cursor:pointer;transition:var(--transition);border:none;background:transparent;color:var(--text-muted);text-decoration:none}.nav-item:hover{background:var(--lavender);color:var(--text);text-decoration:none}.nav-item.active{background:var(--lavender);color:var(--text)}.nav-icon{font-size:1.4rem}.nav-label{font-family:var(--font-hand);font-size:.85rem;font-weight:600}.quote-card{position:relative;text-align:center;padding:2.5rem 2rem}.quote-mark{font-family:Georgia,serif;font-size:5rem;line-height:.5;color:var(--lavender-mid);display:block;margin-bottom:1rem;-webkit-user-select:none;user-select:none}.quote-text{font-family:var(--font-hand);font-size:1.5rem;color:var(--text);line-height:1.5;margin-bottom:1rem}.quote-author{font-size:.95rem;color:var(--text-muted);font-style:italic}.fav-btn{background:transparent;border:none;cursor:pointer;font-size:1.5rem;transition:var(--transition);line-height:1}.fav-btn:hover{transform:scale(1.3) rotate(-5deg)}.fav-btn.active{animation:heartPop .4s cubic-bezier(.34,1.56,.64,1)}.question-card{padding:1.5rem;display:flex;flex-direction:column;gap:.8rem;position:relative}.question-icon{font-size:2rem}.question-text{font-family:var(--font-hand);font-size:1.25rem;color:var(--text);line-height:1.4}.question-prompt{font-size:.9rem;font-style:italic}.pin-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;cursor:pointer;font-size:1.1rem;transition:var(--transition);opacity:.5}.pin-btn:hover{opacity:1;transform:rotate(-15deg)}.pin-btn.pinned{opacity:1}.question-answer-field{font-family:var(--font-hand);font-size:1.1rem;border:none;border-bottom:1.5px solid var(--border-color);background:transparent;color:var(--text);width:100%;padding:.5rem 0;outline:none;transition:var(--transition-smooth)}.question-answer-field:focus{border-color:var(--lavender-dark)}.question-answer-field::placeholder{color:var(--text-muted);opacity:.6}.insight-card{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem 1.5rem;margin-bottom:1rem}.insight-icon{font-size:1.8rem;flex-shrink:0;margin-top:.1rem}.insight-content h4{margin-bottom:.3rem}.insight-content p{font-size:.95rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{text-align:center;padding:1.5rem 1rem}.stat-number{font-family:var(--font-hand);font-size:2.5rem;font-weight:400;color:var(--lavender-dark);display:block;line-height:1}.stat-label{font-size:.85rem;color:var(--text-muted);margin-top:.3rem}.tag{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .9rem;border-radius:20px;font-size:.85rem;font-family:var(--font-hand);font-weight:500}.tag-lavender{background:var(--lavender);color:var(--text-mid)}.tag-sage{background:var(--sage);color:var(--text-mid)}.tag-rose{background:var(--rose);color:var(--text-mid)}.tag-peach{background:var(--peach);color:var(--text-mid)}.mood-row{display:flex;gap:.5rem;flex-wrap:wrap}.mood-btn{background:var(--cream-dark);border:1.5px solid var(--border-color);border-radius:50%;width:48px;height:48px;font-size:1.4rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.mood-btn:hover{transform:scale(1.2) rotate(-5deg);border-color:var(--lavender-mid)}.mood-btn.selected{background:var(--lavender);border-color:var(--lavender-dark);transform:scale(1.15);box-shadow:2px 2px 0 var(--lavender-dark)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{width:100%;max-width:440px;padding:3rem 2.5rem}.auth-logo{font-size:3.5rem;text-align:center;margin-bottom:.5rem}.auth-title{text-align:center;margin-bottom:.5rem}.auth-subtitle{text-align:center;margin-bottom:2rem;font-size:.95rem}.divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text-muted);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:999;display:flex;flex-direction:column;gap:.6rem;pointer-events:none}.toast{padding:.9rem 1.3rem;border-radius:8px 20px 8px 18px/18px 8px 20px;font-family:var(--font-hand);font-size:1.05rem;pointer-events:auto;max-width:320px;box-shadow:3px 3px 12px var(--shadow-med);animation:toastIn .4s cubic-bezier(.34,1.56,.64,1);border:1.5px solid transparent}.toast.success{background:var(--sage);border-color:var(--sage-dark);color:var(--text)}.toast.error{background:var(--rose);border-color:var(--rose-dark);color:var(--text)}.toast.info{background:var(--lavender);border-color:var(--lavender-mid);color:var(--text)}.streak-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--peach);border:1.5px solid var(--peach-dark);border-radius:20px;padding:.3rem .9rem;font-family:var(--font-hand);font-size:1rem;color:var(--text)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;gap:1rem}.section-title{font-family:var(--font-hand);font-size:1.4rem;color:var(--text)}.section-divider{border:none;border-top:1.5px solid var(--border-color);margin:2rem 0}.spinner{width:40px;height:40px;border:3px solid var(--lavender);border-top-color:var(--lavender-dark);border-radius:50%;animation:spin .7s linear infinite}.loading-center{display:flex;justify-content:center;align-items:center;padding:4rem}.success-bloom{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;text-align:center;animation:bloom .6s cubic-bezier(.34,1.56,.64,1)}.success-bloom .icon{font-size:4rem}.tab-bar{display:flex;gap:.5rem;margin-bottom:2rem;padding:.3rem;background:var(--cream-dark);border-radius:12px;border:1px solid var(--border-color)}.tab-btn{flex:1;padding:.5rem;border:none;background:transparent;border-radius:10px;font-family:var(--font-hand);font-size:1rem;color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth)}.tab-btn.active{background:var(--white);color:var(--text);box-shadow:2px 2px 6px var(--shadow-soft)}.activity-square{display:inline-block;border-radius:3px;flex-shrink:0}.stats-strip{display:flex;flex-wrap:wrap;gap:.5rem}.stat-chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--white);border:1.5px solid var(--border-color);border-radius:20px;padding:.3rem .85rem;font-size:.85rem;color:var(--text-mid);font-family:var(--font-body)}.stat-chip strong{color:var(--text)}.food-chips{display:flex;flex-wrap:wrap;gap:.5rem}.food-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--white);border:1.5px solid var(--border-color);border-radius:20px;padding:.3rem .75rem;font-size:.88rem;color:var(--text);font-family:var(--font-hand);max-width:100%}.chip-energy{font-size:1rem}.chip-delete{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1rem;padding:0;line-height:1;margin-left:.1rem;transition:color .15s}.chip-delete:hover{color:var(--rose)}.meal-type-row{display:flex;gap:.5rem;flex-wrap:wrap}.meal-btn{padding:.35rem .9rem;border-radius:20px;border:2px solid var(--border-color);background:var(--white);font-family:var(--font-hand);font-size:.92rem;color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);text-transform:capitalize}.meal-btn.selected,.meal-btn:hover{border-color:var(--peach);background:var(--peach);color:var(--text)}.goal-widget-card{transition:var(--transition-smooth)}.goal-widget-card:hover{transform:translateY(-1px);box-shadow:3px 4px 12px var(--shadow-soft)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bloom{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.4) rotate(-8deg)}to{transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(40px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float{animation:float 4s ease-in-out infinite}.fade-in{animation:fadeIn .5s ease both}.fade-in-delay{animation:fadeIn .5s ease .15s both}.fade-in-delay-2{animation:fadeIn .5s ease .3s both}.milestone-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;margin-bottom:1.25rem;animation:bloom .5s cubic-bezier(.34,1.56,.64,1)}.milestone-emoji{font-size:2.2rem;flex-shrink:0;animation:float 3s ease-in-out infinite}.milestone-text h4{margin-bottom:.15rem}.milestone-text p{font-size:.9rem;margin:0}.activity-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--white);border:1.5px solid var(--border-color);border-radius:8px 16px 8px 14px/14px 8px 16px;padding:.55rem .85rem;min-width:150px;max-width:210px;box-shadow:3px 4px 14px var(--shadow-med);pointer-events:none;z-index:30;animation:slideDown .15s ease;white-space:normal}.tooltip-date{font-family:var(--font-hand);font-size:.82rem;color:var(--text);margin-bottom:.15rem}.tooltip-mood{font-size:.8rem;color:var(--text-mid)}.tooltip-preview{font-family:var(--font-hand);font-size:.82rem;color:var(--text-mid);line-height:1.35;font-style:italic;margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tooltip-words{font-size:.72rem;color:var(--text-muted);margin-top:.2rem}.tooltip-empty{font-size:.78rem;color:var(--text-muted)}.sidebar-widget{background:var(--white);border:1.5px solid var(--border-color);border-radius:var(--radius-sketch);padding:1.1rem 1.25rem;box-shadow:3px 3px 0 var(--shadow-soft)}.sidebar-widget .section-header{margin-bottom:.8rem}.sidebar-widget .section-title{font-size:1.1rem}.landing-page{min-height:100vh;overflow-x:hidden}.landing-nav{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:.85rem 2.5rem;background:#fdfbf5f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1.5px solid var(--border-color);z-index:100}.landing-logo{display:flex;align-items:center;gap:.6rem}.landing-logo img,.landing-logo-img{height:48px;width:auto;mix-blend-mode:multiply}.footer-logo-img{height:36px;width:auto;mix-blend-mode:multiply;opacity:.7}.landing-logo-text{font-family:var(--font-hand);font-size:1.45rem;color:var(--text);line-height:1}.landing-logo-tagline{font-size:.72rem;color:var(--text-muted);display:block;line-height:1}.hero-section{position:relative;overflow:hidden;padding:4rem 2.5rem 5rem}.hero-blob{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.hero-blob-1{width:500px;height:500px;background:var(--lavender);opacity:.55;top:-140px;right:-120px}.hero-blob-2{width:360px;height:360px;background:var(--peach);opacity:.45;bottom:-100px;left:-100px}.hero-blob-3{width:260px;height:260px;background:var(--sage);opacity:.35;top:40%;left:30%}.hero-layout{position:relative;z-index:1;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 380px;gap:4rem;align-items:center}.hero-text{max-width:560px}.hero-pill{display:inline-block;background:var(--lavender);border:1.5px solid var(--lavender-mid);border-radius:20px;padding:.35rem 1rem;font-size:.88rem;color:var(--text-mid);margin-bottom:1.75rem;font-family:var(--font-body)}.hero-headline{font-size:clamp(2.8rem,6vw,4.5rem);line-height:1.08;margin-bottom:1.5rem;color:var(--text)}.hero-highlight{color:var(--lavender-dark)}.hero-sub{font-size:1.1rem;color:var(--text-mid);max-width:480px;margin-bottom:2.5rem;line-height:1.8}.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem;justify-content:center}.hero-text .hero-ctas{justify-content:flex-start}.hero-trust{font-size:.82rem;color:var(--text-muted);margin-bottom:2rem}.hero-stats{display:flex;align-items:center;gap:1.25rem;margin-top:.5rem}.hero-stat{display:flex;flex-direction:column;gap:.1rem}.hero-stat-num{font-family:var(--font-hand);font-size:1.4rem;color:var(--text);line-height:1}.hero-stat-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.hero-stat-divider{width:1px;height:36px;background:var(--border-color)}.hero-phone{position:relative;display:flex;justify-content:center}.phone-frame{width:270px;background:#1c1622;border-radius:42px;padding:14px 10px 20px;box-shadow:0 0 0 2px #2e2538,0 30px 80px #3d315259,0 8px 20px #3d315233;position:relative}.phone-notch{width:80px;height:22px;background:#1c1622;border-radius:0 0 18px 18px;margin:0 auto 8px;position:relative;z-index:2}.phone-screen{background:var(--cream);border-radius:30px;padding:1rem .9rem;min-height:420px;display:flex;flex-direction:column;gap:.85rem;overflow:hidden}.phone-header{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:var(--text-muted);padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.phone-date{font-family:var(--font-hand);font-size:.82rem;color:var(--text)}.phone-streak{font-size:.75rem;color:var(--text-mid);font-weight:600}.phone-entry-block{background:var(--white);border-radius:14px;padding:.75rem;border:1.5px solid var(--border-color)}.phone-mood-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.phone-mood-emoji{font-size:1.1rem}.phone-mood-label{font-size:.72rem;color:var(--text-mid);font-weight:600}.phone-entry-text{font-size:.75rem;color:var(--text-mid);line-height:1.55;margin:0 0 .5rem;font-style:italic}.phone-word-count{font-size:.65rem;color:var(--text-muted)}.phone-insight-block{background:var(--lavender);border-radius:12px;padding:.65rem .75rem;display:flex;align-items:flex-start;gap:.5rem}.phone-insight-icon{font-size:1rem;flex-shrink:0;margin-top:1px}.phone-insight-text{font-size:.72rem;color:var(--text);line-height:1.5;margin:0}.phone-insight-text strong{color:var(--lavender-dark)}.phone-goals-block{background:var(--cream-dark);border-radius:12px;padding:.65rem .75rem}.phone-goal{display:flex;align-items:center;gap:.5rem}.phone-goal-bar-wrap{flex:1}.phone-goal-title{font-size:.68rem;color:var(--text-mid);display:block;margin-bottom:4px}.phone-goal-bar{height:5px;background:var(--border-color);border-radius:99px;overflow:hidden}.phone-goal-fill{height:100%;background:var(--sage-dark);border-radius:99px}.phone-goal-pct{font-size:.68rem;color:var(--text-muted);white-space:nowrap}.hero-phone .hf{position:absolute;font-size:1.5rem;opacity:.5;animation:float 5s ease-in-out infinite;pointer-events:none}.hero-phone .hf-1{top:5%;left:-5%;font-size:2rem;animation-delay:0s}.hero-phone .hf-2{top:12%;right:-5%;font-size:1.2rem;animation-delay:1.2s}.hero-phone .hf-3{bottom:20%;left:-8%;font-size:1.8rem;animation-delay:2.4s}.hero-phone .hf-4{bottom:25%;right:-8%;font-size:1.4rem;animation-delay:.7s}@media (max-width: 900px){.hero-layout{grid-template-columns:1fr;gap:2.5rem;text-align:center}.hero-text,.hero-sub{max-width:100%}.hero-ctas,.hero-stats{justify-content:center}.hero-phone{display:none}}.ai-preview-section{padding:5rem 2.5rem;background:var(--cream)}.ai-preview-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.ai-preview-text .landing-lead{margin-bottom:1.75rem}.ai-preview-cta{margin-top:.5rem}.ai-preview-card{padding:1.75rem!important}.ai-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1.5px solid var(--border-color)}.ai-card-icon{font-size:1.75rem}.ai-card-title{font-family:var(--font-hand);font-size:1.05rem;color:var(--text)}.ai-card-sub{font-size:.78rem;color:var(--text-muted);margin-top:.1rem}.ai-insights-list{display:flex;flex-direction:column;gap:.9rem;margin-bottom:1.25rem}.ai-insight-row{display:flex;align-items:flex-start;gap:.65rem;background:#ffffff8c;border-radius:10px;padding:.65rem .75rem}.ai-insight-row-icon{font-size:1.05rem;flex-shrink:0;margin-top:1px}.ai-insight-row-text{font-size:.88rem;color:var(--text-mid);line-height:1.55;margin:0}.ai-preview-disclaimer{font-size:.73rem;color:var(--text-muted);text-align:center;font-style:italic}@media (max-width: 860px){.ai-preview-inner{grid-template-columns:1fr;gap:2rem}}.testimonials-section{background:var(--cream-dark)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}@media (max-width: 860px){.testimonials-grid{grid-template-columns:1fr}}@media (max-width: 1060px) and (min-width: 861px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}.testimonial-card{padding:1.75rem!important;display:flex;flex-direction:column;gap:1rem;background:var(--white)!important;transition:var(--transition-smooth)}.testimonial-card:hover{transform:translateY(-3px);box-shadow:5px 6px 0 var(--shadow-med)}.testimonial-emoji{font-size:1.75rem}.testimonial-quote{font-size:.92rem;color:var(--text-mid);line-height:1.7;margin:0;flex:1;font-style:italic}.testimonial-meta{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--border-color)}.testimonial-name{font-family:var(--font-hand);font-size:1rem;color:var(--text)}.testimonial-detail{font-size:.75rem;color:var(--text-muted);background:var(--lavender);border-radius:12px;padding:.2rem .6rem}.landing-section{padding:5rem 2rem}.landing-section-inner{max-width:980px;margin:0 auto}.section-label{font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lavender-dark);margin-bottom:1rem}.landing-h2{font-size:clamp(2rem,4vw,2.8rem);color:var(--text);line-height:1.2;margin-bottom:1rem}.landing-lead{font-size:1.05rem;color:var(--text-mid);max-width:560px;line-height:1.7;margin-bottom:0}.features-section{background:var(--cream-dark)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}@media (max-width: 860px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.features-grid{grid-template-columns:1fr}}.feature-card{padding:1.75rem!important;transition:var(--transition-smooth)}.feature-card:hover{transform:translateY(-3px);box-shadow:6px 7px 0 var(--shadow-med)}.feature-icon{font-size:2.2rem;margin-bottom:.75rem;display:block}.feature-title{font-family:var(--font-hand);font-size:1.2rem;color:var(--text);margin-bottom:.5rem}.feature-desc{font-size:.9rem;color:var(--text-mid);line-height:1.65;margin:0}.pricing-section{background:var(--cream-dark)}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem;margin-top:3rem;max-width:780px;margin-left:auto;margin-right:auto}@media (max-width: 600px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{padding:2rem!important;display:flex;flex-direction:column;gap:1rem;position:relative}.pricing-card-pro{border:2px solid var(--lavender-mid)!important}.pricing-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--lavender-dark);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.25rem .9rem;border-radius:20px;white-space:nowrap}.pricing-tier-label{font-family:var(--font-hand);font-size:1.35rem;color:var(--text)}.pricing-price{display:flex;align-items:baseline;gap:.35rem}.pricing-amount{font-family:var(--font-hand);font-size:2.8rem;color:var(--text);line-height:1}.pricing-period{font-size:.9rem;color:var(--text-muted)}.pricing-desc{font-size:.88rem;color:var(--text-mid);margin:0}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:.55rem;flex:1;margin-top:.25rem}.pricing-features li{display:flex;align-items:flex-start;gap:.5rem;font-size:.88rem;color:var(--text-mid);line-height:1.45}.pricing-check{color:var(--sage-dark);font-weight:700;flex-shrink:0;margin-top:1px}.pricing-card-pro .pricing-check{color:var(--lavender-dark)}.pricing-cta{margin-top:auto;padding-top:.5rem}.pricing-beta-note{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:.5rem}.how-section{background:var(--lavender);padding:5rem 2rem;text-align:center}.how-section .landing-lead,.quote-section .landing-lead,.landing-cta-section .landing-lead{margin-left:auto;margin-right:auto}.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;max-width:780px;margin-left:auto;margin-right:auto}@media (max-width: 640px){.steps-row{grid-template-columns:1fr;max-width:340px}}.step-emoji{font-size:2.5rem;margin-bottom:.75rem;display:block}.step-number{width:42px;height:42px;border-radius:50%;background:var(--white);border:2px solid var(--lavender-dark);font-family:var(--font-hand);font-size:1.2rem;color:var(--lavender-dark);display:flex;align-items:center;justify-content:center;margin:0 auto .9rem}.step-title{font-family:var(--font-hand);font-size:1.3rem;color:var(--text);margin-bottom:.5rem}.step-desc{font-size:.9rem;color:var(--text-mid);line-height:1.65;margin:0}.quote-section{padding:5rem 2rem;text-align:center}.quote-section-inner{max-width:660px;margin:0 auto}.landing-quote-mark{font-family:Georgia,serif;font-size:6rem;line-height:.6;color:var(--lavender-mid);display:block;margin-bottom:1.5rem;-webkit-user-select:none;user-select:none}.landing-quote{font-family:var(--font-hand);font-size:clamp(1.5rem,3vw,2rem);color:var(--text);line-height:1.5;margin-bottom:1.5rem;font-style:normal}.landing-quote-prompt{font-size:1rem;color:var(--text-muted)}.landing-cta-section{background:var(--sage);padding:5rem 2rem}.cta-emoji{font-size:3.5rem;margin-bottom:1rem;display:block;animation:float 4s ease-in-out infinite}.landing-footer{padding:1.75rem 2rem;text-align:center;font-size:.85rem;color:var(--text-muted);border-top:1.5px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:.5rem}@media (max-width: 600px){.app-header{padding:.75rem 1rem .4rem}.app-header-logo{height:34px}.page,.page-wide,.page-home{padding:1.75rem 1rem 7rem}.card{padding:1.5rem}.auth-card{padding:2rem 1.5rem}.stat-grid{grid-template-columns:repeat(2,1fr)}}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.w-full{width:100%}.hidden{display:none}