:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#14251d;color:#f4edd4}*{box-sizing:border-box}body{margin:0}main{max-width:1050px;margin:0 auto;padding:32px 20px}h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:12px}p{line-height:1.6}a{color:#a1ddb4}button,select,textarea{font:inherit;color:inherit;background:#294537;border:1px solid #77917c;border-radius:8px;padding:10px 14px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #f0cf76;outline-offset:3px}.controls,nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0}.tableWrap{overflow-x:auto;border-radius:12px;background:#20372b}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:14px;white-space:nowrap;border-bottom:1px solid #385541}caption{padding:14px;text-align:left;color:#bccdbd}section{margin-top:40px}article{padding:20px;border:1px solid #56765c;border-radius:12px;margin:16px 0}textarea{display:block;width:100%;min-height:85px;margin:10px 0}article button{margin:6px 10px 0 0}[hidden]{display:none!important}