@import "https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Nunito:wght@500;700;800&display=swap";*{box-sizing:border-box}body{color:#26342d;background:#f6f7f2;min-width:320px;margin:0;font-family:Gowun Dodum,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.page{width:min(100% - 32px,700px);margin:0 auto;padding:56px 0 72px}.hero{margin-bottom:28px}.eyebrow{color:#5e9278;letter-spacing:.14em;margin:0 0 9px;font:800 12px/1 Nunito,sans-serif}h1{letter-spacing:-.07em;margin:0;font-size:clamp(28px,7vw,42px)}.subtitle{color:#6d7771;margin:12px 0 0;font-size:15px}.composer{background:#fff;border:1px solid #e3e8df;border-radius:20px;padding:20px;box-shadow:0 8px 24px #253d2f0d}label{margin-bottom:10px;font:700 14px Nunito,sans-serif;display:block}textarea,.search input{width:100%;color:inherit;background:#fafcf9;border:1px solid #d8ded8;border-radius:12px;outline-color:#58a178}textarea{resize:vertical;padding:12px;line-height:1.6}.form-footer{color:#8a938d;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;display:flex}.form-footer button{color:#fff;background:#287a51;border:0;border-radius:10px;padding:10px 17px;font-weight:700}.form-footer button:disabled{cursor:default;opacity:.45}.notice{color:#316b48;background:#e5f4e9;border-radius:10px;margin:15px 0 0;padding:11px 13px;font-size:13px}.overview{gap:10px;margin:22px 0;display:flex}.overview>div{background:#fff;border:1px solid #e8ebe5;border-radius:14px;align-content:center;min-height:64px;padding:10px 16px;display:grid}.overview>div:first-child{flex:1}.overview strong{font:800 25px/1 Nunito,sans-serif}.overview span{color:#78827b;margin-top:3px;font-size:11px}.mood-count{grid-template-columns:auto auto;gap:4px;font:800 17px Nunito,sans-serif}.mood-count span{margin:0;font-size:19px}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin:28px 0 14px;display:flex}.mood-filters{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.filter{color:#667069;background:0 0;border:1px solid #dce3db;border-radius:99px;flex:none;padding:7px 9px;font-size:12px}.filter.active{color:#fff;background:#2f8158;border-color:#2f8158}.search{flex:none;gap:5px;display:flex}.search input{width:106px;padding:7px 9px;font-size:12px}.search button{color:#405148;background:#e5ebe5;border:0;border-radius:9px;padding:7px 9px;font-size:12px}.list-heading{justify-content:space-between;align-items:center;display:flex}.list-heading h2{margin:0;font-size:18px}.list-heading span{color:#89928c;font-size:12px}.entry-list{flex-direction:column;gap:11px;margin:12px 0 0;padding:0;list-style:none;display:flex}.entry-card{border-radius:16px;padding:16px}.entry-top{align-items:flex-start;gap:10px;display:flex}.emoji{font-size:23px}.content{word-break:break-word;flex:1;margin:1px 0 0;line-height:1.55}.delete{color:#6e7773;background:#ffffff8c;border:0;border-radius:50%;width:25px;height:25px;font-size:21px;line-height:20px}.comment{color:#5d6961;margin:9px 0 0 33px;font-size:13px}.entry-card time{color:#88918c;margin:9px 0 0 33px;font-size:11px;display:block}.empty{color:#89938d;text-align:center;padding:40px 10px;line-height:1.8}@media (width<=540px){.page{padding-top:36px}.toolbar{flex-direction:column;align-items:stretch}.search,.search input{width:100%}.search button{width:52px}.overview{gap:6px}.overview>div{padding:9px 10px}.mood-count{font-size:14px}}