*{box-sizing:border-box}body{margin:0;background:#f6f5ef;color:#18392f;font:17px/1.6 system-ui,sans-serif}header,main{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #c3cebe}h1{font-size:clamp(25px,4vw,36px);margin:0}h2{font-size:25px}h3{font-size:18px}small{letter-spacing:.1em}nav,.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}a{color:#1c694f}button,nav a{cursor:pointer;border:1px solid #236247;background:#236247;color:white;border-radius:8px;padding:10px 16px;font:inherit;text-decoration:none}button.secondary{background:white;color:#236247}button:disabled{opacity:.5;cursor:wait}label{display:block;margin:12px 0}input,select,textarea{display:block;width:100%;border:1px solid #9bac9e;border-radius:7px;background:white;padding:10px;font:inherit;color:#18392f}input[type=checkbox]{display:inline;width:auto;margin-right:10px}textarea{min-height:100px}section{scroll-margin-top:20px}.item,.entry{background:white;border:1px solid #d5ded3;padding:22px;margin:16px 0;border-radius:12px}.item img{max-width:320px;max-height:200px;object-fit:contain;border-radius:8px;display:block}.item video{max-width:100%;width:400px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}#status{white-space:pre-line;position:sticky;top:0;background:#fff6ce;border-radius:8px;padding:10px;z-index:5}#status:empty{display:none}#login{max-width:500px}#color-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}[hidden]{display:none!important}@media(max-width:600px){header{align-items:start;flex-direction:column;gap:12px}main{padding:16px}.item{padding:16px}.item img{max-width:100%}}
