:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17312e;background:#f3f6f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:520px;margin:10vh auto;padding:36px;background:white;border:1px solid #dce5dd;border-radius:16px;box-shadow:0 12px 48px #183b2410}header{display:flex;gap:12px;align-items:center;color:#34705d;font-size:14px;font-weight:650;letter-spacing:.06em}.mark{border-radius:10px;background:#e4f1e8;padding:10px}h1{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin:28px 0 12px}p{color:#526862;line-height:1.6}label{display:block;font-weight:600;margin:24px 0 8px}input{width:100%;border:1px solid #b9c9c0;border-radius:8px;padding:13px;font:inherit}button{background:#235c46;border:0;border-radius:8px;color:white;padding:13px 18px;font:inherit;font-weight:600;cursor:pointer;margin-top:20px}button:disabled{opacity:.55;cursor:wait}.error{color:#a03530}.muted{font-size:13px;color:#687c73}progress{width:100%;margin:24px 0;accent-color:#235c46}#viewer{border:0;width:100%;height:100vh;display:block}body:has(#viewer:not([hidden])) main{display:none}[hidden]{display:none!important}#notice{padding:12px 22px;background:#e5f1e7;color:#1e4634;display:flex;align-items:center;gap:20px}#notice button{margin:0;padding:8px 14px}#dashboard{width:100%;height:100vh;border:0;display:block}#notice:not([hidden])~#dashboard{height:calc(100vh - 64px)}code{overflow-wrap:anywhere}@media(max-width:600px){main{margin:24px 16px;padding:24px}}