@charset "UTF-8";
:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#193835;background:#f2f5f0;font-size:16px;line-height:1.6;--green:#176753;--border:#ccdad2;--muted:#586e66}
*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:48px 24px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.7rem,6vw,4.4rem);letter-spacing:-.055em;line-height:1.06;margin:16px 0 22px;font-weight:750}h2{font-size:1.8rem;letter-spacing:-.03em;line-height:1.25;margin:10px 0 18px}h3{font-size:1.07rem;margin:0}a{color:var(--green);text-underline-offset:4px}header.hero{padding:16px 4px 32px}.hero>p{font-size:1.12rem;color:var(--muted)}.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.16em}nav{display:flex;gap:12px 24px;flex-wrap:wrap;padding:0 4px 24px}nav a{font-weight:650;font-size:.9rem}section{background:#fff;border:1px solid var(--border);border-radius:20px;padding:32px;margin-bottom:24px;scroll-margin-top:20px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.badge{background:#edf0ed;color:#52665e;padding:5px 12px;border-radius:100px;font-size:.77rem;font-weight:750;white-space:nowrap}.badge.live{background:#dceee0;color:#195b40}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#f2f6f2;border-radius:12px;padding:22px 24px;gap:24px;margin:24px 0}.stats strong{display:block;font-size:1.7rem;line-height:1.3}.stats span{font-size:.8rem;color:var(--muted)}label{display:block;font-weight:650;font-size:.9rem;margin:18px 0 7px}input,textarea,select{width:100%;font:inherit;background:#fbfcfa;color:inherit;border:1px solid #97b3a5;border-radius:8px;padding:12px;min-height:46px}textarea{resize:vertical}input[type=number]{max-width:190px}input[type=checkbox]{width:20px;min-width:20px;height:20px;min-height:20px;accent-color:var(--green);margin:2px 10px 0 0}.check{display:flex;align-items:flex-start;font-weight:500;margin:14px 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}fieldset{border:0;padding:0;margin:20px 0}legend{font-weight:650;font-size:.9rem}button,.button{display:inline-block;border:0;border-radius:9px;background:var(--green);color:white;font:inherit;font-size:.88rem;font-weight:700;line-height:1.4;padding:14px 20px;cursor:pointer;text-decoration:none;margin:16px 0 4px;min-height:46px}button:hover,.button:hover{filter:brightness(.94)}.secondary{background:#e5efe9;color:#174e40}.quiet{background:transparent;color:var(--green);padding:8px 0;text-decoration:underline;text-underline-offset:4px;font-size:.8rem}.danger{background:#f1e2dc;color:#7b3625}.quiet.danger{background:transparent}.hint{font-size:.81rem;color:var(--muted);margin:10px 0 16px}details{border-top:1px solid var(--border);margin-top:22px;padding-top:20px}summary{font-weight:700;cursor:pointer;padding:4px 0;min-height:36px}details[open]>summary{margin-bottom:22px}.rule{border:1px solid var(--border);border-radius:12px;padding:18px 22px;margin-top:16px}.rule summary{display:list-item}.rule summary>.badge{float:right;margin-left:8px}.rule[open]{background:#fafcf9}.notice,.error{padding:18px 22px;border-radius:10px;margin-bottom:22px;overflow-wrap:anywhere}.notice{background:#e5f2e8;border-left:4px solid #398261}.error{background:#fbece6;border-left:4px solid #a84329}blockquote{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 24px;border-left:3px solid #95b7a4;background:#f1f6f0;padding:18px 22px}.preview{margin-top:24px}.log-item{padding:24px 0;border-bottom:1px solid var(--border)}.log-item p{margin-bottom:6px}.log-item .hint{margin-top:7px}.empty{padding:26px;background:#f6f8f4;border-radius:10px;color:var(--muted)}code{overflow-wrap:anywhere;font-size:.84em}footer{color:var(--muted);font-size:.76rem;padding:28px 0 10px}.login{max-width:620px}*:focus-visible{outline:3px solid #ce9944;outline-offset:3px}#feedback{scroll-margin-top:20px}form{margin:0}
@media(max-width:650px){main{padding:22px 14px}section{padding:23px 19px;border-radius:15px}.hero{padding-bottom:22px!important}h2{font-size:1.5rem}.stats{grid-template-columns:1fr;gap:16px;padding:18px}.stats>div{display:flex;align-items:baseline;gap:14px}.stats strong{font-size:1.4rem;min-width:85px}.columns{grid-template-columns:1fr;gap:0}.rule{padding:15px}.rule summary>.badge{float:none;display:inline-block;margin:6px 0 0 10px}nav{gap:10px 18px}button,.button{max-width:100%}.section-top{gap:8px}input,textarea,select{font-size:16px}}