:root{--paper: #fbfaf7;--ink: #23201d;--secondary: #6b6560;--accent: #2f6b4f;--amber: #8a6a00;--rule: #ddd8d0;--step: 8px}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;padding:calc(var(--step) * 6) calc(var(--step) * 3) calc(var(--step) * 12);background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:19px;line-height:1.6;font-weight:400}.column{max-width:640px;margin:0 auto}.column>*+*{margin-top:calc(var(--step) * 3)}h1{font-size:28px;line-height:1.25;font-weight:700;margin:0}h1:focus{outline:none}p{margin:0}.small{font-size:16px;color:var(--secondary)}.amber{color:var(--amber)}.box{border:2px solid var(--rule);border-radius:10px;padding:calc(var(--step) * 2)}.box.amber{border-color:var(--amber);color:var(--amber)}.box>p+p{margin-top:var(--step)}ol,ul{margin:0;padding-left:calc(var(--step) * 3)}li+li{margin-top:var(--step)}.plain-list{list-style:none;padding-left:0;font-size:16px;color:var(--secondary);max-height:40vh;overflow-y:auto}.control{border:0;border-top:1px solid var(--rule);margin:0;padding:calc(var(--step) * 3) 0 0}.control>*+*{margin-top:var(--step)}.checkbox{display:flex;align-items:flex-start;gap:calc(var(--step) * 1.5);min-height:44px;cursor:pointer;font-weight:700}.checkbox input{width:24px;height:24px;margin:6px 0 0;accent-color:var(--accent);flex:none}.checkbox input:disabled{cursor:not-allowed}select,input[type=text]{display:block;box-sizing:border-box;font:inherit;min-height:44px;width:100%;max-width:400px;padding:0 var(--step);border:2px solid var(--rule);border-radius:10px;background:#fff;color:var(--ink)}input[readonly]{background:transparent;color:var(--secondary)}details summary{min-height:44px;display:flex;align-items:center;color:var(--accent);cursor:pointer;text-decoration:underline}.actions{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--step) * 2);margin-top:calc(var(--step) * 8)}.button.primary{display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;min-height:52px;padding:0 calc(var(--step) * 2);border:0;border-radius:10px;background:var(--accent);color:#fff;font:inherit;font-weight:700;text-align:center;cursor:pointer}.button.primary:disabled{background:var(--secondary);cursor:not-allowed}.drop-zone{display:flex;align-items:center;justify-content:center;width:100%;min-height:160px;padding:calc(var(--step) * 3);border:2px dashed var(--accent);border-radius:10px;color:var(--accent);font-weight:700;text-align:center;cursor:pointer}.drop-zone.over{border-style:solid;background:#fff}.drop-zone:focus-within{outline:2px solid var(--accent);outline-offset:2px}.link{min-height:44px;padding:0;border:0;background:none;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer;text-align:left}.link:disabled{color:var(--secondary);cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.counter{font-variant-numeric:tabular-nums}.bar{height:4px;background:var(--rule);border-radius:2px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);transition:width .2s linear}@keyframes tick{0%{opacity:.55}to{opacity:1}}.counter{animation:tick .16s ease-out}@keyframes appear{0%{opacity:0}to{opacity:1}}.proof{margin:0;animation:appear .3s ease-out}.proof img{display:block;width:100%;height:auto;border-radius:10px}.proof figcaption{margin-top:calc(var(--step) * 2);font-size:16px;color:var(--secondary)}@media(prefers-reduced-motion:reduce){.counter,.proof{animation:none}.bar-fill{transition:none}}.footer{max-width:640px;margin:calc(var(--step) * 8) auto 0;font-size:16px;color:var(--secondary)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
