html,body{width:100%;height:100%;margin:0;padding:0}button{cursor:pointer}#root{max-width:1280px;height:100%;position:relative}header,footer{height:calc(20% - 2rem);display:flex;justify-content:space-between;align-items:center;padding:1rem}header{height:calc(15% - 2rem);margin:0 auto;gap:1rem;position:relative}header h1{display:none}header div.menu button{height:2.5rem;width:2.5rem}header div.menu button img{filter:saturate(100%) brightness(0%)}header menu{display:none}header input{height:2rem;margin:0;flex:2}main{display:flex;flex-direction:column;height:65%}menu{padding:0 1rem;width:90%;margin:0 auto 1rem}menu ul{display:flex;width:100%;overflow-x:auto;list-style:none;margin:0;padding:0}menu ul li{min-width:6rem;min-height:3rem;background-color:#4caf50;margin-right:.5rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;color:#000;position:relative}menu ul li.active{background-color:#cddc39;font-weight:700}menu ul li button.tab{background-color:transparent;border:none;color:#000;width:100%;height:100%;font-size:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:6rem}menu ul li button.date-title{white-space-collapse:break-spaces;text-wrap-mode:nowrap;font-size:.75rem;height:100%}menu ul li button.tab:first-of-type{font-weight:700}menu ul li button.close-tab{background-color:#000;color:#fff;width:1rem;height:1rem;border:1px solid black;border-radius:1rem;font-size:.5rem;display:flex;justify-content:center;align-items:center;position:absolute;top:.25rem;right:.25rem}main textarea{width:90%;height:100%;margin:auto}footer{margin:0 auto 1rem;position:relative}footer button{min-width:5rem;min-height:2.5rem;border:none;border-radius:.25rem;color:#000;font-weight:700}footer button.history{position:absolute;top:0rem;right:1rem;background-color:transparent;color:#0ff;text-decoration:underline}footer button.export{background-color:#f48fb1}footer button.attach{background-color:#ffab91}dialog.notification{position:absolute;bottom:0;right:0;height:1rem;width:calc(100% - 2rem);display:flex;justify-content:flex-end;margin:0;padding:1rem;border:none;background-color:transparent}dialog.notification p{display:flex;align-items:center;margin:0;color:#000;font-weight:700;background-color:#cddc39;padding:1rem}article.note-history{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-color:#ffffff8a}article.note-history div{display:flex;flex-direction:column;height:65%;background-color:#fff}article.note-history p{text-align:center;color:#000;font-weight:700}article.note-history textarea{width:90%;height:100%;margin:auto}article.note-history button{background-color:#cddc39;color:#000}article.note-history button.restore{min-width:5rem;min-height:2.5rem;border:none;border-radius:.25rem;font-weight:700}article.note-history button.close{min-width:5rem;min-height:2.5rem;border:none;border-radius:.25rem;font-weight:700;position:absolute;top:0;right:1rem;text-decoration:underline}nav.sidebar{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;border:none;z-index:10;display:flex}nav.sidebar menu{list-style:none;margin:0;padding:2rem;width:30%;height:calc(100% - 4rem);background-color:#242424}nav.sidebar button.close{width:70%;height:100%;border:none;background-color:transparent}nav.sidebar menu li{margin:0;margin-bottom:1rem;display:flex;justify-content:center}nav.sidebar menu li button{min-width:7rem;width:7rem;min-height:3rem;height:3rem;display:flex;justify-content:center;align-items:center;margin:0;border:none;border-radius:.25rem}h2.page-title{text-align:center}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}