:root{--text:#fff;--board-min-width:1024px;--board-min-height:768px;--toast-text:#fff;--toast-bg:#333;--font-size-normal:1.2rem;--info-text-color:#aaa;--note-text-shadow:0 1px 3px #0000004d;--note-resize-handler-bg:#fff;--note-drag-handler-bg:#00000080;--note-drag-handler-height:1.25rem;--note-delete-bg:#666;--trash-bg:#ff2225;--trash-shadow:0 4px 12px #ff2225;--basic-transition:all .2s ease-in-out;--bg:#16171d;--toobar-bg:#111216;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--button-bg:#ccc;--button-hover-bg:#9e9e9e;font:18px/145% var(--sans);font-size:var(--font-size-normal);color:var(--text);background:var(--bg)}body{margin:0}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:500}p{margin:0}.info-text{text-align:center;color:var(--info-text-color);margin:0 auto;position:absolute;left:0;right:0}.sticky-note{box-shadow:var(--shadow);transition:opacity .2s,background-color .2s;position:absolute;top:0;left:0}.sticky-note.note-over-trash{opacity:.7;background-color:var(--note-delete-bg)!important}.sticky-note-drag-handler{height:var(--note-drag-handler-height);background:var(--note-drag-handler-bg);cursor:grab;opacity:.5;transition:var(--basic-transition);justify-content:center;align-items:center;display:flex}.sticky-note-drag-handler:hover{opacity:1}.sticky-note-drag-handler-icon{display:flex}.sticky-note-drag-handler:active{cursor:grabbing}.sticky-note_text-content{appearance:none;color:var(--text);width:100%;height:calc(100% - var(--note-drag-handler-height));min-width:100%;min-height:calc(100% - var(--note-drag-handler-height));resize:none;box-sizing:border-box;text-shadow:var(--note-text-shadow);font-size:var(--font-size-normal);background:0 0;border:none;outline:none;margin:0;padding:1rem;display:block;overflow:auto}.sticky-note_text-content::placeholder{color:var(--text);opacity:1}.sticky-note-resize-handler{cursor:se-resize;opacity:.5;width:2rem;height:2rem;transition:var(--basic-transition);position:absolute;bottom:0;right:0}.sticky-note-resize-handler:hover{opacity:1}.sticky-note-resize-handler:after{content:"";border-style:solid;border-width:0 0 1rem 1rem;border-color:transparent transparent var(--note-resize-handler-bg) transparent;width:0;height:0;position:absolute;bottom:.3125rem;right:.3125rem}.undo-toast{background-color:var(--toast-bg);color:var(--toast-text);box-shadow:var(--shadow);z-index:9999;border-radius:8px;align-items:center;gap:1rem;padding:1rem 1.5rem;animation:.2s ease-out slideLeft;display:flex;position:fixed;bottom:10rem;right:1rem}.undo-toast-btn{cursor:pointer;background:var(--button-bg);border:none;border-radius:4px;padding:.25rem .75rem;font-weight:700;transition:all .2s}.undo-toast-btn:hover{background:var(--button-hover-bg)}.undo-toast-close{color:var(--toast-text);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1}@keyframes slideLeft{0%{opacity:0;transform:translate(150%)}to{opacity:1;transform:translate(0)}}.board{min-width:var(--board-min-width);min-height:var(--board-min-height);cursor:cell;width:100%;height:100vh;position:relative}.trash-item{background:var(--trash-bg);width:8rem;height:8rem;cursor:initial;transition:var(--basic-transition);z-index:999999;justify-content:center;align-items:center;font-size:3rem;display:flex;position:fixed;bottom:0;right:0}.trash-item.trash-active{color:#fff;box-shadow:var(--trash-shadow);transform:scale(1.1)}.toolbar{background:var(--toobar-bg);z-index:99999;width:20rem;height:7rem;box-shadow:var(--shadow);cursor:initial;border-radius:2rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin:auto;padding:1rem 0;display:flex;position:fixed;bottom:1rem;left:0;right:0}.toolbar-label{min-width:6rem}.toolbar-slidecontainer{justify-content:center;align-items:center;gap:.5rem;display:flex}.toolbar-create-btn{cursor:pointer;background:var(--button-bg);transition:var(--basic-transition);border:none;border-radius:4px;padding:.5rem 1rem;font-weight:700}.toolbar-create-btn:hover{background:var(--button-hover-bg)}