:root{font-family:ui-rounded,"DejaVu Sans",system-ui,sans-serif;color:#34433b;background:#f6f4eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:16px;padding:12px 22px;border-bottom:1px solid #dde1d2;flex:none}header a{color:inherit;text-decoration:none;font-size:20px}header span{font-size:12px;margin-right:auto;opacity:.7}button{font:inherit;color:inherit;border:1px solid #b8c7ac;border-radius:14px;background:#edf1e4;cursor:pointer;padding:10px 18px}button:hover{background:#dde8d1}button:focus-visible,a:focus-visible{outline:3px solid #607757;outline-offset:4px}button:disabled{opacity:.65;cursor:wait}#screen{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}#screen>div{width:100%;height:100%}#welcome{position:absolute;inset:65px 0 30px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(ellipse at 20% 25%,#e3ead7 0,transparent 45%),radial-gradient(ellipse at 90% 85%,#eee3ce 0,transparent 40%),#f6f4eb;padding:24px}.flower{font-size:54px;color:#78926a;background:#e1e9d8;border-radius:26px;padding:8px 24px}.eyebrow{letter-spacing:.23em;font-size:11px;margin-top:24px}h1{font-size:clamp(28px,4vw,48px);line-height:1.15;letter-spacing:-.045em;margin:12px 0}#welcome>p:not(.eyebrow){line-height:1.65;font-size:15px;color:#64715f}#start{background:#607757;color:#fff;border:0;padding:17px 24px;margin:16px 0 8px;border-radius:16px}#start:hover{background:#4a6242}#start span{margin-left:28px}#status{max-width:480px;font-size:12px!important}footer{font-size:10px;text-align:center;color:#6d7767;padding:8px;flex:none}.running #welcome{display:none}@media(max-width:600px){header{gap:8px;padding:10px}header span{display:none}header a{margin-right:auto;font-size:16px}header button{font-size:11px;padding:8px}footer{font-size:9px}}