:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;--bg:#e8eceb;--surface:#f8f9f8;--text:#172221;--muted:#51625d;--line:#bcc7c1;--accent:#325e42;--danger:#9b3139;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-width:320px}header{display:flex;gap:22px;align-items:center;background:var(--surface);border-bottom:1px solid var(--line);padding:18px max(20px,calc((100vw - 1180px)/2))}header a{color:var(--text);text-decoration:none;letter-spacing:.08em;font-weight:800}header a span{font-weight:400;color:var(--accent)}header small{font-size:14px;color:var(--muted);margin-right:auto}main{max-width:1180px;margin:36px auto;padding:0 20px 80px}h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.045em}h2{margin:0 0 12px}.card{background:var(--surface);border:1px solid var(--line);padding:23px;border-radius:16px;margin:16px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0}.muted{color:var(--muted)}button,input,select{font:inherit;border:1px solid var(--line);border-radius:9px;padding:10px 13px;min-height:44px;background:var(--surface);color:var(--text)}button{cursor:pointer}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.danger{color:var(--danger)}input,select{width:100%}label{display:block;margin:13px 0 5px;color:var(--muted)}.rows{display:grid}.row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(110px,1fr) minmax(160px,1fr) auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding:13px 0}.row:first-child{border:0}.row strong{overflow-wrap:anywhere}.row small{display:block;color:var(--muted)}.hint{padding:14px;background:#dce6db;border-radius:9px;color:#294435}#message{padding:14px;color:#8f3037;background:#f5dfdf;border-radius:9px}summary{cursor:pointer;color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:720px){main{margin:20px auto}.two{grid-template-columns:1fr}.row{grid-template-columns:1fr 1fr}.row strong{grid-column:1/-1}.row .actions{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
