:root{--bg: #fdf2f4;--bg-warm: #fae3e6;--paper: #fff9fa;--paper-border: #f0c4cb;--ink: #5c3a42;--ink-soft: #8a6069;--ink-faint: #b8949b;--pink: #e8a0ab;--pink-deep: #d4738a;--pink-glow: #f5d5db;--rose: #c96b80;--blush: #f7dfe3;--cream: #fef8f0;--shadow: rgba(180, 100, 120, .08);--shadow-hover: rgba(180, 100, 120, .15);--radius: 14px;--radius-sm: 8px;--font-serif: "Georgia", "Times New Roman", serif;--font-sans: "Segoe UI", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}.app-wrapper{max-width:640px;margin:0 auto;padding:2rem 1.25rem 4rem;min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;margin-bottom:1.5rem}.title{font-family:var(--font-serif);font-size:2.6rem;font-weight:400;color:var(--rose);letter-spacing:.04em;margin-bottom:.15rem}.subtitle{font-size:.85rem;color:var(--ink-faint);font-style:italic;letter-spacing:.02em}.nav{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.nav-btn{position:relative;background:var(--paper);border:1px solid var(--paper-border);border-radius:100px;padding:.45rem 1.2rem;font-size:.82rem;font-family:var(--font-sans);color:var(--ink-soft);cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:var(--pink-glow);color:var(--ink)}.nav-btn.active{background:var(--pink-deep);color:#fff;border-color:var(--pink-deep)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:.35rem;padding:0 5px;font-size:.65rem;font-weight:600;border-radius:100px;background:var(--blush);color:var(--rose)}.nav-btn.active .badge{background:#ffffff4d;color:#fff}.write-form{background:var(--paper);border:1px solid var(--paper-border);border-radius:var(--radius);padding:2rem 1.75rem;box-shadow:0 2px 12px var(--shadow);display:flex;flex-direction:column;gap:1.35rem}.field-label{display:flex;flex-direction:column;gap:.45rem;font-size:.78rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.category-row{display:flex;flex-wrap:wrap;gap:.4rem}.cat-chip{display:flex;align-items:center;gap:.3rem;padding:.4rem .75rem;font-size:.78rem;font-family:var(--font-sans);background:var(--cream);border:1px solid var(--paper-border);border-radius:100px;color:var(--ink-soft);cursor:pointer;transition:all .2s ease}.cat-chip:hover{background:var(--pink-glow);border-color:var(--pink)}.cat-chip.selected{background:var(--pink-deep);color:#fff;border-color:var(--pink-deep)}.cat-icon{font-size:.9rem}.text-input{padding:.6rem .85rem;font-size:.92rem;font-family:var(--font-sans);background:var(--cream);border:1px solid var(--paper-border);border-radius:var(--radius-sm);color:var(--ink);outline:none;transition:border-color .2s}.text-input:focus{border-color:var(--pink)}.textarea{padding:.85rem 1rem;font-size:.95rem;font-family:var(--font-serif);line-height:1.75;background:var(--cream);border:1px solid var(--paper-border);border-radius:var(--radius-sm);color:var(--ink);outline:none;resize:vertical;min-height:140px;transition:border-color .2s}.textarea:focus{border-color:var(--pink)}.textarea::placeholder{color:var(--ink-faint);font-style:italic}.mood-row{display:flex;flex-wrap:wrap;gap:.4rem}.mood-chip{padding:.35rem .7rem;font-size:.78rem;font-family:var(--font-sans);background:var(--cream);border:1px solid var(--paper-border);border-radius:100px;color:var(--ink-soft);cursor:pointer;transition:all .2s ease}.mood-chip:hover{background:var(--pink-glow);border-color:var(--pink)}.mood-chip.selected{background:var(--pink-deep);color:#fff;border-color:var(--pink-deep)}.submit-btn{align-self:flex-end;padding:.6rem 1.8rem;font-size:.88rem;font-family:var(--font-serif);font-style:italic;background:var(--rose);color:#fff;border:none;border-radius:100px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #c96b8040}.submit-btn:hover:not(:disabled){background:var(--pink-deep);transform:translateY(-1px);box-shadow:0 4px 14px #c96b8059}.submit-btn:disabled{opacity:.45;cursor:default}.letters-list{display:flex;flex-direction:column;gap:1rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--ink-faint);font-style:italic;font-family:var(--font-serif);font-size:.95rem}.letter-card{position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--paper-border);border-radius:var(--radius);padding:1.25rem 1.4rem;cursor:pointer;transition:all .25s ease;box-shadow:0 1px 6px var(--shadow)}.letter-card:hover{box-shadow:0 4px 18px var(--shadow-hover);transform:translateY(-1px)}.letter-card.burning{pointer-events:none}.letter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.letter-cat{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--pink-deep)}.letter-mood{font-size:.72rem;color:var(--ink-faint)}.letter-body{font-family:var(--font-serif);font-size:.92rem;line-height:1.7;color:var(--ink);max-height:4.8em;overflow:hidden;transition:max-height .4s ease;white-space:pre-wrap;word-break:break-word}.letter-body.expanded{max-height:600px}.letter-date{display:block;margin-top:.7rem;font-size:.68rem;color:var(--ink-faint);letter-spacing:.03em}.letter-actions{display:flex;gap:.5rem;margin-top:.8rem;padding-top:.7rem;border-top:1px solid var(--blush)}.action-btn{padding:.3rem .7rem;font-size:.7rem;font-family:var(--font-sans);background:var(--cream);border:1px solid var(--paper-border);border-radius:100px;color:var(--ink-soft);cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--pink-glow);border-color:var(--pink);color:var(--ink)}.burn-btn{color:var(--rose);border-color:var(--pink)}.burn-btn:hover{background:#fde8eb;border-color:var(--rose)}@keyframes burnAway{0%{opacity:1;transform:scale(1);filter:brightness(1) saturate(1)}25%{opacity:1;transform:scale(1.01);filter:brightness(1.2) saturate(1.4)}50%{opacity:.8;transform:scale(1.02) translateY(-4px);filter:brightness(1.6) saturate(2) sepia(.6)}75%{opacity:.4;transform:scale(.97) translateY(-10px);filter:brightness(1.8) saturate(.5) sepia(1)}to{opacity:0;transform:scale(.9) translateY(-20px);filter:brightness(2) saturate(0) sepia(1)}}@keyframes emberGlow{0%{background-position:0% 100%;opacity:0}20%{opacity:1}to{background-position:0% 0%;opacity:0}}.letter-card.burning{animation:burnAway 1.8s ease-in forwards}.burn-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:linear-gradient(to top,#d4564e 0%,#e88a4a 20%,#f5c842 40%,#f7e070 55%,transparent 70%);background-size:100% 300%;animation:emberGlow 1.8s ease-out forwards;mix-blend-mode:overlay;border-radius:var(--radius)}.footer{margin-top:auto;padding-top:2.5rem;text-align:center}.footer p{font-size:.72rem;color:var(--ink-faint);font-style:italic;letter-spacing:.02em}@media(max-width:480px){.app-wrapper{padding:1.25rem 1rem 3rem}.title{font-size:2rem}.write-form{padding:1.4rem 1.2rem}.category-row,.mood-row{gap:.3rem}}