:root{font-family:ui-sans-serif,system-ui,sans-serif;color:#303d38;background:#f5f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:auto;padding:30px 36px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dcded5;padding-bottom:26px}.brand{font-size:23px;font-weight:700;color:inherit;text-decoration:none;letter-spacing:-1px}.brand span{font-size:13px;font-weight:400;letter-spacing:0;color:#7c877d;margin-left:12px}h1{font-family:Georgia,serif;font-weight:400;font-size:48px;margin:10px 0 18px;letter-spacing:-1px}.eyebrow{font-size:11px;letter-spacing:2px;color:#738373}.muted{color:#7c877d}#login{max-width:410px;margin:75px auto 90px}label{display:block;font-size:13px;margin:23px 0}input{display:block;margin-top:9px;width:100%;background:#fffef9;border:1px solid #d3d9cc;border-radius:7px;padding:13px;font:inherit}button{border:0;background:transparent;color:#546551;padding:10px 16px;cursor:pointer;font:inherit;font-size:13px;border-radius:7px}button:hover{background:#e6eadd}button.primary{background:#3f5b45;color:white;padding:13px 23px}button:disabled{opacity:.45;cursor:wait}#workspace{margin-top:52px}.heading{display:flex;justify-content:space-between;align-items:center}#connection{font-size:12px;color:#7d8779}#note-form{background:#fffef9;border:1px solid #dce0d4;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px #303d3805}textarea{display:block;width:100%;min-height:390px;resize:vertical;border:0;outline:none;padding:28px;background:transparent;font:17px/1.9 Georgia,serif;color:#394739}textarea::placeholder{color:#a3aa9c}footer{border-top:1px solid #eeeede;display:flex;justify-content:space-between;align-items:center;padding:15px 20px}footer span,.bottom{font-size:12px;color:#89907f}.bottom{margin-top:50px}#status{font-size:13px;white-space:pre-wrap;color:#765e3c;min-height:20px}#session{margin-top:25px;border-top:1px solid #dce0d4;padding-top:10px}.session-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7c877d}#messages p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7}input:focus-visible,button:focus-visible,textarea:focus-visible{outline:2px solid #91a888;outline-offset:-2px}[hidden]{display:none!important}@media(max-width:600px){main{padding:22px 18px}.brand span{display:none}h1{font-size:37px}.heading{align-items:flex-start}footer{gap:16px}textarea{padding:20px;min-height:340px}}