:root{color:#49322c;background:#fff4e2;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{min-height:44px}.shell{width:min(100%,32rem);margin:auto;padding:1.1rem 1rem 6rem}.shell>header{grid-template-columns:1fr auto;align-items:center;display:grid}.shell>header p,.shell>header h1{margin:.2rem 0}.shell>header h1{grid-column:1}.shell>header a{color:#8c3f31;grid-area:1/2/3;font-weight:800}.check-in{background:#fffaf2;border-radius:1.5rem;gap:1.1rem;margin-top:1.2rem;padding:1.1rem;display:grid;box-shadow:0 .6rem 2rem #8d5c3d18}fieldset{border:0;padding:0}legend{margin-bottom:.75rem;font-weight:800}.scale>div{grid-template-columns:repeat(5,1fr);gap:.4rem;display:grid}.scale button{background:#fff;border:1px solid #ead6c3;border-radius:1rem;place-items:center;display:grid}.scale button span{font-size:1.55rem}.scale button[aria-pressed=true],.emotions button[aria-pressed=true]{background:#f6d7c8;border-color:#a84f3d}.emotions>div{flex-wrap:wrap;gap:.5rem;display:flex}.emotions button{background:#fff;border:1px solid #d8bba9;border-radius:99px;padding:.55rem .8rem}.check-in label{gap:.4rem;font-weight:700;display:grid}.check-in label span{justify-self:end;font-size:.75rem;font-weight:400}select,textarea{background:#fff;border:1px solid #bfa293;border-radius:.8rem;width:100%;padding:.7rem}textarea{min-height:6rem}.save,.welcome button{color:#fff;background:#a84f3d;border:0;border-radius:1rem;font-weight:800}.timeline article{background:#fffaf2;border-radius:1rem;grid-template-columns:1fr auto;margin:.6rem 0;padding:1rem;display:grid}.timeline article p{grid-column:1/3}nav{background:#fffaf2;border-top:1px solid #ead6c3;grid-template-columns:repeat(4,1fr);width:min(100%,32rem);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav a{color:#76564c;place-items:center;font-size:.75rem;text-decoration:none;display:grid}nav a[aria-current]{color:#a84f3d;font-weight:900}:focus-visible{outline-offset:2px;outline:3px solid #376d67}.welcome{text-align:center;place-content:center;min-height:100vh;padding:2rem;display:grid}.welcome button{padding:.7rem 2rem}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.history-entry,.settings-card,.average{background:#fffaf2;border-radius:1rem;margin:1rem 0;padding:1rem}.history-entry{grid-template-columns:1fr auto;gap:.6rem;display:grid}.history-entry p,.history-entry button{grid-column:1/3}.periods{gap:.5rem;display:flex}.periods button{background:#fff;border:1px solid #d8bba9;border-radius:999px;padding:.55rem .8rem}.periods button[aria-pressed=true]{color:#fff;background:#a84f3d}.average{display:grid}.average strong{font-size:3rem}.coverage{grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0 0;display:grid}.coverage div{background:#fff4e2;border-radius:.75rem;padding:.75rem}.coverage dd{margin:.25rem 0 0;font-size:1.5rem;font-weight:800}.trend{color:#a84f3d;width:100%}.trend+figcaption{font-size:.75rem;line-height:1.5}.distribution{grid-template-columns:1rem 1fr 2rem;align-items:center;gap:.5rem;display:grid}.settings-card a{color:#8c3f31;align-items:center;font-weight:800;display:inline-grid}.dialog-backdrop{z-index:2;background:#49322c73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog-backdrop [role=dialog]{background:#fffaf2;border-radius:1.25rem;width:min(100%,30rem);padding:1.25rem}.dialog-actions{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}