/* Reuse the local HMI Material colour tokens; no control components are shipped. */
:root{font-family:'JetBrains Mono',ui-monospace,monospace;color:#1a1c19;background:#fcfdf7;line-height:1.5;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:480px;padding:24px 20px 40px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c1c9be;padding-bottom:20px;font-size:13px;color:#414941}.brand{font-size:32px;letter-spacing:-2px;font-weight:800;color:#006d3b}h1{font-size:28px;overflow-wrap:anywhere;margin-bottom:12px}.state{display:inline-block;background:#d2e8d3;border-radius:32px;padding:8px 16px;margin:0;font-weight:700}.state.stale{background:#ceced3;color:#414941}.state.attention{background:#ffdad6;color:#410002}.counter{background:#f0f1ec;border-radius:16px;padding:24px;margin:24px 0;display:flex;flex-direction:column}.counter strong{font-size:64px;font-weight:500;line-height:1.2}.counter span{margin-top:12px}small,#freshness{font-size:12px;color:#414941}#attention:empty{display:none}#attention{background:#fff3cd;padding:16px;border-radius:16px}#message{margin-top:28px}#setup{border-top:1px solid #c1c9be;margin-top:28px;padding-top:12px;font-size:13px}button{border:0;border-radius:24px;background:#006d3b;color:white;font:inherit;font-weight:700;min-height:48px;padding:12px 20px;cursor:pointer}button:disabled{opacity:.5}input{font:inherit;width:100%;padding:12px;margin:8px 0 12px;border:1px solid #717970;border-radius:8px;min-height:48px}label{display:block}button:focus-visible,input:focus-visible{outline:3px solid #3a656f;outline-offset:3px}[hidden]{display:none!important}