@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f2efe9;--surface: #faf8f4;--border: #e8e3db;--text-primary: #1a1917;--text-secondary: #6e6a64;--text-muted: #a09b94;--accent: #3d3b38;--nav-height: 60px}html,body{height:100%;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text-primary);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}#root{height:100%}.app-shell{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;position:relative}.content-area{flex:1;overflow-y:auto;padding-bottom:var(--nav-height)}.screen{padding:40px 24px 32px;min-height:100%}.screen-header{margin-bottom:28px;border-bottom:1px solid var(--border);padding-bottom:16px}.screen-header h2{font-size:1rem;font-weight:500;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.write-screen{display:flex;flex-direction:column;gap:28px}.write-header{padding-top:8px}.app-title{font-size:1.75rem;font-weight:300;letter-spacing:-.01em;color:var(--text-primary)}.app-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:4px}.write-body{display:flex;flex-direction:column;gap:20px}.write-textarea{width:100%;border:1px solid var(--border);border-radius:6px;padding:16px 18px;font-family:inherit;font-size:.95rem;line-height:1.8;color:var(--text-primary);background:var(--surface);resize:none;outline:none}.write-textarea::placeholder{color:var(--text-muted)}.write-textarea:focus{border-color:var(--accent)}.status-indicator{position:absolute;bottom:-24px;right:0;height:20px;display:flex;align-items:center}.status-text{font-size:.75rem;color:var(--text-muted);font-style:italic;opacity:1;transition:opacity .5s ease-out}.fade-out{animation:fadeOut 2.5s forwards}@keyframes fadeOut{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}.saved-msg{font-size:.95rem;color:var(--text-secondary);padding:12px 0}.limit-msg{font-size:.9rem;color:var(--text-secondary);padding:12px 0;line-height:1.6}.privacy-note{font-size:.72rem;color:var(--text-muted);margin-top:16px}.entry-list{list-style:none;display:flex;flex-direction:column;gap:0}.entry-item{padding:20px 0;border-bottom:1px solid var(--border)}.entry-item:first-child{padding-top:0}.entry-date{display:block;font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.entry-text{font-size:.95rem;color:var(--text-primary);line-height:1.7;white-space:pre-wrap}.insights-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:20px;line-height:1.6}.range-toggle{display:flex;gap:8px;margin-bottom:24px}.range-btn{padding:6px 14px;border:1px solid var(--border);border-radius:20px;background:transparent;font-family:inherit;font-size:.8rem;color:var(--text-secondary);cursor:pointer}.range-btn--active{border-color:var(--accent);color:var(--accent);font-weight:500}.insights-summary{display:flex;flex-direction:column;gap:8px;padding:12px 0 20px;border-bottom:1px solid var(--border);margin-bottom:20px}.summary-row{display:flex;gap:8px;align-items:baseline}.summary-label{font-size:.9rem;color:var(--text-secondary)}.summary-value{font-size:.95rem;font-weight:500;color:var(--text-primary)}.insight-sentence{font-size:.9rem;color:var(--text-muted);margin-bottom:24px}.word-list{list-style:none;display:flex;flex-direction:column;gap:0}.word-item{padding:16px 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.word-word{font-size:.95rem;font-weight:500;color:var(--text-primary)}.word-count{font-size:.82rem;color:var(--text-secondary);line-height:1.6}.insights-note{font-size:.78rem;color:var(--text-muted);margin-top:20px;font-style:italic}.empty-msg{font-size:.9rem;color:var(--text-muted);text-align:center;padding:64px 20px;line-height:1.6}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-height);display:flex;border-top:1px solid var(--border);background:var(--surface)}.nav-btn{flex:1;background:none;border:none;font-family:inherit;font-size:.78rem;color:var(--text-muted);cursor:pointer;letter-spacing:.03em;padding:0}.nav-btn--active{color:var(--text-primary);font-weight:500}