@import "https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&family=Nunito:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--mint:#c5ceb8;--lavender:#b8a9d9;--rose:#c4714a;--cream:#fdf6ee;--purple:#7c6bae;--green:#5ba08a;--text:#3d3d3d}body{background-color:var(--mint);color:var(--text);font-family:Nunito,sans-serif}h1,h2,h3,nav{font-family:Raleway,sans-serif}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes drawerSlideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.loading-pulse p{animation:2.2s ease-in-out infinite pulse}.drawer{transform:translateY(100%)}.drawer-open{animation:.45s cubic-bezier(.22,1,.36,1) forwards drawerSlideUp}.drawer-closed{animation:.35s cubic-bezier(.22,1,.36,1) forwards drawerSlideDown}.drawer-overlay{animation:.3s forwards overlayFadeIn}.card-expand-open{opacity:1;max-height:800px;transition:max-height .4s cubic-bezier(.22,1,.36,1),opacity .3s;overflow:hidden}.card-expand-closed{opacity:0;max-height:0;transition:max-height .3s cubic-bezier(.22,1,.36,1),opacity .2s;overflow:hidden}.other-sounds-open{opacity:1;max-height:400px;transition:max-height .35s cubic-bezier(.22,1,.36,1),opacity .25s;overflow:hidden}.other-sounds-closed{opacity:0;max-height:0;transition:max-height .25s cubic-bezier(.22,1,.36,1),opacity .15s;overflow:hidden}.rec-card:hover{box-shadow:0 8px 28px #7c6bae24}.cal-day:hover{box-shadow:0 0 0 2px #c5ceb8}.bottom-tab-bar{padding:8px 0 calc(8px + env(safe-area-inset-bottom,12px)) 0;z-index:1000;background:#fdf6ee;border-top:.5px solid #e0dbd2;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.tab-item{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:4px 8px;display:flex}.tab-icon{font-size:20px}.tab-label{color:#888;font-family:Nunito,sans-serif;font-size:10px}.tab-active .tab-label{color:#7c6bae;font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=767px){.top-nav{justify-content:center!important;padding:12px 16px!important}.top-nav-links{display:none!important}.bottom-tab-bar{display:flex!important}.app-main{padding:16px 16px 90px!important}body{font-size:14px}h1{font-size:1.5rem!important}h2{font-size:1.4rem!important}.drawer{border-radius:20px 20px 0 0!important;max-width:100%!important}}@media (width<=480px){.mode-btn{width:120px!important;height:120px!important}.emotion-label{font-size:12px!important}}