*{box-sizing:border-box}body{margin:0;background:#f7f8f3;color:#30382f;font:15px system-ui}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:12px;background:#e3ebd7;color:#344c28}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7b965e}aside{position:fixed;inset:0 auto 0 0;width:240px;padding:35px 22px;background:#eff1e9;display:flex;flex-direction:column;z-index:20}aside h1{font-size:30px}aside>p{font-size:11px;letter-spacing:2px}nav{display:grid;gap:10px;margin:30px 0}nav button{text-align:left;background:transparent}.active{background:#405730!important;color:white!important}aside small{margin-top:auto;line-height:1.8}main{margin-left:240px;max-width:1150px;padding:25px 6%}header,.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}header span{margin-right:auto;font-size:12px;color:#748366}.hero{text-align:center;padding:40px 5px}.hero>p{font-size:12px;color:#7c8e6c}#mic{font-size:35px;border-radius:50%;width:95px;height:95px;background:#405730;color:white;margin:20px;box-shadow:0 0 0 12px #e1e9d6}.panel,article{background:white;border:1px solid #dfe5d8;border-radius:15px;padding:20px;margin:15px 0}textarea{width:100%;min-height:110px;border:0;resize:vertical;padding:18px 5px;color:#344c28;background:transparent}input,select{border:1px solid #d8e0cf;border-radius:8px;padding:10px;background:white;max-width:100%}#send{margin-left:auto;background:#405730;color:white}#reply{white-space:pre-wrap;line-height:1.8}#notes{display:grid;grid-template-columns:1fr 1fr;gap:15px}article{margin:0;overflow-wrap:anywhere}article p{white-space:pre-wrap;line-height:1.7}article small{color:#7b886f}article .row{margin-top:15px}article button{padding:8px;font-size:12px}.done{text-decoration:line-through;color:#829176}details summary{cursor:pointer}details small{display:block;margin-top:12px}footer{font-size:12px;color:#7b886f;line-height:1.8;margin:35px 0}#status{color:#526d3e;white-space:pre-wrap}#menu,#close{display:none}#update{position:fixed;bottom:15px;right:15px;background:#405730;color:white;z-index:30}[hidden]{display:none!important}@media(max-width:700px){main{margin:0;padding:15px 20px}#menu{display:block;margin:15px 20px}aside{transform:translateX(-105%);visibility:hidden;width:min(300px,85vw);height:100dvh;padding-top:calc(25px + env(safe-area-inset-top))}aside.open{transform:none;visibility:visible}#close{display:block;align-self:end}#shade{position:fixed;inset:0;background:#0007;z-index:19;border-radius:0;width:100%;height:100%}#notes{grid-template-columns:1fr}header{gap:6px}header button{font-size:12px}.hero{padding:20px 0}h2{font-size:22px}}