*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:1024px;min-height:768px;color:#1a1a1a;background:#f5f0e8}#root{min-width:1024px;min-height:768px;height:100vh}.sticky-note{position:absolute;display:flex;flex-direction:column;border-radius:4px;box-shadow:0 2px 8px #00000026,0 1px 2px #0000001a;overflow:hidden;touch-action:none}.sticky-note--dragging,.sticky-note--resizing{box-shadow:0 8px 24px #0003;cursor:grab;-webkit-user-select:none;user-select:none}.sticky-note--dragging{cursor:grabbing}.sticky-note__header{flex-shrink:0;height:28px;padding:4px 8px;cursor:grab;display:flex;align-items:center;background:#0000000f}.sticky-note__header:active{cursor:grabbing}.sticky-note__grip{width:16px;height:4px;border-radius:2px;background:#0003}.sticky-note__content{flex:1;min-height:0;margin:0;padding:10px;border:none;resize:none;background:transparent;font:inherit;color:inherit;line-height:1.4;outline:none}.sticky-note__content::placeholder{color:#00000059}.sticky-note__resize-handle{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.12) 50%)}.sticky-note__resize-handle:hover{background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.2) 50%)}.trash-zone{position:fixed;bottom:24px;right:24px;width:120px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#0000000f;border:2px dashed rgba(0,0,0,.2);border-radius:8px;color:#00000080;font-size:.85rem;transition:background .15s,border-color .15s,color .15s;pointer-events:none;z-index:1000}.trash-zone--active{background:#dc26261f;border-color:#dc262680;color:#b91c1c}.trash-zone__icon{font-size:1.5rem}.trash-zone__label{font-weight:500}.app{min-width:1024px;min-height:768px;height:100vh;display:flex;flex-direction:column;background:#f5f0e8}.app__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000000a}.app__title{margin:0;font-size:1.5rem;font-weight:600;color:#1a1a1a;letter-spacing:-.02em}.app__add{padding:8px 16px;font-size:.9rem;font-weight:500;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.app__add:hover{background:#1d4ed8}.app__add:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.app__board{flex:1;position:relative;overflow:hidden}