:root{color-scheme:light;font-family:system-ui,sans-serif;color:#243448;background:#f3f6fa}*{box-sizing:border-box}main{max-width:760px;margin:auto;padding:24px 18px 60px}h1{font-size:clamp(1.5rem,5vw,2rem);margin:0 0 18px}h2{font-size:1.25rem;margin-top:30px}nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}nav form{margin-left:auto}a{color:#185b80}section,article{background:white;border:1px solid #dde5ef;border-radius:14px;padding:24px;margin-bottom:14px}label{display:block;font-weight:600;margin:18px 0 8px}label:first-of-type{margin-top:0}label span,.hint,.date{font-weight:400;color:#526477}input{width:100%;min-height:48px;border:1px solid #8898a9;border-radius:8px;padding:12px;font:inherit}button{cursor:pointer;background:#205f83;color:white;border:0;border-radius:8px;padding:13px 22px;font:inherit;font-weight:600;min-height:44px}.quiet{background:#e9f1f6;color:#174d70;padding:9px 14px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #efab37;outline-offset:3px}section button{width:100%;margin-top:12px}.notice{background:#e1f3e8;border-radius:8px;padding:16px}.notice.error{background:#ffe7e1}.state{font-size:.78rem;letter-spacing:.08em;color:#205f83}h3{margin:10px 0;overflow-wrap:anywhere}.filename,.error-message{overflow-wrap:anywhere}.date{font-size:.85rem}.failure button{margin-top:12px}summary{cursor:pointer}.hint{font-size:.9rem}[hidden]{display:none!important}