@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Quicksand:wght@300;400;500;600&display=swap";:root{--blush: #f8e8e8;--rose: #f0d0d0;--deep-rose: #d4a0a0;--petal: #fce4ec;--cream: #fff8f6;--lavender: #f3e5f5;--sage: #e8f5e9;--peach: #fff3e0;--sky: #e3f2fd;--text-main: #5d4037;--text-light: #8d6e63;--text-faint: #bcaaa4;--shadow-soft: 0 2px 12px rgba(180, 120, 120, .12);--shadow-hover: 0 6px 24px rgba(180, 120, 120, .18);--shadow-envelope: 0 4px 20px rgba(180, 120, 120, .15);--radius: 16px;--radius-sm: 10px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;font-family:Quicksand,sans-serif;background:linear-gradient(135deg,#fff5f5,#fce4ec,#f3e5f5 60%,#fce4ec);background-attachment:fixed;color:var(--text-main);line-height:1.6}.app-wrapper{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.app-header{text-align:center;margin-bottom:2.5rem;padding:2rem 1rem 1.5rem}.app-header h1{font-family:Cormorant Garamond,serif;font-weight:300;font-size:2.6rem;color:var(--deep-rose);letter-spacing:.02em;margin-bottom:.3rem}.app-header .subtitle{font-size:.95rem;color:var(--text-light);font-weight:300;letter-spacing:.05em}.nav-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.nav-tab{background:#fff9;border:1.5px solid var(--rose);border-radius:24px;padding:.55rem 1.3rem;font-family:Quicksand,sans-serif;font-size:.88rem;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-tab:hover{background:var(--petal);color:var(--deep-rose);transform:translateY(-1px)}.nav-tab.active{background:linear-gradient(135deg,var(--rose),var(--petal));color:var(--text-main);border-color:var(--deep-rose);box-shadow:var(--shadow-soft)}.daily-message{background:linear-gradient(135deg,#fff8f6,var(--lavender));border:1.5px solid #e1bee7;border-radius:var(--radius);padding:1.8rem 2rem;margin-bottom:2rem;box-shadow:var(--shadow-envelope);position:relative;overflow:hidden}.daily-message:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(233,213,255,.4),transparent);border-radius:50%}.daily-message .label{font-family:Cormorant Garamond,serif;font-size:.85rem;font-weight:500;color:#ab47bc;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.7rem}.daily-message .body{font-family:Cormorant Garamond,serif;font-size:1.2rem;font-style:italic;font-weight:300;color:var(--text-main);line-height:1.8}.daily-message .signature{text-align:right;margin-top:.8rem;font-size:.85rem;color:var(--text-faint);font-style:italic}.email-list{display:flex;flex-direction:column;gap:1rem}.email-card{background:#ffffffbf;border:1.5px solid var(--rose);border-radius:var(--radius);padding:1.4rem 1.6rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.email-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--rose),var(--deep-rose),var(--rose));opacity:0;transition:opacity .3s}.email-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);border-color:var(--deep-rose)}.email-card:hover:before{opacity:1}.email-card.unread{background:#ffffffe6;border-color:var(--deep-rose)}.email-card.unread .email-from{font-weight:600}.email-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.6rem;gap:1rem}.email-from{font-family:Cormorant Garamond,serif;font-size:1.15rem;font-weight:500;color:var(--text-main)}.email-date{font-size:.78rem;color:var(--text-faint);white-space:nowrap}.email-subject{font-size:.95rem;font-weight:500;color:var(--text-main);margin-bottom:.4rem}.email-preview{font-size:.88rem;color:var(--text-light);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.email-tags{display:flex;gap:.4rem;margin-top:.75rem;flex-wrap:wrap}.tag{font-size:.75rem;padding:.2rem .7rem;border-radius:12px;font-weight:500;letter-spacing:.02em}.tag-comfort{background:var(--petal);color:#c2185b}.tag-overthinking{background:#ede7f6;color:#7b1fa2}.tag-healing{background:var(--sage);color:#2e7d32}.tag-gratitude{background:var(--peach);color:#e65100}.tag-anxiety{background:var(--sky);color:#1565c0}.tag-motivation{background:#fff9c4;color:#f9a825}.tag-love{background:#fce4ec;color:#e91e63}.tag-grief{background:#efebe9;color:#5d4037}.email-actions{display:flex;gap:.5rem;margin-top:.8rem;opacity:0;transition:opacity .2s}.email-card:hover .email-actions{opacity:1}.btn-icon{background:#fff9;border:1px solid var(--rose);border-radius:8px;padding:.35rem .7rem;font-size:.78rem;cursor:pointer;color:var(--text-light);transition:all .2s;font-family:Quicksand,sans-serif}.btn-icon:hover{background:var(--petal);color:var(--deep-rose);border-color:var(--deep-rose)}.btn-icon.danger:hover{background:#ffebee;color:#c62828;border-color:#ef9a9a}.email-detail{background:#ffffffd9;border:1.5px solid var(--rose);border-radius:var(--radius);padding:2rem 2.2rem;box-shadow:var(--shadow-envelope);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.email-detail .envelope-flap{position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--rose),var(--deep-rose),var(--lavender),var(--rose));border-radius:var(--radius) var(--radius) 0 0}.email-detail .back-btn{background:none;border:none;color:var(--deep-rose);font-family:Quicksand,sans-serif;font-size:.88rem;cursor:pointer;margin-bottom:1.2rem;padding:0;font-weight:500}.email-detail .back-btn:hover{text-decoration:underline}.email-detail h2{font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:400;color:var(--text-main);margin-bottom:.4rem}.email-detail .detail-meta{font-size:.85rem;color:var(--text-faint);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--rose)}.email-detail .detail-body{font-family:Cormorant Garamond,serif;font-size:1.15rem;line-height:1.9;color:var(--text-main);white-space:pre-wrap;margin-bottom:1.5rem}.compose-section{margin-top:1.5rem;padding-top:1.2rem;border-top:1px dashed var(--rose)}.compose-section h3{font-family:Cormorant Garamond,serif;font-size:1.2rem;font-weight:400;color:var(--deep-rose);margin-bottom:1rem}.compose-form{display:flex;flex-direction:column;gap:1rem}.compose-form input,.compose-form select,.compose-form textarea{font-family:Quicksand,sans-serif;font-size:.92rem;padding:.8rem 1rem;border:1.5px solid var(--rose);border-radius:var(--radius-sm);background:#ffffffb3;color:var(--text-main);outline:none;transition:border-color .2s}.compose-form input:focus,.compose-form select:focus,.compose-form textarea:focus{border-color:var(--deep-rose);box-shadow:0 0 0 3px #d4a0a026}.compose-form textarea{min-height:140px;resize:vertical;line-height:1.7}.compose-form input::placeholder,.compose-form textarea::placeholder{color:var(--text-faint)}.tag-selector{display:flex;gap:.4rem;flex-wrap:wrap}.tag-option{font-size:.8rem;padding:.3rem .8rem;border-radius:14px;border:1.5px solid var(--rose);background:#ffffff80;cursor:pointer;transition:all .2s;font-family:Quicksand,sans-serif;color:var(--text-light)}.tag-option:hover{border-color:var(--deep-rose)}.tag-option.selected{background:var(--petal);border-color:var(--deep-rose);color:var(--text-main);font-weight:600}.btn-send{align-self:flex-end;background:linear-gradient(135deg,var(--deep-rose),#c48b8b);color:#fff;border:none;border-radius:24px;padding:.65rem 2rem;font-family:Quicksand,sans-serif;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .25s;letter-spacing:.03em;box-shadow:0 2px 8px #b4787840}.btn-send:hover{transform:translateY(-1px);box-shadow:0 4px 16px #b4787859}.btn-send:active{transform:translateY(0)}.compose-page{background:#ffffffd9;border:1.5px solid var(--rose);border-radius:var(--radius);padding:2rem 2.2rem;box-shadow:var(--shadow-envelope);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.compose-page h2{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:400;color:var(--deep-rose);margin-bottom:.3rem}.compose-page .compose-hint{font-size:.85rem;color:var(--text-faint);margin-bottom:1.5rem}.emotion-selector{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.3rem}.emotion-option{font-size:.82rem;padding:.3rem .85rem;border-radius:14px;border:1.5px solid var(--rose);background:#ffffff80;cursor:pointer;transition:all .2s;font-family:Quicksand,sans-serif;color:var(--text-light)}.emotion-option:hover{border-color:var(--deep-rose)}.emotion-option.selected{background:var(--lavender);border-color:#ce93d8;color:#6a1b9a;font-weight:600}.archive-notice{text-align:center;padding:2rem;color:var(--text-faint);font-size:.92rem}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--text-faint)}.empty-state .empty-icon{font-size:2.5rem;margin-bottom:.8rem;opacity:.6}.empty-state p{font-size:.92rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .4s ease forwards}@media(max-width:600px){.app-wrapper{padding:1.2rem 1rem 3rem}.app-header h1{font-size:2rem}.email-detail,.compose-page{padding:1.4rem 1.2rem}.daily-message{padding:1.3rem 1.4rem}}