:root{color-scheme:light;--ink:#203129;--muted:#66756d;--green:#d6eda5;--line:#dce5db}*{box-sizing:border-box}body{margin:0;background:#f4f6ef;color:var(--ink);font:15px/1.55 Arial,sans-serif}main{width:min(850px,100%);margin:auto;padding:22px 20px calc(24px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line)}header p{font-size:12px;margin:0;color:var(--muted)}.logo{display:grid;place-items:center;background:var(--green);width:44px;height:44px;border-radius:12px;font-weight:bold}.badge{font-size:11px;margin-left:auto;padding:6px 10px;background:#e6edde;border-radius:20px}.intro{padding:36px 0 26px}h1{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:8px 0 18px}h2{font-size:20px;margin:0 0 14px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin:0 0 18px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px 0}.facts span{font-size:12px;color:var(--muted)}.facts b{display:block;color:var(--ink);font-size:22px}.muted{color:var(--muted);font-size:12px}button{font:inherit;border:0;border-radius:8px;background:#21392c;color:white;padding:12px 17px;min-height:44px;cursor:pointer}button:disabled{opacity:.5}button:focus-visible,textarea:focus-visible{outline:3px solid #759655;outline-offset:3px}textarea{display:block;width:100%;font:inherit;padding:12px;border:1px solid #cfdccd;border-radius:8px;margin:8px 0 12px;resize:vertical}label{font-size:13px;font-weight:bold}.actions{display:flex;gap:10px;flex-wrap:wrap}.result,.case small{overflow-wrap:anywhere;word-break:break-word}.case{padding:20px 0;border-top:1px solid var(--line)}.case p,blockquote{white-space:pre-wrap;overflow-wrap:anywhere}blockquote{margin:12px 0;background:#f2f6ea;padding:14px;border-left:3px solid #96b96d}.case small{color:var(--muted)}footer{text-align:center;color:var(--muted);font-size:11px;padding:20px}[hidden]{display:none!important}@media(max-width:520px){main{padding:18px 16px}.intro{padding-top:28px}h1{font-size:30px}.card{padding:20px}.facts{grid-template-columns:1fr;gap:12px}.facts b{display:inline;margin-right:8px}.badge{max-width:120px;text-align:center}}