:root{color-scheme:light;font-family:system-ui,sans-serif;color:#344137;background:#faf8ef}*{box-sizing:border-box}body{margin:0}main{width:min(100%,760px);margin:auto;padding:32px 22px 60px}a{color:#315c3c}h1{font-size:clamp(30px,6vw,46px);line-height:1.12;letter-spacing:-.035em;margin:10px 0 18px;max-width:14ch}h2{font-size:22px;margin:0 0 16px}h3{font-size:16px}.brand{font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:36px 0 12px}.intro{line-height:1.6;color:#627063;max-width:64ch}section{background:#fff;border:1px solid #dce3d8;border-radius:20px;padding:24px;margin:24px 0}button{border:1px solid #335d3e;border-radius:12px;color:#fff;background:#335d3e;padding:13px 18px;font:600 15px/1.4 system-ui;min-height:48px;cursor:pointer;margin:8px 6px 0 0;max-width:100%;overflow-wrap:anywhere}button.secondary{background:#f5f8ef;color:#335d3e}button:disabled{opacity:.45;cursor:default}input[type=file]{display:block;width:100%;margin:12px 0 20px;font:14px system-ui}input::file-selector-button{border:1px solid #c6d3be;border-radius:8px;padding:12px;background:#f5f8ef;color:#344137}label{font-size:14px;font-weight:600}textarea{width:100%;min-height:130px;font:12px/1.5 monospace;margin:14px 0;border:1px solid #b3c3ab;border-radius:10px;padding:12px}details{margin:16px 0;line-height:1.5}summary{cursor:pointer;min-height:36px;font-weight:600}.stats{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0 20px}.stats>div{flex:1;min-width:65px;background:#f4f7ee;border-radius:12px;padding:14px}dt{font-size:12px;color:#657360}dd{margin:5px 0 0;font-size:26px;font-weight:750;overflow-wrap:anywhere}#restore-preview{border-top:1px solid #dce3d8;margin-top:20px}#backup-status{min-height:24px;line-height:1.6;overflow-wrap:anywhere}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c77728;outline-offset:4px}[hidden]{display:none!important}@media(max-width:480px){main{padding:24px 16px 40px}section{padding:18px}button{width:100%;margin-right:0}.stats{gap:8px}.stats>div{padding:12px 9px}dd{font-size:23px}}
