*{box-sizing:border-box}body{color:#253e36;background:#f5f3ed;margin:0;font:16px system-ui,sans-serif}main{max-width:1000px;margin:40px auto;padding:20px}header,nav,article{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}h1{font-size:32px}small{color:#64776d}button,input,select,a{font:inherit;border:1px solid #d0d9d1;border-radius:10px;padding:12px}button{cursor:pointer;color:#264c3b;background:#fff}button.active,form button:first-of-type{color:#fff;background:#285944}a{color:#285944}nav{justify-content:flex-start;margin:20px 0}section,article,form{background:#fff;border-radius:18px;margin:14px 0;padding:24px}summary{cursor:pointer}.summary{background:#dfe9df}.summary h2{margin:16px 0;font-size:36px}.actions{flex-wrap:wrap;gap:6px;display:flex}form{width:100%;max-width:480px}label{margin:12px 0;display:block}label input,label select,form>input,form>select{width:100%;margin:8px 0;display:block}.overlay{background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.overlay section,.overlay form{max-height:95vh;overflow:auto}.error{color:#9a211c;background:#ffe8e5;padding:15px}.empty{text-align:center;padding:60px}pre{white-space:pre-wrap;overflow-wrap:anywhere}textarea{width:100%;margin-top:16px}strong{font-size:22px}@media (width<=600px){main{margin:0;padding:16px}article{align-items:flex-start}.actions{width:100%}button{min-height:44px}}