:root{font-family:system-ui,-apple-system,sans-serif;color:#183039;background:#f1f5f5}*{box-sizing:border-box}body{margin:0}header{background:#123e45;color:white;padding:18px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}header span{flex:1}main{max-width:1000px;margin:auto;padding:20px}.notice{background:#fff3d9;padding:16px;border-radius:12px;line-height:1.5}section{margin-top:24px}#login{max-width:480px;background:white;padding:24px;border-radius:16px}label{display:block;margin:14px 0;font-weight:600}input,select,textarea{display:block;width:100%;font:inherit;padding:12px;margin-top:6px;border:1px solid #a5b9be;border-radius:8px;background:white;color:#183039;font-size:16px}textarea{min-height:90px}button{font:inherit;min-height:44px;padding:10px 16px;border:1px solid #b0c6c9;border-radius:9px;background:white;color:#123e45;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d89d24;outline-offset:2px}nav,.toolbar,footer{display:flex;gap:10px;flex-wrap:wrap;align-items:center}nav button[aria-current]{background:#123e45;color:white}.toolbar h1{flex:1}article{background:white;padding:18px;border-radius:12px;margin:12px 0;border:1px solid #d8e3e5}article h2{font-size:19px;margin-top:0}article p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.muted{color:#50666e;font-size:14px}dialog{width:min(620px,94vw);max-height:90dvh;overflow:auto;border:0;border-radius:16px;padding:24px}dialog::backdrop{background:#062d39a6}footer{justify-content:flex-end;margin-top:20px}#message,#form-error{white-space:pre-wrap;color:#8b301e}[hidden]{display:none!important}@media(max-width:600px){main{padding:12px}header{padding:14px}nav button{flex:1 0 42%}.toolbar h1{width:100%;flex:auto}dialog{padding:18px}}