:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;--background:#f5f5f7;--card:#fff;--text:#1d1d1f;--muted:#6e6e73;--border:#d9d9de;--accent:#5b5bd6;--accent-text:#fff;--danger:#c62828;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial;--background:#111114;--card:#1c1c21;--text:#ececf1;--muted:#9a9aa5;--border:#34343c;--accent:#8b8bf5;--accent-text:#111114;--danger:#ef7070}}*{box-sizing:border-box}body{background:var(--background);color:var(--text);min-height:100vh;margin:0;padding:3rem 1rem}header,main{max-width:28rem;margin:0 auto}header{margin-bottom:1.25rem}header h1{margin:0;font-size:1.5rem}header p{color:var(--muted);margin:.25rem 0 0}a{color:var(--accent)}main{display:flex;border:1px solid var(--border);background:var(--card);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000000f}button{border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);font:inherit;cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;transition:opacity .15s;font-weight:600}button:hover:not(:disabled){opacity:.85}button.secondary{color:var(--accent);background:0 0}button:disabled{opacity:.4;cursor:not-allowed}input{border:1px solid var(--border);color:inherit;font:inherit;background:0 0;border-radius:.5rem;padding:.5rem .75rem}input:focus{outline:2px solid var(--accent);outline-offset:1px}output,time{font-variant-numeric:tabular-nums}ul{display:flex;list-style:none;flex-direction:column;gap:.5rem;margin:0;padding:0}li{display:flex;border:1px solid var(--border);border-radius:.5rem;align-items: center;gap:.5rem;padding:.5rem .75rem}li output{flex:1}main p{margin:0}blockquote{margin:0;font-size:1.125rem;font-style:italic}.counter{flex-direction:row;justify-content:center;align-items: center;gap:1.5rem}.counter output{text-align:center;min-width:3ch;font-size:2.5rem;font-weight:700}.counter button{width:3rem;height:3rem;padding:0;font-size:1.5rem}.error{color:var(--danger)}time{font-size:1.25rem;font-weight:600}.timer{display:flex;flex-wrap:wrap;align-items: center;gap:.75rem}.timer output{font-variant-numeric:tabular-nums;min-width:6ch;font-size:1.5rem;font-weight:700}
