:root{font-family:system-ui,-apple-system,sans-serif;color:#292f29;background:#f7f4ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{max-width:620px;margin:auto;padding:25px 22px 42px}header{display:flex;align-items:center;justify-content:space-between}.logo{font-size:23px;font-weight:950;letter-spacing:-1.5px}.logo span{color:#d06c4d}.icon{border:0;background:#eae7dd;border-radius:50%;width:42px;height:42px;font-size:19px;color:#42483d;cursor:pointer}.hero{text-align:center;padding:38px 0 21px}.eyebrow,.section-title>span{font-size:10px;font-weight:800;letter-spacing:2px;color:#83877b}h1{font-family:Georgia,serif;font-size:clamp(42px,10vw,64px);font-weight:normal;letter-spacing:-2px;margin:12px 0}p{color:#858779;line-height:1.5}.hero p{margin:0}.big{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:34px auto 0;border:0;border-radius:50%;width:218px;height:218px;background:#d87957;color:white;box-shadow:0 10px 0 #b85f45,0 20px 35px #c6774f40;cursor:pointer;transition:transform .1s,box-shadow .1s}.big:active{transform:translateY(7px);box-shadow:0 3px 0 #b85f45}.cloud{font-size:49px;line-height:1}.big strong{font-size:25px;margin-top:8px}.big small{font-size:12px;opacity:.82;margin-top:4px}.undo{min-height:37px;padding-top:18px;color:#718064;font-size:13px}.undo button,.textbutton{border:0;background:none;color:#b75f46;text-decoration:underline;cursor:pointer}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}h2{font-family:Georgia,serif;font-weight:normal;font-size:25px;letter-spacing:-.5px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.grid article{background:#fff;border-radius:18px;padding:17px 12px;display:flex;flex-direction:column;gap:5px}.grid article span,.grid small{font-size:12px;color:#929589}.grid strong{font-size:32px;line-height:1.1}.last{background:#e9ede2;border-radius:14px;padding:16px;margin-top:10px;display:flex;justify-content:space-between;font-size:13px;color:#798473}.last strong{color:#3f4a3a}.history{margin-top:37px}ul{padding:0;margin:0;list-style:none}li{padding:13px 0;border-bottom:1px solid #e5e3da;display:flex;justify-content:space-between;color:#565c50;font-size:14px}.empty{color:#a1a399}.share{background:#e5e8db;border-radius:20px;padding:23px;margin-top:35px}.share p{font-size:13px;margin:9px 0 18px}.share button,dialog button{background:#465b40;color:white;border:0;border-radius:11px;padding:13px 17px;font-weight:700;cursor:pointer}footer{text-align:center;color:#a5a79a;font-size:11px;line-height:1.8;margin-top:35px}dialog{max-width:380px;border:0;border-radius:20px;padding:25px;background:#fff}dialog::backdrop{background:#272b22aa}button:focus-visible{outline:3px solid #809b65;outline-offset:4px}

.friends{margin-top:35px}.friends>button,.group button{border:0;border-radius:11px;background:#465b40;color:white;font-weight:700;padding:12px 16px;cursor:pointer}.friends p{font-size:13px}.group{background:#fff;border-radius:16px;padding:16px;margin-bottom:12px}.group ol{padding-left:22px}.group li{gap:12px}.group .leave{background:transparent;color:#a95b47;text-decoration:underline;padding:10px}.status{font-size:13px;color:#a95b47}