:root{color-scheme:light dark}
body{font:16px/1.4 system-ui,sans-serif;margin:0;padding:0 12px 80px;max-width:40em}
header{padding:6px 0;border-bottom:1px solid #8886}
nav a{display:inline-block;padding:10px 6px 10px 0}
a,button,select,input[type=checkbox]{min-height:44px}
button,.b{display:inline-block;padding:10px 12px;margin:2px 0;font:inherit;text-decoration:none;border:1px solid #888;border-radius:4px;background:Canvas;color:CanvasText;box-sizing:border-box}
.b{line-height:22px}
button:disabled{opacity:.4}
input,select,textarea{font:inherit;padding:8px;max-width:100%;box-sizing:border-box}
input[type=checkbox]{width:24px;min-height:24px;vertical-align:middle}
label{display:block;margin:8px 0}
td label{margin:0}
table{border-collapse:collapse;width:100%}
td{padding:2px 0}
.n{text-align:right}
.large{width:100%}
.inline{display:inline}
.err{color:#c00;font-weight:bold}
.pos{color:#080}.neg{color:#c00}
@media(prefers-color-scheme:dark){.pos{color:#5c5}.neg,.err{color:#f66}}
.grand{font-size:2.2em;margin:.3em 0}
.barre,.barre a{text-decoration:line-through;opacity:.7}
.liste{padding:0;list-style:none}.liste li{padding:8px 0;border-bottom:1px solid #8884}
.fil{padding-left:1.2em}
fieldset{margin:12px 0;border:1px solid #888}
.actif{font-weight:bold}
footer{position:fixed;left:0;right:0;bottom:0;padding:6px 12px;background:Canvas;border-top:1px solid #888;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
#reste{flex:1}