@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@400;600;700&display=swap";:root{--text-logo:#9eb169;--text:#000;--text-s:#a1a1a1;--bg:#f8f2ed;--bg-2:white;--border:#c8c8c8;--radius:5px;--icon:2rem;--accent:#9eb169;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--font-t:Inter, sans-serif;--font-h:"Playfair Display", serif;--lg-container:2rem 2rem;--md-container:1rem 2rem;--sm-container:.5rem 1rem;letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}#root{border-inline:1px solid var(--border);box-sizing:border-box;width:1126px;max-width:100%;min-height:100svh;margin:0 auto}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}h2{font-family:var(--font-h);color:var(--text);margin:0;font-size:32px;font-weight:600}h3{font-family:var(--font-t);color:var(--text);margin:0;font-size:20px;font-weight:400}p{font-family:var(--font-t);margin:0;font-size:12px}button{color:inherit;appearance:none;-webkit-tap-highlight-color:transparent;font-family:inherit}button,button:focus,button:active,button:disabled{color:inherit}a,a:visited,a:hover,a:active{color:inherit;text-decoration:none}.entry-card{background-color:var(--bg-2);cursor:pointer;border-radius:var(--radius);flex-direction:column;gap:.25rem;padding:1rem 2rem;display:flex}.entry-title{font-family:var(--font-t);color:var(--text);font-size:16px;font-weight:500}.entry-content{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.entry-progress{background-color:#c8c8c8;border-radius:999px;width:100%;height:4px;margin:2rem 0;overflow:hidden}.entry-progress-fill{background-color:#9caf72;border-radius:999px;height:100%}.journal-title-input{color:#000;width:100%;font-size:2rem;font-weight:600;font-family:var(--font-h);background:0 0;border:none;outline:none;margin-bottom:1rem}.journal-content-input{color:#000;resize:none;width:100%;min-height:300px;font-family:var(--font-t);background:0 0;border:none;outline:none;font-size:1rem;line-height:1.6}.logo{font-family:var(--font-h);color:var(--text-logo);margin:0;font-size:2rem;font-weight:400}.logo span{font-weight:900}.icons{font-size:var(--icon);cursor:pointer}.small-text{color:var(--text-s);font-size:12px;font-weight:300}.mood-pill{font-family:var(--font-t);border-radius:var(--radius);cursor:pointer;border:1px solid #c8c8c8;padding:4px 14px;font-size:12px;font-weight:300}.selected-mood-pill{font-family:var(--font-t);border-radius:var(--radius);cursor:pointer;padding:4px 14px;font-size:12px;font-weight:300}.mood-menu-wrapper{z-index:1001;position:relative}.mood-icon-button{width:auto;height:auto;color:inherit;cursor:pointer;background:0 0;border:none;position:static}.mood-click-outside{z-index:1000;background:0 0;position:fixed;inset:0}.mood-popover{z-index:1002;border-radius:var(--radius);background:#fff;width:320px;padding:1rem;position:absolute;top:calc(100% + .75rem);right:0}.primary-button{border-radius:var(--radius);height:3rem;font-family:var(--font-t);cursor:pointer;color:#fff;appearance:none;background-color:#444;border:none;font-size:16px;font-weight:600;position:fixed;bottom:2rem;left:4rem;right:4rem}.primary-button,.primary-button:focus,.primary-button:visited,.primary-button:disabled{color:#fff}.buttons-group{border-radius:50px;justify-content:space-between;align-items:center;height:4rem;display:flex;position:fixed;bottom:2rem;left:4rem;right:4rem}.group-button{color:#444;cursor:pointer;background:0 0;border:3px solid #444;border-radius:50px;flex:1;justify-content:center;align-items:center;height:100%;display:flex}.group-button,.group-button:active,.group-button:focus,.group-button:disabled{color:#fff}.group-button.recording{background-color:#ff000026}.divider{background-color:#fff3;width:1px;height:60%}.secondary-button{border-radius:var(--radius);color:#fff;width:100%;max-width:260px;height:3rem;font-family:var(--font-t);cursor:pointer;background-color:#444;border:none;margin-bottom:1rem;font-size:16px;font-weight:600;transition:opacity .2s}.secondary-button,.secondary-button:active,.secondary-button:focus,.secondary-button:disabled{color:#fff}.third-button{background-color:var(--accent);cursor:pointer;border:none;border-radius:100%;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:2rem;display:flex}.third-button,.third-button:active,.third-button:focus,.third-button:disabled{color:#444}.third-button.bottom-right{position:fixed;bottom:2rem;right:2rem}.third-button.mic{width:6rem;height:6rem;margin-bottom:4rem;font-size:4rem}.third-button.mic,.third-button.mic:active,.third-button.mic:focus,.third-button.mic:disabled{color:#fff}.third-button.mic.recording{background-color:#f006}.third-button.outline{color:#444;background-color:#0000;border:3px solid #444}.date-time-pill{border-radius:var(--radius);background-color:#0000;border:1px solid #c8c8c8;width:fit-content;padding:4px 12px}.form-error{text-align:center;color:#d9534f;opacity:0;pointer-events:none;font-size:12px;transition:opacity .3s;position:fixed;bottom:6rem;left:4rem;right:4rem}.form-error.show{opacity:1}.landing-page{min-height:100vh;padding:var(--lg-container);flex-direction:column;justify-content:center;align-items:center;padding-top:8rem;display:flex}.landing-subtitle{text-align:center;max-width:320px;margin-bottom:6rem;padding-top:1rem;font-size:16px}.name-input{color:#000;width:100%;font-family:var(--font-h);background:0 0;border:none;border-bottom:1px solid #c8c8c8;outline:none;margin-top:2rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:600;transition:border-color .2s}.name-input:focus{border-bottom:2px solid var(--accent)}.home-page{max-height:100vh;padding:var(--lg-container);flex-direction:column;display:flex;overflow:hidden}.home-static{flex-shrink:0}.entries-scroll-area{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;padding-bottom:6rem;overflow-y:auto}.entries-scroll-area::-webkit-scrollbar{display:none}.audio-bars{justify-content:space-between;align-items:center;gap:4px;width:100%;height:220px;display:flex;overflow:hidden}.audio-bar{background-color:#444;border-radius:999px;width:clamp(8px,2vw,12px);min-height:18px;transition:height .2s}.audio-recording-page{padding:var(--lg-container);padding-top:6rem;position:relative;overflow:hidden}.audio-recording-main{flex-direction:column;align-items:center;display:flex}.audio-mic-circle{background-color:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:14rem;height:14rem;font-size:7rem;display:flex;box-shadow:0 0 0 14px #9caf722e}.audio-recording-time{padding-top:4rem;padding-bottom:2rem}.audio-recording-time h3{font-size:32px;font-weight:900}.messages-text{font-size:16px;font-weight:600}