:root{color:#17231d;font-synthesis:none;background:#f5f2e9;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}.mode{background:#e8dfc7;border:1px solid #7d7256;padding:.3rem .5rem;display:inline-block}header{border-bottom:1px solid #9aa79f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.context{flex-direction:column;flex:1;min-width:10rem;display:flex}h1,h2{color:#183c2c;overflow-wrap:anywhere}h1:focus,[role=alert][tabindex="-1"]:focus{outline-offset:.3rem;outline:3px solid #9a5f00}a,button,input{font:inherit}a{color:#075f46}button{color:#fff;cursor:pointer;background:#174d39;border:2px solid #174d39;border-radius:.35rem;padding:.55rem .8rem}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #b56f00}form{flex-direction:column;align-items:start;gap:.55rem;display:flex}input{width:24rem;max-width:100%;padding:.55rem}li{margin-block:.6rem}@media (width<=360px){main{padding:.8rem}header{flex-direction:column;align-items:stretch}}:root{color:#17231d;background:#f5f2e9;font-family:ui-sans-serif,system-ui,sans-serif}body{min-width:320px;margin:0}main{max-width:42rem;margin:10vh auto;padding:1.25rem}