:root{font-family:system-ui,-apple-system,sans-serif;color:#284b3d;background:#f6f8ef;font-size:18px;line-height:1.7}*{box-sizing:border-box}body{margin:0}header{position:sticky;top:0;background:#f6f8eff5;border-bottom:1px solid #d2ddca;padding:15px 6%;display:flex;justify-content:space-between;gap:15px;align-items:center;z-index:3}.brand{font-weight:750;font-size:25px;text-decoration:none}.brand small{font-size:14px;font-weight:400;white-space:nowrap;margin-left:8px}main{max-width:1000px;padding:15px 22px 65px;margin:auto}h1{font-size:28px}h2{font-size:23px}h3{font-size:20px}a{color:#315c45}button,.button{font:inherit;cursor:pointer;border:1px solid #becdb4;border-radius:10px;background:#edf2e4;color:#31533e;padding:9px 17px;min-height:44px;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:wait}.primary{background:#365d45;color:white;border-color:#365d45}input,textarea,select{display:block;width:100%;padding:10px;font:inherit;border:1px solid #bdcdb3;border-radius:9px;background:#fffef9;color:#243e30}textarea{min-height:100px}label{display:block;margin:15px 0}input[type=checkbox]{display:inline-block;width:auto;margin-right:8px}input[type=file]{font-size:16px}.tabs,nav,.actions,.bottom{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0}nav button[aria-current=true]{background:#365d45;color:#fff}.card,form{padding:20px;border:1px solid #d1ddc7;border-radius:15px;background:#fffef9;margin:17px 0}.card p{white-space:pre-wrap;overflow-wrap:anywhere}form{max-width:740px}.muted,small{color:#6e7e66;font-size:15px}.badge{display:inline-block;background:#e6eedb;border-radius:7px;padding:2px 9px;font-size:14px}.error{color:#a23442}#notice{min-height:25px}#notice:empty{display:none}#notice:not(:empty){padding:10px 14px;background:#e9eedf;border-radius:9px}footer{text-align:center;font-size:13px;color:#74836d;padding:20px}.bottom{justify-content:space-between;border-top:1px solid #d1ddc7;padding-top:16px}details{margin-top:12px}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere}audio,video{max-width:100%;width:100%}.counts{display:flex;gap:14px;flex-wrap:wrap}.counts span{padding:15px;background:#e9efdf;border-radius:12px}#word-results button{margin:4px;font-size:16px}#identity{font-size:15px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #83a36c;outline-offset:3px}[hidden]{display:none!important}@media(max-width:550px){header{padding:12px 17px}.brand{font-size:22px}main{padding:10px 15px 40px}.card,form{padding:16px}nav{gap:6px}nav button{padding:8px 11px;font-size:16px}}
