:root{color:#30363a;background:#f5f6f5;font-family:system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}.shell{width:min(100%,40rem);margin:auto;padding:1.25rem}h1{margin:.75rem 0;font-size:clamp(1.7rem,6vw,2.3rem);line-height:1.2}h2{margin-top:0;font-size:1.15rem}.demo{color:#234e3c;background:#e2eee8;border-radius:.5rem;padding:.35rem .7rem;font-size:.85rem;font-weight:700;display:inline-block}.intro{margin-bottom:1.75rem}.card{background:#fff;border:1px solid #dce2de;border-radius:1rem;margin-bottom:1rem;padding:1.2rem}button{width:100%;font:inherit;white-space:normal;border:1px solid #66736b;border-radius:.6rem;padding:.85rem}button:disabled{color:#48544d;background:#e8ece9}.note,footer{color:#536057;font-size:.9rem}ul{margin-bottom:0;padding:0;list-style:none}li{border-top:1px solid #e5e9e6;padding:.75rem 0}li strong,li span{display:block}li span{font-size:.85rem}footer{padding:.5rem 0 1rem}[hidden]{display:none!important}button{cursor:pointer;color:#234e3c;background:#e2eee8;min-height:44px}button:focus-visible{outline-offset:3px;outline:3px solid #234e3c}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.actions button{flex:8rem}#countdown{font-variant-numeric:tabular-nums;margin:.5rem 0;font-size:2rem}.favourite-button{width:auto;margin-top:.5rem;font-size:.85rem}label{margin:.75rem 0;display:block}input,select,textarea{width:100%;min-height:44px;font:inherit;color:#30363a;background:#fff;border:1px solid #66736b;border-radius:.5rem;padding:.65rem;display:block}textarea{resize:vertical}.check{align-items:center;gap:.65rem;display:flex}.check input{flex:none;width:1.25rem;min-height:1.25rem}nav{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}nav button{flex:6rem;width:auto}nav [aria-current=page]{border-width:2px;font-weight:700}.contact-name{text-align:left;background:0 0;border:0;width:auto;padding:.25rem 0;font-weight:700}#feedback:empty{display:none}#filter-bar>*{flex:8rem;margin:0}#signal-form{margin-top:1rem}
