:root{color-scheme:light;--ink:#192c29;--muted:#64746e;--green:#12644d;--line:#dfe6df;--bg:#f4f5ef}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55}main{max-width:1040px;padding:30px 24px 24px;margin:auto}header,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.brand{font-weight:850;letter-spacing:.1em}.brand span{color:var(--green)}.tag{font-size:12px;padding:6px 11px;border:1px solid var(--line);border-radius:99px;display:inline-block;background:#fff}.intro{max-width:700px;padding:40px 0 18px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--green);font-size:12px;font-weight:750}h1{font-size:clamp(30px,5vw,46px);line-height:1.12;letter-spacing:-.045em;margin:12px 0 18px;overflow-wrap:anywhere}h2{font-size:20px;line-height:1.3;margin:0 0 14px;letter-spacing:-.025em}h3{margin:0;font-size:19px}p{margin:0 0 14px}.intro p:last-child{color:var(--muted);font-size:17px}.notice{border:1px solid #e4d5a7;background:#fff6dd;border-radius:14px;padding:14px 18px;color:#665121}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:20px;min-width:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-heading{margin:22px 0 12px}.section-heading h2{margin:0}.section-heading>span,.muted{font-size:13px;color:var(--muted)}.card .section-heading{margin:0 0 12px}button{font:inherit;font-weight:650;background:var(--green);color:white;border:1px solid transparent;border-radius:10px;min-height:44px;padding:10px 16px;cursor:pointer;white-space:normal}button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{color:var(--green);background:#edf4ef;border-color:#d8e6dc}button.danger{background:#fff;color:#9d4038;border-color:#eedbd8}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.status{margin:16px 0 8px;color:var(--muted)}.status.active{color:var(--green)}label{display:block;font-size:13px;font-weight:600;min-width:0}input,select,textarea{display:block;width:100%;max-width:100%;font:inherit;font-size:16px;border:1px solid #cbd7ce;border-radius:9px;padding:11px;background:#fff;color:var(--ink);margin:6px 0 12px}textarea{resize:vertical;min-height:90px}.rule{padding:18px 0;border-top:1px solid var(--line)}.rule-row,.test-row{display:flex;gap:12px}.rule-row>*{flex:1;min-width:0}.grow{flex:1}.result{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f6f8f3;white-space:pre-wrap;overflow-wrap:anywhere}.event{border-top:1px solid var(--line);padding:14px 0;overflow-wrap:anywhere}.event small{display:block;color:var(--muted)}.event p{margin:6px 0 0;white-space:pre-wrap}.future{background:#ecf0e8}#feedback{min-height:24px;margin:14px 0;color:#92483b}#save-state{margin-left:12px}footer{text-align:center;color:var(--muted);font-size:12px;padding:20px 0}[hidden]{display:none!important}:focus-visible{outline:3px solid #c5a867;outline-offset:3px}
@media(max-width:600px){main{padding:20px 16px}.intro{padding-top:28px}.grid{grid-template-columns:1fr;gap:0}.card{padding:20px}.rule-row,.test-row{flex-direction:column;gap:0}.actions button{flex:1}.section-heading>span{display:none}.section-heading h2{font-size:19px}.tag{font-size:11px}#save-state{display:block;margin:10px 0 0}}