*{box-sizing:border-box}
body{margin:0;background:#eff4f8;color:#152337;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}
.suricate-page{width:min(740px,100%);margin:auto;padding:22px 18px calc(26px + env(safe-area-inset-bottom))}
.suricate-page h1{font-size:clamp(24px,5vw,32px);line-height:1.2;margin:16px 0}.suricate-page h2{font-size:20px}
.suricate-page a{color:#135ab7}.suricate-page .back{display:inline-flex;min-height:44px;align-items:center;font-weight:750;text-decoration:none}
.suricate-card{margin:18px 0;padding:22px;background:white;border:1px solid #d5dee9;border-radius:20px}
.suricate-page label{display:block;font-weight:700;margin-top:16px}.suricate-page input:not([type=checkbox]),.suricate-page select,.suricate-page textarea{display:block;width:100%;min-width:0;min-height:48px;padding:11px;margin:7px 0;border:1px solid #aab9cb;border-radius:11px;background:white;color:#152337;font:inherit;font-size:16px}
.suricate-page textarea{min-height:150px;resize:vertical}.suricate-page .check{display:flex;gap:12px;align-items:flex-start;font-weight:500}.check input{flex:0 0 20px;width:20px;height:20px;margin:3px 0;accent-color:#1455aa}
.suricate-page button,.suricate-page .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:12px 18px;margin-top:18px;border:0;border-radius:12px;background:#1455aa;color:white;font:inherit;font-weight:750;text-decoration:none;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.suricate-page button:disabled{opacity:.6;cursor:wait}.suricate-page .secondary{background:#e2eaf4;color:#173454}
.suricate-page .hint{color:#52647c;font-size:14px}.suricate-page .notice{padding:14px;border-radius:12px;background:#dbeafe;color:#173c7b}.suricate-page .ok{background:#dff6e8;color:#155f35}.suricate-page .bad{background:#fff0db;color:#803c08}
.suricate-page .summary{white-space:pre-wrap;overflow-wrap:anywhere}.suricate-page summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:750}.suricate-page .transmission{border-top:1px solid #cbd5e1;padding:16px 0;overflow-wrap:anywhere}.suricate-page .transmission p{margin:5px 0}
.suricate-page img.preview{display:block;max-width:100%;max-height:190px;margin:12px 0;border-radius:12px;object-fit:contain}.suricate-page [hidden]{display:none!important}
body.suricate-admin{background:#0f172a;color:#e5e7eb}.suricate-admin .suricate-card{background:#111c30;border-color:#334155}.suricate-admin .hint{color:#a3b4c9}.suricate-admin a{color:#93c5fd}.suricate-admin .suricate-page input:not([type=checkbox]),.suricate-admin .suricate-page select{background:#0b1220;color:white;border-color:#475569}.suricate-admin .transmission{border-color:#475569}
:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
@media(max-width:600px){.suricate-page{padding:calc(10px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom))}.suricate-admin .suricate-page{padding-top:14px}.suricate-card{padding:17px}.suricate-page button,.suricate-page .button{width:100%}}