:root{color-scheme:light dark;--ok: #2e9e5b;--warn: #e0a100;--over: #d6403a;--muted: #8884}body{font-family:system-ui,sans-serif;margin:0}main{max-width:640px;margin:0 auto;padding:16px}header{display:flex;justify-content:space-between;align-items:center}section{margin:24px 0}.center{text-align:center;margin-top:20vh}.error{color:var(--over)}.meter{height:16px;border-radius:8px;background:var(--muted);overflow:hidden;margin:12px 0}.fill{height:100%;transition:width .3s}.fill.ok{background:var(--ok)}.fill.warn{background:var(--warn)}.fill.over{background:var(--over)}.inline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}input,button{font:inherit;padding:6px 8px}ul{list-style:none;padding:0}li{display:flex;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--muted)}.grow{flex:1}