:root{color:#343a32;font-synthesis:none;background:#f6f3ed;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{width:min(100% - 36px,720px);margin:8vh auto}.wordmark{letter-spacing:.03em;font-weight:700}h1{margin:1.2em 0;font-family:Georgia,serif;font-size:clamp(1.8rem,6vw,2.8rem);font-weight:400}h2{margin-top:0;font-size:1.1rem}.connection{background:#fffdf8;border:1px solid #dfdfd2;border-radius:20px;padding:clamp(20px,4vw,32px)}[role=status]{align-items:center;gap:10px;min-height:3.2em;line-height:1.6;display:flex}button,.button{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #626e54;border-radius:10px;padding:10px 18px}button:hover:not(:disabled),.button:hover{background:#edf0e5}button:disabled{opacity:.6;cursor:wait}button:focus-visible,.button:focus-visible{outline-offset:4px;outline:3px solid #627f56}.button{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.tracking{margin-top:24px}.sleep-card{color:#45455c;background:#e9e8f3;border:1px solid #d8d5e8;border-radius:20px;padding:22px}.tile-heading,.timer-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tile-heading h2{margin:0 0 5px;font-family:Georgia,serif;font-size:1.6rem;font-weight:400}.tile-heading p{margin:0;font-size:.9rem}.timer-row{border-top:1px solid #cdcadb;margin-top:20px;padding-top:14px}.timer{font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,7vw,2.5rem)}.quickstep{border:0;border-radius:50%;width:48px;min-width:48px;height:48px;padding:12px}.quickstep:hover:not(:disabled){background:#d8d5e8}.stale{font-size:.8rem;display:block}.recent-sleeps{margin-top:28px}.recent-sleeps ol{margin:0;padding:0;list-style:none}.recent-sleeps li{border-bottom:1px solid #dfdfd2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 0;font-size:.9rem;display:flex}.recent-sleeps strong{font-variant-numeric:tabular-nums}.tracking-notice [role=status]:empty{display:none}.tracking-notice button{margin:8px 8px 0 0}.diary-selector{gap:8px;margin:24px 0;display:grid}select{font:inherit;max-width:100%;padding:10px}dialog{color:#343a32;background:#fffdf8;border:1px solid #d8d5e8;border-radius:20px;width:min(440px,100% - 32px);padding:24px}dialog::backdrop{background:#29283466}.dialog-actions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=480px){main{margin:24px auto}h1{margin:20px 0}.connection{padding:18px}}.quickstep svg{pointer-events:none}