@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Source+Sans+3:wght@300;400;500;600&display=swap";:root{--bg: #faf8f5;--bg-subtle: #f5f2ed;--bg-alt: #f0ebe4;--text: #2c2825;--text-soft: #5c5652;--text-muted: #8a847d;--accent: #6b7c6e;--accent-soft: #8fa393;--accent-light: #e8eeea;--border: #e5e1db;--border-dark: #d4cfc7;--white: #ffffff;--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Source Sans 3", -apple-system, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-xxl: 6rem;--max-width: 640px;--max-width-wide: 900px;--max-width-full: 1100px;--sidebar-width: 280px;--navbar-height: 60px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:18px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.view{flex:1;display:flex;flex-direction:column;animation:fadeIn .4s ease}.navbar{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--border);height:var(--navbar-height)}.navbar-inner{max-width:var(--max-width-full);margin:0 auto;padding:0 var(--space-md);height:100%;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-family:var(--font-serif);font-size:1.25rem;font-weight:500;color:var(--text);background:none;border:none;cursor:pointer;padding:0}.nav-brand:hover{color:var(--accent)}.nav-links{display:flex;gap:.25rem}.nav-link{font-size:.9rem;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:4px;transition:all .2s}.nav-link:hover{color:var(--text);background:var(--bg-subtle)}.nav-link.active{color:var(--accent);background:var(--accent-light);font-weight:500}.nav-link.highlight{color:var(--accent);font-weight:500}.nav-link.highlight.active{background:var(--accent);color:#fff}.nav-link.write-letter-link{color:var(--accent);font-weight:500}.nav-link.write-letter-link:hover{background:var(--accent-light)}.btn{font-family:var(--font-sans);font-size:1rem;font-weight:500;padding:.85rem 2rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn.large{font-size:1.1rem;padding:1rem 2.5rem}.btn.small{font-size:.85rem;padding:.6rem 1.25rem}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-soft)}.btn.primary:disabled{background:var(--border);cursor:not-allowed}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--border-dark)}.btn.secondary:hover{background:var(--bg-subtle);border-color:var(--text-muted)}.btn.secondary:disabled{opacity:.4;cursor:not-allowed}.btn.text{background:transparent;color:var(--text-muted);padding:.5rem 1rem}.btn.text:hover{color:var(--text)}.back-btn{margin-top:var(--space-lg)}.show-more{display:block;margin:var(--space-md) auto 0}.landing{align-items:stretch}.landing-hero{text-align:center;padding:var(--space-xxl) var(--space-md);background:linear-gradient(180deg,var(--white) 0%,var(--bg) 100%)}.hero-title{font-family:var(--font-serif);font-size:3.5rem;font-weight:400;letter-spacing:-.02em;margin-bottom:var(--space-sm);color:var(--text)}.hero-subtitle{font-size:1.25rem;color:var(--text-soft);font-weight:300;max-width:550px;margin:0 auto var(--space-lg);line-height:1.6}.landing-section{padding:var(--space-xl) var(--space-md);max-width:var(--max-width-full);margin:0 auto;width:100%}.landing-section.alt{background:var(--bg-subtle);max-width:none;padding-left:var(--space-md);padding-right:var(--space-md)}.landing-section.alt>*{max-width:var(--max-width-full);margin-left:auto;margin-right:auto}.section-title{font-family:var(--font-serif);font-size:2rem;font-weight:400;text-align:center;margin-bottom:var(--space-sm)}.section-intro{text-align:center;color:var(--text-soft);max-width:600px;margin:0 auto var(--space-lg)}.letter-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.letter-type-card:last-child:nth-child(odd){grid-column:1 / -1;max-width:calc(50% - var(--space-md) / 2);justify-self:center}.letter-type-card{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:var(--space-md);text-align:left}.letter-type-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.letter-type-icon{font-size:1.75rem;color:var(--accent)}.letter-type-name{font-family:var(--font-serif);font-size:1.35rem;font-weight:500}.letter-type-tagline{font-size:.95rem;color:var(--accent);font-weight:500;margin-bottom:var(--space-sm)}.letter-type-description{font-size:.9rem;color:var(--text-soft);line-height:1.6;margin-bottom:var(--space-sm)}.letter-type-best-for{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-md)}.letter-type-best-for strong{color:var(--text-soft)}.what-it-is-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);max-width:var(--max-width-wide);margin:0 auto}.what-box{background:var(--white);border-radius:8px;padding:var(--space-md)}.what-box h3{font-family:var(--font-serif);font-size:1.25rem;margin-bottom:var(--space-sm)}.what-box.is h3{color:var(--accent)}.what-box.isnt h3{color:var(--text-muted)}.what-box ul{list-style:none}.what-box li{padding:.4rem 0 .4rem 1.5rem;position:relative;font-size:.95rem;color:var(--text-soft)}.what-box.is li:before{content:"✓";position:absolute;left:0;color:var(--accent)}.what-box.isnt li:before{content:"×";position:absolute;left:0;color:var(--text-muted)}.cta-box{text-align:center;background:var(--white);border:1px solid var(--border);border-radius:8px;padding:var(--space-lg);max-width:500px;margin:0 auto}.cta-box h2{font-family:var(--font-serif);font-size:1.5rem;margin-bottom:var(--space-xs)}.cta-box p{color:var(--text-soft);margin-bottom:var(--space-md)}.email-signup-box{text-align:center;max-width:500px;margin:0 auto}.email-signup-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:400;margin-bottom:var(--space-xs)}.email-signup-desc{color:var(--text-soft);margin-bottom:var(--space-md)}.email-form{position:relative}.email-input-group{display:flex;gap:var(--space-xs);max-width:400px;margin:0 auto}.email-input{flex:1;padding:.85rem 1rem;font-family:var(--font-sans);font-size:1rem;border:1px solid var(--border-dark);border-radius:4px;background:var(--white);color:var(--text)}.email-input::placeholder{color:var(--text-muted)}.email-btn{white-space:nowrap}.email-note{font-size:.8rem;color:var(--text-muted);margin-top:var(--space-xs)}.email-success{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md);background:var(--accent-light);border-radius:8px;max-width:400px;margin:0 auto}.email-success-icon{font-size:1.25rem;color:var(--accent)}.email-success p{color:var(--accent);font-weight:500;margin:0}@media (max-width: 500px){.email-input-group{flex-direction:column}.email-btn{width:100%}}.landing-footer{text-align:center;padding:var(--space-lg) var(--space-md);border-top:1px solid var(--border);margin-top:var(--space-lg)}.landing-footer p{font-size:.85rem;color:var(--text-muted);max-width:500px;margin:0 auto}.landing-footer a{color:var(--accent)}.static-page{align-items:center;justify-content:flex-start;padding:var(--space-xl) var(--space-md)}.static-content{max-width:var(--max-width);width:100%}.static-content h1{font-family:var(--font-serif);font-size:2.5rem;font-weight:400;margin-bottom:var(--space-lg);text-align:center}.steps{margin-bottom:var(--space-xl)}.step{display:flex;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border)}.step:last-child{border-bottom:none}.step-num{width:40px;height:40px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.step-content h3{font-family:var(--font-serif);font-size:1.25rem;margin-bottom:var(--space-xs)}.step-content p{color:var(--text-soft);font-size:.95rem}.philosophy-section{background:var(--bg-subtle);padding:var(--space-lg);border-radius:8px;margin-bottom:var(--space-lg)}.philosophy-section h2{font-family:var(--font-serif);font-size:1.5rem;margin-bottom:var(--space-md)}.philosophy-section p{color:var(--text-soft);margin-bottom:var(--space-sm)}.philosophy-section p:last-child{margin-bottom:0}.coming-soon-box{text-align:center;background:var(--white);border:1px solid var(--border);border-radius:8px;padding:var(--space-xl)}.coming-soon-icon{font-size:3rem;display:block;margin-bottom:var(--space-md)}.coming-soon-box h2{font-family:var(--font-serif);font-size:1.5rem;margin-bottom:var(--space-sm)}.coming-soon-box p{color:var(--text-soft);max-width:400px;margin:0 auto var(--space-sm)}.coming-soon-note{font-size:.9rem;color:var(--text-muted);margin-bottom:var(--space-md)!important}.resources-page{align-items:stretch}.resources-content{width:100%}.resources-hero{text-align:center;padding:var(--space-xl) var(--space-md);background:linear-gradient(180deg,var(--white) 0%,var(--bg) 100%)}.resources-hero h1{font-family:var(--font-serif);font-size:2.5rem;font-weight:400;margin-bottom:var(--space-sm)}.resources-intro{font-size:1.1rem;color:var(--text-soft);max-width:550px;margin:0 auto}.resources-section{padding:var(--space-xl) var(--space-md);max-width:var(--max-width-full);margin:0 auto;border-bottom:1px solid var(--border)}.resources-section:last-of-type{border-bottom:none}.section-header{text-align:center;margin-bottom:var(--space-lg)}.section-header h2{font-family:var(--font-serif);font-size:1.75rem;font-weight:400;margin-bottom:var(--space-xs)}.section-header p{color:var(--text-soft);max-width:500px;margin:0 auto}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.tool-card{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:var(--space-md);text-align:center;transition:all .2s}.tool-card:hover{border-color:var(--accent-soft);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.tool-icon{font-size:2.5rem;display:block;margin-bottom:var(--space-sm)}.tool-name{font-family:var(--font-serif);font-size:1.15rem;font-weight:500;margin-bottom:.25rem}.tool-tagline{font-size:.85rem;color:var(--accent);font-weight:500;margin-bottom:var(--space-sm)}.tool-description{font-size:.85rem;color:var(--text-soft);line-height:1.5;margin-bottom:var(--space-sm)}.tool-status{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-subtle);padding:.25rem .75rem;border-radius:20px}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.content-card{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:var(--space-md);text-decoration:none;color:inherit;transition:all .2s}.content-card:hover{border-color:var(--accent-soft);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.content-card-header{margin-bottom:var(--space-sm)}.content-category{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);font-weight:600}.content-title{font-family:var(--font-serif);font-size:1.15rem;font-weight:500;margin-bottom:.25rem}.content-host{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-xs)}.content-description{font-size:.85rem;color:var(--text-soft);line-height:1.5}.book-card{cursor:default}.book-card:hover{transform:none;box-shadow:none}.resources-cta{padding:var(--space-xl) var(--space-md);background:var(--bg-subtle)}.resources-cta .cta-box{max-width:500px;margin:0 auto}.mode-select{align-items:center;justify-content:center;padding:var(--space-lg)}.mode-content{max-width:700px;width:100%;text-align:center}.mode-content h2{font-family:var(--font-serif);font-size:1.8rem;font-weight:400;margin-bottom:var(--space-xs)}.mode-intro{color:var(--text-soft);margin-bottom:var(--space-lg)}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);text-align:left}.mode-card{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-md);background:#fff;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s ease}.mode-card:hover{border-color:var(--accent-soft);background:var(--bg-subtle)}.mode-icon{font-size:1.5rem;margin-bottom:var(--space-xs);color:var(--accent)}.mode-name{font-weight:600;font-size:1rem;margin-bottom:.25rem}.mode-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5}.quick-letter-option{margin-bottom:var(--space-md)}.quick-letter-card{width:100%;padding:var(--space-md);background:linear-gradient(135deg,var(--accent-light) 0%,var(--white) 100%);border:2px solid var(--accent);border-radius:8px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:.25rem;transition:all .2s ease}.quick-letter-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6b7c6e33}.quick-letter-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.quick-letter-name{font-family:var(--font-serif);font-size:1.25rem;font-weight:500;color:var(--text)}.quick-letter-desc{font-size:.9rem;color:var(--text-soft)}.mode-divider{text-align:center;color:var(--text-muted);font-size:.85rem;margin:var(--space-md) 0}.mode-grid.life-events{grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-lg)}.mode-card.life-event{padding:var(--space-sm) var(--space-md);border-style:dashed}.mode-card.life-event .mode-icon{font-size:1.3rem}.mode-card.life-event .mode-name{font-size:.9rem}.mode-card.life-event .mode-desc{font-size:.8rem}.quick-interview{align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);min-height:calc(100vh - var(--navbar-height))}.quick-interview-container{max-width:500px;width:100%}.quick-progress{margin-bottom:var(--space-lg)}.quick-progress span{font-size:.85rem;color:var(--text-muted);display:block;margin-bottom:var(--space-xs)}.quick-progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.quick-progress-fill{height:100%;background:var(--accent);transition:width .3s ease;border-radius:2px}.quick-question{font-family:var(--font-serif);font-size:1.75rem;font-weight:400;line-height:1.3;color:var(--text);margin-bottom:var(--space-lg)}.quick-options-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.quick-option{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--white);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease}.quick-option:hover{border-color:var(--accent-soft);background:var(--bg-subtle)}.quick-option:has(input:checked){border-color:var(--accent);background:var(--accent-light)}.quick-option input{margin-top:3px;accent-color:var(--accent)}.quick-option-text{font-size:.95rem;color:var(--text);line-height:1.5}.quick-nav{display:flex;justify-content:space-between;gap:var(--space-sm)}.quick-nav .btn{flex:1}.interview{padding:0;min-height:calc(100vh - var(--navbar-height))}.interview-layout{display:flex;width:100%;min-height:calc(100vh - var(--navbar-height))}.question-sidebar{width:var(--sidebar-width);background:var(--white);border-right:1px solid var(--border);padding:var(--space-md);overflow-y:auto;flex-shrink:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.sidebar-title{font-weight:600;font-size:.9rem;color:var(--text)}.sidebar-progress{font-size:.8rem;color:var(--text-muted);background:var(--bg-subtle);padding:.2rem .5rem;border-radius:10px}.question-list{display:flex;flex-direction:column;gap:.35rem}.question-list-item{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .75rem;background:none;border:1px solid transparent;border-radius:4px;cursor:pointer;text-align:left;transition:all .15s;font-size:.8rem;color:var(--text-soft)}.question-list-item:hover{background:var(--bg-subtle)}.question-list-item.active{background:var(--accent-light);border-color:var(--accent-soft);color:var(--text)}.question-list-item.answered .question-num{background:var(--accent);color:#fff}.question-num{flex-shrink:0;width:20px;height:20px;background:var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--text-muted)}.question-preview{flex:1;line-height:1.4}.check-mark{color:var(--accent);font-size:.75rem}.question-main{flex:1;display:flex;justify-content:center;padding:var(--space-lg);overflow-y:auto}.question-container{max-width:var(--max-width);width:100%}.section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-xs)}.question-prompt{font-family:var(--font-serif);font-size:1.6rem;font-weight:400;line-height:1.4;margin-bottom:var(--space-md);color:var(--text)}.answer-input{width:100%;font-family:var(--font-sans);font-size:1rem;line-height:1.7;padding:var(--space-sm);border:1px solid var(--border);border-radius:4px;background:#fff;color:var(--text);resize:vertical;min-height:150px;transition:border-color .2s}.answer-input:focus{outline:none;border-color:var(--accent-soft)}.answer-input::placeholder{color:var(--text-muted)}.answer-input.followup{min-height:100px}.answer-input-wrapper{position:relative}.answer-input-wrapper .answer-input{padding-right:50px}.mic-btn{position:absolute;top:10px;right:10px;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mic-btn:hover{border-color:var(--accent);background:var(--accent-light)}.mic-btn.listening{border-color:#e74c3c;background:#fde8e8;animation:pulse-mic 1s ease-in-out infinite}@keyframes pulse-mic{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mic-icon{font-size:1.1rem}.mic-icon.recording{color:#e74c3c;font-size:1.2rem}.quick-answers{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border)}.quick-label{font-size:.8rem;color:var(--text-muted);display:block;margin-bottom:var(--space-xs)}.quick-options{display:flex;flex-wrap:wrap;gap:.5rem}.quick-btn{font-family:var(--font-sans);font-size:.8rem;padding:.4rem .75rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:20px;color:var(--text-soft);cursor:pointer;transition:all .15s}.quick-btn:hover{background:var(--white);border-color:var(--accent-soft);color:var(--text)}.quick-btn.selected{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.followup-section{margin-top:var(--space-md)}.followup-toggle{font-family:var(--font-sans);font-size:.9rem;color:var(--accent);background:none;border:none;cursor:pointer;padding:0;transition:color .2s}.followup-toggle:hover{color:var(--text)}.followup-toggle.open{color:var(--text-soft)}.followup-content{margin-top:var(--space-sm);padding-left:var(--space-sm);border-left:2px solid var(--border);animation:fadeIn .3s ease}.followup-prompt{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;color:var(--text-soft);margin-bottom:var(--space-sm)}.tone-selector{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border)}.tone-label{font-family:var(--font-serif);font-size:1.1rem;color:var(--text);margin-bottom:var(--space-sm)}.tone-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.tone-btn{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-sm) var(--space-xs);background:var(--white);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease}.tone-btn:hover{border-color:var(--accent-soft);background:var(--bg-subtle)}.tone-btn.selected{border-color:var(--accent);background:var(--accent-light)}.tone-icon{font-size:1.5rem;margin-bottom:.25rem;color:var(--accent)}.tone-name{font-weight:500;font-size:.9rem;color:var(--text);margin-bottom:.15rem}.tone-desc{font-size:.75rem;color:var(--text-muted)}@media (max-width: 600px){.tone-options{grid-template-columns:1fr}}.question-nav{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border)}.error-message{color:#c45c5c;font-size:.9rem;margin-top:var(--space-sm)}.generating{min-height:calc(100vh - var(--navbar-height));align-items:center;justify-content:center}.generating-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#f8f7f5f2;display:flex;align-items:center;justify-content:center;z-index:999}.generating-content{text-align:center}.generating-animation{display:flex;justify-content:center;gap:8px;margin-bottom:var(--space-md)}.dot{width:10px;height:10px;background:var(--accent);border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.generating-text{font-family:var(--font-serif);font-size:1.5rem;color:var(--text);margin-bottom:var(--space-xs)}.generating-subtext{font-size:.9rem;color:var(--text-muted)}.letter-view{align-items:center;justify-content:flex-start;padding:3rem 1.5rem 4rem;background:radial-gradient(ellipse at top,rgba(107,124,110,.06) 0%,transparent 60%),linear-gradient(180deg,#f8f7f5,#f4f2ef);min-height:calc(100vh - var(--navbar-height))}.letter-container{max-width:720px;width:100%}.letter{background:linear-gradient(180deg,#fffffe,#fdfcfa);padding:4rem 3.5rem 3.5rem;border:none;border-radius:2px;box-shadow:0 1px 1px #00000005,0 2px 4px #00000005,0 4px 16px #0000000a,0 12px 48px #0000000f;position:relative;overflow:hidden}.letter:before{content:"";position:absolute;top:2rem;bottom:2rem;left:0;width:3px;background:linear-gradient(180deg,var(--accent) 0%,rgba(107,124,110,.3) 100%)}.letter:after{content:"❧";position:absolute;top:1.5rem;right:2rem;font-size:1.5rem;color:#6b7c6e26}.print-header,.letter-decorative-line{display:none}.letter h1{font-family:var(--font-serif);font-size:2rem;font-weight:400;text-align:center;margin-bottom:.35rem;color:var(--text);letter-spacing:.04em;text-transform:uppercase;font-variant:small-caps}.letter-from{text-align:center;font-family:var(--font-serif);font-size:1.05rem;font-style:italic;color:var(--accent);margin-bottom:0;padding-bottom:2.5rem;position:relative}.letter-from:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent) 50%,transparent 100%)}.letter-body{font-size:1.08rem;line-height:2;margin-top:2.5rem}.letter-body p{margin-bottom:1.6rem;color:#3d3a36;text-indent:1.5rem}.letter-body p:first-child{text-indent:0}.letter-body p:first-child:first-letter{font-family:var(--font-serif);font-size:4rem;float:left;line-height:.75;padding-right:.75rem;padding-top:.5rem;color:var(--accent);font-weight:400}.letter-body p:last-child{margin-bottom:0}.letter-closing{display:block;margin-top:3rem;padding-top:2rem;text-align:center;position:relative}.letter-closing:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:1px;background:var(--border)}.closing-line{font-family:var(--font-serif);font-size:1.8rem;color:var(--accent);margin-bottom:.75rem;font-weight:300}.closing-signoff{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;color:var(--text-soft);margin-bottom:.25rem}.closing-me{font-family:var(--font-serif);font-size:1.3rem;font-style:italic;color:var(--text-primary)}.closing-text{font-family:var(--font-serif);font-size:.9rem;font-style:italic;color:var(--text-muted);letter-spacing:.02em}.print-footer{display:none}.letter-actions{display:flex;justify-content:center;gap:.75rem;margin-top:2rem;flex-wrap:wrap}.letter-actions .btn{font-size:.9rem;padding:.6rem 1.25rem}.letter-actions .btn.secondary{background:#fff;border-color:var(--border);color:var(--text-soft)}.letter-actions .btn.secondary:hover{background:var(--bg-subtle);border-color:var(--accent-soft);color:var(--text)}.letter-note{text-align:center;font-family:var(--font-serif);font-size:.95rem;font-style:italic;color:var(--text-muted);margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.start-over-btn{display:block;margin:1rem auto 0;font-size:.9rem}.crisis{background:var(--bg-subtle);align-items:center;justify-content:center;padding:var(--space-lg)}.crisis-content{max-width:var(--max-width);text-align:center}.crisis-content h2{font-family:var(--font-serif);font-size:1.8rem;font-weight:400;margin-bottom:var(--space-sm);color:var(--text)}.crisis-message{font-size:1.05rem;color:var(--text-soft);margin-bottom:var(--space-lg)}.crisis-resources{display:flex;flex-direction:column;gap:var(--space-sm);text-align:left;margin-bottom:var(--space-lg)}.crisis-resource{background:#fff;padding:var(--space-md);border-radius:4px;border:1px solid var(--border)}.crisis-resource h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.crisis-phone{font-size:1.1rem;font-weight:600;color:var(--accent);margin-bottom:.25rem}.crisis-desc{font-size:.9rem;color:var(--text-muted)}.crisis-link{display:inline-block;font-size:.9rem;color:var(--accent);margin-top:var(--space-xs);text-decoration:none}.crisis-link:hover{text-decoration:underline}@media print{.navbar,.letter-actions,.letter-toolbar,.letter-note,.start-over-btn,.save-prompt,.letter-save-status,.modal-overlay,.comparison-overlay{display:none!important}@page{size:letter;margin:.75in 1in}html,body{font-size:11pt;background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}.app{min-height:auto}.view{padding:0}.letter-container{max-width:100%}.letter{border:none;box-shadow:none;padding:0;background:#fff}.print-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5in;padding-bottom:.15in;border-bottom:2px solid #6b7c6e}.print-logo{font-family:Cormorant Garamond,Georgia,serif;font-size:14pt;font-weight:500;color:#6b7c6e;letter-spacing:.05em}.print-date{font-family:"Source Sans 3",sans-serif;font-size:9pt;color:#8a847d}.letter-decorative-line{display:block;width:40px;height:3px;background:#6b7c6e;margin:0 auto .4in;border-radius:2px}.letter h1{font-family:Cormorant Garamond,Georgia,serif;font-size:24pt;font-weight:400;text-align:center;margin-bottom:.1in;padding-bottom:0;border-bottom:none;color:#2c2825;letter-spacing:.02em}.letter-from{text-align:center;font-family:Cormorant Garamond,Georgia,serif;font-size:11pt;font-style:italic;color:#6b7c6e;margin-bottom:.35in;padding-bottom:0;border-bottom:none}.letter-from:after{content:"◇";display:block;margin-top:.2in;font-size:10pt;color:#d4cfc7;font-style:normal}.letter-body{font-family:"Source Sans 3",-apple-system,sans-serif;font-size:11pt;line-height:1.75;color:#2c2825}.letter-body p{margin-bottom:.2in;text-align:justify;text-justify:inter-word;color:#2c2825}.letter-body p:first-child:first-letter{font-family:Cormorant Garamond,Georgia,serif;font-size:32pt;float:left;line-height:.8;padding-right:8pt;padding-top:4pt;color:#6b7c6e}.letter-body p:last-child{margin-bottom:0}.letter-closing{display:block;margin-top:.4in;padding-top:.25in;text-align:center}.closing-line{font-size:14pt;color:#6b7c6e;margin-bottom:.1in}.closing-signoff{font-family:Cormorant Garamond,Georgia,serif;font-size:12pt;font-style:italic;color:#2c2825;margin-bottom:.05in}.closing-me{font-family:Cormorant Garamond,Georgia,serif;font-size:14pt;font-style:italic;color:#2c2825}.closing-text{font-family:Cormorant Garamond,Georgia,serif;font-size:10pt;font-style:italic;color:#8a847d;margin-bottom:0!important}.print-footer{display:block;position:fixed;bottom:0;left:0;right:0;text-align:center;padding:.2in 0;border-top:1px solid #e5e1db}.print-footer p{font-family:"Source Sans 3",sans-serif;font-size:8pt;color:#8a847d;margin:0;letter-spacing:.05em}}@media (max-width: 900px){.question-sidebar{display:none}.interview-layout{flex-direction:column}.question-main{padding:var(--space-md)}.letter-types-grid,.what-it-is-grid{grid-template-columns:1fr}.letter-type-card:last-child:nth-child(odd){max-width:100%;grid-column:auto}.tools-grid,.content-grid{grid-template-columns:repeat(2,1fr)}.nav-links{gap:0}.nav-link{padding:var(--space-xs) .5rem;font-size:.8rem}}@media (max-width: 600px){html{font-size:16px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:1.5rem}.question-prompt{font-size:1.35rem}.letter{padding:var(--space-lg) var(--space-md)}.question-nav{flex-wrap:wrap;gap:var(--space-sm)}.question-nav .btn{flex:1;min-width:100px}.question-nav .btn.text{order:3;flex:100%}.letter-actions{flex-direction:column}.letter-actions .btn{width:100%}.mode-grid,.tools-grid,.content-grid{grid-template-columns:1fr}.mode-grid.life-events{grid-template-columns:repeat(2,1fr)}.nav-brand{font-size:1rem}}.landing .landing-hero{padding:var(--space-lg) var(--space-md) var(--space-md)}.landing .landing-section{padding:var(--space-lg) var(--space-md)}.landing .section-intro{margin-bottom:var(--space-md)}.coming-soon-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin:var(--space-lg) 0;text-align:left}.feature-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-subtle);border-radius:8px}.feature-icon{font-size:1.25rem}.feature-item span:last-child{font-size:.9rem;color:var(--text-soft)}.letter-actions-top{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin:var(--space-xl) 0}.info-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:var(--space-lg) var(--space-md);text-align:center;transition:all .3s ease}.info-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:var(--accent-soft)}.info-card-icon{font-size:2.5rem;margin-bottom:var(--space-sm)}.info-card h3{font-family:var(--font-serif);font-size:1.2rem;font-weight:500;margin-bottom:var(--space-xs);color:var(--text)}.info-card p{font-size:.9rem;color:var(--text-soft);line-height:1.6}@media (max-width: 768px){.info-cards{grid-template-columns:1fr;gap:var(--space-sm)}.info-card{padding:var(--space-md)}}.quick-letter-hero{max-width:600px;margin:0 auto}.quick-letter-card-large{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-lg);background:linear-gradient(135deg,var(--accent-light) 0%,var(--white) 100%);border:2px solid var(--accent);border-radius:12px;cursor:pointer;transition:all .3s ease;width:100%}.quick-letter-card-large:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6b7c6e33}.quick-letter-card-large .quick-letter-badge{background:var(--accent);color:#fff;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.quick-letter-card-large .quick-letter-name{font-family:var(--font-serif);font-size:1.5rem;font-weight:500;color:var(--text);margin-bottom:var(--space-xs)}.quick-letter-card-large .quick-letter-desc{font-size:1rem;color:var(--text-soft);max-width:400px;line-height:1.5;margin-bottom:var(--space-sm)}.quick-letter-card-large .quick-letter-cta{font-size:1rem;font-weight:500;color:var(--accent)}.letter-type-card.clickable{cursor:pointer;transition:all .3s ease;border:2px solid var(--border)}.letter-type-card.clickable:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.letter-type-card .letter-type-cta{display:block;margin-top:var(--space-sm);font-size:.95rem;font-weight:500;color:var(--accent)}.life-events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);max-width:var(--max-width-wide);margin:0 auto}.life-event-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-md) var(--space-sm);background:var(--white);border:1px dashed var(--border-dark);border-radius:8px;cursor:pointer;transition:all .2s ease}.life-event-card:hover{border-color:var(--accent);border-style:solid;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.life-event-icon{font-size:1.5rem;margin-bottom:var(--space-xs);color:var(--accent)}.life-event-name{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.life-event-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}@media (max-width: 768px){.quick-letter-card-large{padding:var(--space-md)}.quick-letter-card-large .quick-letter-name{font-size:1.3rem}.life-events-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.life-event-card{padding:var(--space-sm)}.life-event-icon{font-size:1.3rem}.life-event-name{font-size:.85rem}.life-event-desc{font-size:.75rem}}@media (max-width: 480px){.life-events-grid{grid-template-columns:repeat(2,1fr)}.coming-soon-features{grid-template-columns:1fr}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.auth-modal{background:var(--bg-primary);border-radius:12px;padding:var(--space-lg);max-width:400px;width:100%;position:relative;box-shadow:0 20px 60px #0000004d}.auth-modal-close{position:absolute;top:var(--space-sm);right:var(--space-sm);background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:.25rem .5rem;line-height:1}.auth-modal-close:hover{color:var(--text-primary)}.auth-title{font-family:var(--font-serif);font-size:1.75rem;margin-bottom:var(--space-md);text-align:center}.auth-message{padding:var(--space-sm);border-radius:6px;margin-bottom:var(--space-md);font-size:.9rem}.auth-message.success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.auth-message.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-form .form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.auth-form input{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.auth-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf61a}.auth-form input::placeholder{color:var(--text-muted)}.auth-submit-btn{padding:.875rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.auth-submit-btn:hover:not(:disabled){background:var(--accent-hover)}.auth-divider{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-md) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-divider span{font-size:.85rem;color:var(--text-muted)}.auth-links{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.auth-link-btn{background:none;border:none;color:var(--accent);font-size:.9rem;cursor:pointer;padding:.25rem}.auth-link-btn:hover{text-decoration:underline}.auth-switch{font-size:.9rem;color:var(--text-secondary);margin-top:var(--space-sm)}.auth-switch button{background:none;border:none;color:var(--accent);font-size:.9rem;cursor:pointer;padding:0}.auth-switch button:hover{text-decoration:underline}.auth-callback{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary)}@media (max-width: 480px){.auth-modal{padding:var(--space-md);margin:var(--space-sm)}.auth-title{font-size:1.5rem}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.auth-modal{background:#fff;border-radius:12px;padding:32px;max-width:400px;width:100%;position:relative;box-shadow:0 20px 60px #0006;z-index:10000}.auth-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:1.75rem;color:#888;cursor:pointer;padding:4px 10px;line-height:1}.auth-title{font-family:Georgia,Times New Roman,serif;font-size:1.75rem;margin-bottom:24px;text-align:center;color:#1a1a1a}.auth-message{padding:12px;border-radius:6px;margin-bottom:16px;font-size:.9rem}.auth-form label{font-size:.9rem;font-weight:500;color:#333}.auth-form input{padding:12px 14px;border:2px solid #ddd;border-radius:8px;font-size:1rem;background:#fff;color:#1a1a1a;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{outline:none;border-color:#5c4a3d;box-shadow:0 0 0 3px #5c4a3d26}.auth-form input::placeholder{color:#999}.auth-submit-btn{padding:14px 24px;background:#5c4a3d;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s,transform .1s;margin-top:8px}.auth-submit-btn:hover:not(:disabled){background:#4a3b31}.auth-submit-btn:active:not(:disabled){transform:scale(.98)}.google-sign-in-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 24px;background:#fff;color:#1a1a1a;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}.google-sign-in-btn:hover:not(:disabled){background:#f8f8f8;border-color:#ccc;box-shadow:0 2px 4px #0000001a}.google-sign-in-btn:active:not(:disabled){transform:scale(.98)}.google-sign-in-btn:disabled{opacity:.6;cursor:not-allowed}.google-sign-in-btn svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ddd}.auth-divider span{font-size:.85rem;color:#888}.auth-links{display:flex;flex-direction:column;align-items:center;gap:10px}.auth-link-btn{background:none;border:none;color:#5c4a3d;font-size:.9rem;cursor:pointer;padding:6px;text-decoration:underline}.auth-link-btn:hover{color:#4a3b31}.auth-switch{font-size:.9rem;color:#555;margin-top:8px}.auth-switch button{background:none;border:none;color:#5c4a3d;font-size:.9rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.auth-switch button:hover{color:#4a3b31}.auth-callback{display:flex;align-items:center;justify-content:center;min-height:200px;color:#666}@media (max-width: 480px){.auth-modal{padding:24px;margin:12px}.auth-title{font-size:1.5rem}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.auth-modal{background:#fff;border-radius:12px;padding:40px;max-width:400px;width:100%;position:relative;box-shadow:0 20px 60px #00000026}.auth-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px 8px}.auth-modal-close:hover{color:#333}.auth-title{text-align:center;margin-bottom:24px;font-size:1.5rem;color:var(--text-color, #2d2d2d)}.auth-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.auth-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.auth-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form .form-group{display:flex;flex-direction:column;gap:6px}.auth-form label{font-size:.9rem;font-weight:500;color:#555}.auth-form input{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{outline:none;border-color:var(--primary-color, #5c4a3d);box-shadow:0 0 0 3px #5c4a3d1a}.auth-submit-btn{background:var(--primary-color, #5c4a3d);color:#fff;border:none;padding:14px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;margin-top:8px;transition:background .2s}.auth-submit-btn:hover:not(:disabled){background:var(--primary-hover, #4a3b31)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid #e0e0e0}.auth-divider span{padding:0 16px;color:#888;font-size:.85rem}.auth-links{text-align:center}.auth-link-btn{background:none;border:none;color:var(--primary-color, #5c4a3d);cursor:pointer;font-size:.9rem;padding:8px;text-decoration:underline;display:block;width:100%}.auth-link-btn:hover{color:var(--primary-hover, #4a3b31)}.auth-switch{margin-top:16px;color:#666;font-size:.9rem}.auth-switch button{background:none;border:none;color:var(--primary-color, #5c4a3d);cursor:pointer;font-weight:500;text-decoration:underline}.future-letter-form{background:#faf9f6;border-radius:12px;padding:32px;margin-top:24px}.future-letter-header{text-align:center;margin-bottom:24px}.future-letter-header h3{font-size:1.3rem;margin-bottom:8px}.future-letter-header p{color:#666;font-size:.95rem}.delivery-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.delivery-option{display:flex;align-items:center;padding:16px;background:#fff;border:2px solid #e8e4df;border-radius:10px;cursor:pointer;transition:all .2s}.delivery-option:hover{border-color:#ccc}.delivery-option input[type=radio]{margin-right:12px;width:18px;height:18px;accent-color:var(--primary-color, #5c4a3d)}.delivery-option input[type=radio]:checked+.option-content{color:var(--primary-color, #5c4a3d)}.delivery-option:has(input:checked){border-color:var(--primary-color, #5c4a3d);background:#f8f6f3}.option-content{display:flex;flex-direction:column;gap:4px;flex:1}.option-label{font-weight:500;font-size:1rem}.option-date{font-size:.85rem;color:#888}.custom-date-input{margin-top:8px;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:.95rem}.future-letter-preview{background:#fff;border-radius:8px;padding:20px;margin-bottom:24px}.future-letter-preview h4{font-size:.9rem;color:#888;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.preview-content{color:#555;font-size:.95rem;line-height:1.6;font-style:italic}.future-letter-actions{text-align:center}.future-letter-success{text-align:center;padding:40px 20px}.future-letter-success .success-icon{font-size:3rem;margin-bottom:16px}.future-letter-success h3{font-size:1.5rem;margin-bottom:16px}.future-letter-success p{color:#555;margin-bottom:8px}.future-letter-success .success-note{font-size:.9rem;color:#888;margin-bottom:24px}.weekly-checkin{max-width:600px;margin:0 auto;padding:20px}.checkin-header{text-align:center;margin-bottom:32px}.checkin-header h2{font-size:1.8rem;margin-bottom:8px}.checkin-header p{color:#666}.progress-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.progress-dots .dot{width:10px;height:10px;border-radius:50%;background:#e0e0e0;transition:all .3s}.progress-dots .dot.active{background:var(--primary-color, #5c4a3d);transform:scale(1.2)}.progress-dots .dot.completed{background:var(--primary-color, #5c4a3d);opacity:.5}.checkin-step{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.checkin-step h3{font-size:1.3rem;margin-bottom:8px}.step-hint{color:#888;font-size:.9rem;margin-bottom:20px}.rating-slider{margin-bottom:28px}.rating-slider label{display:block;font-weight:500;margin-bottom:12px}.slider-container{display:flex;align-items:center;gap:12px}.slider-label{font-size:.85rem;color:#888;min-width:70px}.slider-label.high{text-align:right}.slider{flex:1;-webkit-appearance:none;height:8px;border-radius:4px;background:#e8e4df;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary-color, #5c4a3d);cursor:pointer;box-shadow:0 2px 6px #0003}.slider-value{text-align:center;font-size:1.5rem;font-weight:600;color:var(--primary-color, #5c4a3d);margin-top:8px}.checkin-step textarea{width:100%;padding:16px;border:2px solid #e8e4df;border-radius:10px;font-size:1rem;font-family:inherit;resize:vertical;min-height:120px;transition:border-color .2s}.checkin-step textarea:focus{outline:none;border-color:var(--primary-color, #5c4a3d)}.step-nav{display:flex;gap:12px;margin-top:24px}.step-nav .btn-secondary{flex:1}.step-nav .btn-primary{flex:2}.checkin-success,.checkin-completed{text-align:center;padding:40px 20px}.checkin-success .success-icon,.checkin-completed .completed-icon{font-size:3rem;margin-bottom:16px}.ai-reflection{background:linear-gradient(135deg,#f8f6f3,#f0ebe5);border-radius:12px;padding:24px;margin:24px 0;text-align:left}.ai-reflection h4{font-size:.9rem;color:#888;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.ai-reflection p{font-size:1.05rem;line-height:1.6;color:#444}.checkin-summary{display:flex;justify-content:center;gap:32px;margin:24px 0}.summary-item{text-align:center}.summary-item .label{display:block;font-size:.85rem;color:#888;margin-bottom:4px}.summary-item .value{font-size:1.5rem;font-weight:600;color:var(--primary-color, #5c4a3d)}.checkin-history{max-width:800px;margin:0 auto;padding:20px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.history-header h2{font-size:1.8rem}.time-filter select{padding:10px 16px;border:2px solid #e8e4df;border-radius:8px;font-size:.95rem;background:#fff;cursor:pointer}.stats-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 2px 8px #0000000d}.stat-value{font-size:2rem;font-weight:600;color:var(--primary-color, #5c4a3d)}.stat-label{font-size:.85rem;color:#888;margin-top:4px}.mood-chart{background:#fff;border-radius:12px;padding:24px;margin-bottom:32px;box-shadow:0 2px 8px #0000000d}.mood-chart h3{font-size:1rem;color:#888;margin-bottom:16px}.chart-container{display:flex;align-items:flex-end;gap:4px;height:150px;padding:0 8px}.chart-bar{flex:1;background:linear-gradient(to top,var(--primary-color, #5c4a3d) 0%,#8b7355 100%);border-radius:4px 4px 0 0;min-height:10px;cursor:pointer;transition:opacity .2s;display:flex;align-items:flex-start;justify-content:center;padding-top:4px}.chart-bar:hover{opacity:.8}.bar-emoji{font-size:.8rem}.chart-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:.8rem;color:#888}.checkin-list h3{font-size:1rem;color:#888;margin-bottom:16px}.checkins{display:flex;flex-direction:column;gap:12px}.checkin-card{background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px #0000000d;cursor:pointer;transition:all .2s}.checkin-card:hover{box-shadow:0 4px 12px #0000001a}.checkin-card.selected{border:2px solid var(--primary-color, #5c4a3d)}.checkin-summary{display:flex;justify-content:space-between;align-items:center}.checkin-date{font-weight:500}.checkin-ratings{display:flex;gap:16px}.checkin-ratings .mood,.checkin-ratings .energy{font-size:.95rem}.checkin-details{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.detail-section{margin-bottom:16px}.detail-section:last-child{margin-bottom:0}.detail-section h4{font-size:.85rem;color:#888;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.detail-section p{color:#444;line-height:1.5}.detail-section.reflection{background:#f8f6f3;margin:16px -20px -16px;padding:16px 20px;border-radius:0 0 10px 10px}.empty-state{text-align:center;padding:40px 20px;color:#888}.btn-primary{background:var(--primary-color, #5c4a3d);color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:var(--primary-hover, #4a3b31)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--primary-color, #5c4a3d);border:2px solid var(--primary-color, #5c4a3d);padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--primary-color, #5c4a3d);color:#fff}@media (max-width: 768px){.stats-overview{grid-template-columns:repeat(2,1fr)}.auth-modal{padding:24px;margin:10px}.future-letter-form{padding:20px}.history-header{flex-direction:column;gap:16px;align-items:flex-start}}@media (max-width: 480px){.checkin-summary{flex-direction:column;gap:8px;align-items:flex-start}.step-nav{flex-direction:column}.step-nav .btn-secondary,.step-nav .btn-primary{flex:1}}.your-letters-view{min-height:100vh;padding-top:var(--space-xl)}.your-letters-container{max-width:800px;margin:0 auto;padding:var(--space-lg)}.your-letters-container h1{font-family:var(--font-serif);font-size:2.5rem;margin-bottom:var(--space-lg);text-align:center}.letters-signin-prompt,.letters-empty,.letters-loading{text-align:center;padding:var(--space-xl) var(--space-lg);background:var(--bg-secondary);border-radius:12px}.letters-signin-prompt p,.letters-empty p,.letters-loading p{color:var(--text-secondary);margin-bottom:var(--space-md)}.letters-loading .loading-note{font-size:.85rem;color:var(--text-muted);margin-bottom:0}.letters-empty-sub{font-size:.9rem;color:var(--text-muted);margin-bottom:var(--space-lg)}.letters-count{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-md)}.letters-list{display:flex;flex-direction:column;gap:var(--space-md)}.saved-letter-card{background:var(--bg-secondary);border-radius:12px;padding:var(--space-lg);transition:box-shadow .2s}.saved-letter-card:hover{box-shadow:0 4px 20px #0000001a}.saved-letter-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.saved-letter-icon{font-size:1.5rem;opacity:.7}.saved-letter-meta{flex:1}.saved-letter-type{display:block;font-weight:500;color:var(--text-primary)}.saved-letter-date{display:block;font-size:.85rem;color:var(--text-muted)}.saved-letter-tone{font-size:1.2rem;opacity:.5}.saved-letter-preview{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:var(--space-md);font-style:italic}.saved-letter-actions{display:flex;gap:var(--space-sm)}.delete-btn{color:var(--text-muted)!important}.delete-btn:hover{color:#ef4444!important}.letter-save-status{text-align:center;font-size:.9rem;margin-top:var(--space-sm)}.letter-save-status.saving{color:var(--text-muted)}.letter-save-status.saved{color:#22c55e}.letter-save-status.error{color:#ef4444}.save-prompt{background:var(--bg-secondary);border-radius:10px;padding:var(--space-md);text-align:center;margin-top:var(--space-md)}.save-prompt p{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:.95rem}@media (max-width: 600px){.your-letters-container{padding:var(--space-md)}.your-letters-container h1{font-size:2rem}.saved-letter-actions{flex-direction:column}}.letters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid #e8e4df}.letters-header .letters-count{margin-bottom:0;font-weight:500}.letters-controls{display:flex;gap:var(--space-sm)}.letters-sort{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer;color:#333}.letters-sort:focus{outline:none;border-color:var(--primary-color, #5c4a3d)}.compare-banner{background:#f0ebe5;border-radius:10px;padding:var(--space-md);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.compare-banner p{font-weight:500;color:var(--text-primary);margin:0}.compare-btn{padding:10px 20px!important}.compare-hint{text-align:center;color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-md);font-style:italic}.saved-letter-card{display:flex;gap:var(--space-md);align-items:flex-start}.saved-letter-card.selected{background:#f5f2ed;border:2px solid var(--primary-color, #5c4a3d)}.saved-letter-select{padding-top:4px}.saved-letter-select input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color, #5c4a3d)}.saved-letter-select input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.saved-letter-content{flex:1;min-width:0}.letters-footer{margin-top:var(--space-lg);text-align:center;padding-top:var(--space-lg);border-top:1px solid #e8e4df}@media (max-width: 600px){.letters-header{flex-direction:column;gap:var(--space-sm);align-items:flex-start}.compare-banner{flex-direction:column;text-align:center}.compare-banner p{width:100%}}.letters-empty{display:flex;flex-direction:column;gap:var(--space-lg)}.feature-items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px}.feature-item-card{display:flex;align-items:flex-start;gap:10px;padding:16px;background:#fafaf9;border-radius:8px}.feature-item-card .feature-icon{font-size:1.2rem;line-height:1}.feature-item-card .feature-text{font-size:.85rem;line-height:1.4;color:var(--text-secondary)}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a}.feature-item{display:flex;align-items:flex-start;gap:10px;padding:8px}.feature-icon{font-size:1.4rem;line-height:1}.feature-text{font-size:.85rem;line-height:1.4;color:var(--text-secondary)}.your-letters-subtitle{color:#6b7c6e;font-size:.95rem;margin-bottom:32px;text-align:left}.letters-empty-simple{text-align:center;padding:60px 20px}.letters-empty-simple>p:first-child{font-size:1.2rem;color:var(--text-primary);margin-bottom:8px}.letters-empty-simple .empty-subtext{color:#8a847d;font-size:.95rem;margin-bottom:24px}.letters-controls-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.letters-controls-left{display:flex;align-items:center;gap:16px}.letters-count{font-size:.9rem;color:#8a847d}.compare-mode-btn{border:none;padding:8px 16px;border-radius:4px;font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .15s ease}.compare-mode-btn.inactive{background:#f0ede8;color:#8a847d;border:1px solid #e5e1db}.compare-mode-btn.inactive:hover{background:#e8e4dd;color:#6b7c6e}.compare-mode-btn.active{background:#d4e4d9;color:#4a5f4e;border:1px solid #b8d4be}.compare-mode-btn.ready{background:#2c2825;color:#fff;border:1px solid #2c2825}.compare-mode-btn.ready:hover{background:#1a1816}.letters-sort-select{font-family:inherit;font-size:.85rem;padding:6px 12px;border:1px solid #d4d0c8;border-radius:4px;background:#fff;color:#2c2825;cursor:pointer}.compare-hint-bar{font-size:.85rem;color:#6b7c6e;margin-bottom:16px;padding:10px 14px;background:#f5f8f5;border-radius:4px;display:flex;align-items:center;justify-content:space-between}.cancel-compare-btn{background:none;border:none;color:#8a847d;font-size:.8rem;cursor:pointer;text-decoration:underline}.cancel-compare-btn:hover{color:#5a5652}.letters-card-list{display:flex;flex-direction:column;gap:12px}.letter-card{background:#fff;border:1px solid #e5e1db;border-radius:8px;padding:20px;cursor:pointer;transition:all .15s ease;position:relative;display:flex;align-items:center;gap:16px}.letter-card:hover{border-color:#c4bfb8;box-shadow:0 2px 8px #0000000a}.letter-card:hover .letter-card-arrow{color:#6b7c6e;transform:translate(2px)}.letter-card.selected{border-color:#6b7c6e;background:#faf9f7}.letter-card-main{flex:1;min-width:0}.letter-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.letter-card-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#6b7c6e;margin-top:2px;flex-shrink:0}.letter-card-info{flex:1;text-align:left}.letter-card-mode{display:flex;align-items:center;gap:8px;font-size:1rem}.letter-card-icon{font-size:1.1rem;opacity:.7}.letter-card-date{font-size:.85rem;color:#8a847d;margin-top:2px}.letter-card-tone{position:absolute;top:16px;right:48px;font-size:.8rem;color:#8a847d}.letter-card-tone span{color:#5a5652}.letter-card-snippet{font-size:.9rem;color:#5a5652;line-height:1.5;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-style:italic}.letter-card-snippet.with-checkbox{padding-left:30px}.letter-card-arrow{color:#c4bfb8;font-size:1.4rem;flex-shrink:0;transition:all .15s ease}.letters-footer{margin-top:32px;text-align:left}@media (max-width: 768px){.letters-controls-row{flex-wrap:wrap;gap:12px}.letters-controls-left{width:100%;justify-content:space-between}.letters-sort-select{width:100%}.letter-card-tone{position:static;display:block;margin-bottom:8px}.letter-card{padding:16px}}@media (max-width: 480px){.compare-hint-bar{flex-direction:column;gap:8px;text-align:center}}.comparison-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.comparison-modal{background:#fff;border-radius:12px;padding:40px;max-width:700px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0003}.comparison-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:1.8rem;cursor:pointer;color:#999;line-height:1;padding:4px}.comparison-close:hover{color:#333}.comparison-modal h2{font-family:var(--font-serif);font-size:1.6rem;font-weight:400;margin-bottom:24px;color:var(--text-primary)}.comparison-loading{text-align:center;padding:40px 20px}.comparison-loading p{color:var(--text-secondary);margin-bottom:8px}.comparison-loading .loading-note{font-size:.85rem;color:var(--text-muted)}.comparison-content{line-height:1.7;color:var(--text-primary)}.comparison-content p{margin-bottom:1em}.comparison-content p:last-child{margin-bottom:0}.comparison-actions{margin-top:32px;display:flex;justify-content:center}@media (max-width: 600px){.comparison-modal{padding:24px;max-height:90vh}.comparison-modal h2{font-size:1.3rem;padding-right:30px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;padding:32px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0003}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:1.8rem;cursor:pointer;color:#999;line-height:1;padding:4px}.modal-close:hover{color:#333}.modal-content h2{font-family:var(--font-serif);font-size:1.5rem;font-weight:400;margin-bottom:20px;color:var(--text-primary);padding-right:30px}.modal-actions{margin-top:24px;display:flex;justify-content:center;gap:12px}.answers-modal{max-width:650px}.answers-list{display:flex;flex-direction:column;gap:20px}.answer-item{padding-bottom:20px;border-bottom:1px solid var(--border)}.answer-item:last-child{border-bottom:none;padding-bottom:0}.answer-question{font-weight:500;color:var(--text-primary);margin-bottom:8px;font-size:.95rem}.answer-text{color:var(--text-secondary);line-height:1.6;font-size:.9rem}.answer-followup{margin-top:12px;padding-left:16px;border-left:2px solid var(--accent-light)}.answer-followup .answer-question{font-size:.9rem;color:var(--text-soft)}.answer-followup .answer-text{font-size:.85rem}.rewrite-modal{max-width:500px}.rewrite-intro{color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.rewrite-tone-options{display:flex;flex-direction:column;gap:12px}.rewrite-tone-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;position:relative}.rewrite-tone-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-light)}.rewrite-tone-btn:disabled{cursor:default;opacity:.7}.rewrite-tone-btn.current{border-color:var(--accent);background:var(--accent-light)}.rewrite-tone-btn .tone-icon{font-size:1.2rem}.rewrite-tone-btn .tone-name{font-weight:500;color:var(--text-primary)}.rewrite-tone-btn .tone-desc{font-size:.85rem;color:var(--text-muted)}.current-badge{position:absolute;top:12px;right:12px;font-size:.75rem;background:var(--accent);color:#fff;padding:2px 8px;border-radius:4px}@media (max-width: 600px){.modal-content{padding:24px;max-height:90vh}.answers-modal,.rewrite-modal{max-width:100%}}.letter-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;border:1px solid var(--border)}.toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-right:8px;white-space:nowrap}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.toolbar-btn:hover{background:var(--accent-light);border-color:var(--accent)}.toolbar-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar-btn-primary:hover{background:var(--accent-dark, #5a6b5d);border-color:var(--accent-dark, #5a6b5d)}.toolbar-icon{font-size:1rem;line-height:1}.toolbar-text{font-weight:500}@media (max-width: 900px){.letter-toolbar{flex-direction:column;gap:16px}.toolbar-group{width:100%;justify-content:flex-start}.toolbar-label{width:100%;margin-bottom:4px;margin-right:0}}@media (max-width: 500px){.letter-toolbar{padding:12px}.toolbar-btn{padding:6px 10px;font-size:.8rem}.toolbar-text{display:none}.toolbar-icon{font-size:1.1rem}.toolbar-btn-primary .toolbar-text{display:inline}}.email-modal{max-width:420px}.email-intro{color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.email-form{display:flex;gap:12px}.email-input{flex:1;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:1rem;transition:border-color .2s}.email-input:focus{outline:none;border-color:var(--accent)}.email-success{text-align:center;padding:24px}.email-success-icon{display:block;font-size:2.5rem;margin-bottom:12px;color:var(--accent)}.email-success p{color:var(--text-primary);font-size:1.1rem}