:root{color-scheme:light;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#202c27;background:#f6f5ef}*{box-sizing:border-box}body{margin:0}.app{max-width:540px;margin:auto;padding:26px 22px max(32px,env(safe-area-inset-bottom))}header,.section-heading,footer{display:flex;align-items:center;justify-content:space-between}.brand{font-size:13px;font-weight:850;letter-spacing:.11em}.brand span,footer span{color:#e97850;font-size:20px}.edition,.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:750;color:#768179}.intro{padding:65px 0 36px}.intro .eyebrow{color:#bd674b}h1{font-size:clamp(37px,10vw,52px);letter-spacing:-.055em;line-height:1.08;margin:15px 0}h2{font-size:23px;letter-spacing:-.035em;margin:7px 0}.description{color:#65736a;line-height:1.6;max-width:320px}.mood{background:#dfece0;border-radius:22px;padding:23px;margin-bottom:15px}.section-heading>span{font-size:24px;color:#718b75}.moods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.moods button{background:#f7faf5;border:1px solid transparent;border-radius:14px;min-height:92px;color:#3d5143;font:600 12px system-ui;cursor:pointer}.moods button span{display:block;font-size:27px;margin-bottom:7px}.moods button[aria-pressed=true]{border-color:#52735b;background:#fff}.feedback{font-size:13px;color:#66786a;min-height:20px;margin:15px 0 0}.task{background:#fff;border:1px solid #e9eae3;border-radius:22px;padding:23px}.task-icon{background:#f9e6d9;border-radius:50%;width:40px;height:40px;text-align:center;line-height:40px;color:#d47750!important;font-size:20px!important}label{display:block;font-size:12px;font-weight:700;color:#65736a;margin:22px 0 8px}.input-row{display:flex;gap:8px}input{min-width:0;flex:1;border:1px solid #e0e5dc;background:#fafbf8;border-radius:12px;padding:14px;font:inherit}input:focus-visible,button:focus-visible{outline:3px solid #e97850;outline-offset:2px}.input-row button{width:50px;border:0;border-radius:12px;background:#263e30;color:white;font-size:23px;cursor:pointer}.clear{border:0;background:none;padding:12px 0 0;color:#a14b32;text-decoration:underline;cursor:pointer}footer{margin-top:38px;color:#98a298;font-size:10px;letter-spacing:.13em;font-weight:700}@media(max-width:360px){.app{padding-left:16px;padding-right:16px}.edition{font-size:9px}.mood,.task{padding:18px}}
