.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sticky-note{background-color:gold;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin:5px;padding:10px}.board-container{height:100vh;overflow:hidden;width:100%}.notes-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:20px}.MuiFab-root{bottom:24px!important;box-shadow:0 4px 20px #0000004d!important;height:56px!important;margin:0!important;min-height:56px!important;min-width:56px!important;position:fixed!important;right:24px!important;transform:none!important;width:56px!important;z-index:1200!important}@media (max-width:768px){.MuiFab-root{bottom:16px!important;box-shadow:0 6px 20px #0006!important;position:fixed!important;right:16px!important}}@media (max-width:375px){.MuiFab-root{bottom:12px!important;height:48px!important;min-height:48px!important;min-width:48px!important;right:12px!important;width:48px!important}.MuiFab-root svg{height:24px!important;width:24px!important}}@supports (-webkit-touch-callout:none){.MuiFab-root{bottom:calc(16px + env(safe-area-inset-bottom))!important}}main.MuiBox-root{overflow:visible!important}@media (max-width:768px){.MuiToggleButton-root .MuiBox-root{display:none!important}.MuiToggleButton-root{min-height:44px!important;min-width:44px!important;padding:8px!important}.MuiToggleButton-root svg{height:24px!important;width:24px!important}}.MuiButton-root,.MuiFab-root,.MuiIconButton-root,.MuiListItemButton-root,.MuiToggleButton-root{-webkit-tap-highlight-color:rgba(0,0,0,.1);min-height:44px!important;min-width:44px!important;touch-action:manipulation}@media (max-width:768px){.sticky-note{padding-top:32px!important}.sticky-note .drag-handle{min-height:32px!important;padding:8px!important}.sticky-note button{min-height:36px!important;min-width:36px!important}.MuiBottomNavigation-root{padding-bottom:env(safe-area-inset-bottom)!important}main.MuiBox-root{padding-bottom:80px!important}.MuiFab-root:after{border:2px dashed red;bottom:-4px;content:"";display:none;left:-4px;pointer-events:none;position:absolute;right:-4px;top:-4px}}.MuiFab-root{cursor:pointer!important;pointer-events:auto!important}.MuiSnackbar-root{bottom:80px!important;z-index:1100!important}@media (max-width:768px){.MuiSnackbar-root{left:16px!important;right:16px!important;width:auto!important}.MuiSnackbar-anchorOriginBottomCenter,.MuiSnackbar-root{bottom:80px!important}}.MuiCard-root,.MuiDialog-root,.MuiPaper-root{z-index:auto!important}.board-container,.notes-container{overflow:visible!important;position:relative;z-index:1}@media (max-width:768px){.MuiFab-root{transition:box-shadow .2s ease-in-out!important}@media (prefers-reduced-motion:reduce){.MuiFab-root{transition:none!important}}}@media (max-width:768px){.MuiAppBar-root .MuiToolbar-root{min-height:56px!important;padding-left:8px!important;padding-right:8px!important}.MuiAppBar-root .MuiToggleButtonGroup-root{-ms-overflow-style:none;max-width:calc(100vw - 200px)!important;overflow-x:auto!important;scrollbar-width:none}.MuiAppBar-root .MuiToggleButtonGroup-root::-webkit-scrollbar{display:none}.MuiAppBar-root .MuiToggleButton-root{font-size:.75rem!important;min-height:36px!important;min-width:36px!important;padding:6px 8px!important;white-space:nowrap!important}.MuiAppBar-root .MuiToggleButton-root svg{height:20px!important;width:20px!important}}@media (max-width:375px){.MuiAppBar-root .MuiToolbar-root{padding-left:4px!important;padding-right:4px!important}.MuiAppBar-root .MuiTypography-h6{font-size:1rem!important;max-width:120px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.MuiAppBar-root .MuiToggleButtonGroup-root{max-width:calc(100vw - 160px)!important}.MuiAppBar-root .MuiToggleButton-root{min-height:32px!important;min-width:32px!important;padding:4px 6px!important}}@media (max-width:768px){.MuiDrawer-paper{max-width:85vw!important;width:min(280px,calc(100vw - 60px))!important}.MuiDrawer-paper .MuiList-root{padding-bottom:8px!important;padding-top:8px!important}.MuiDrawer-paper .MuiListItem-root{padding-left:16px!important;padding-right:16px!important}.MuiDrawer-paper .MuiListItemButton-root{min-height:48px!important;padding:12px 16px!important}.MuiDrawer-paper .MuiListItemText-primary{font-size:.9rem!important}.MuiButton-root,.MuiIconButton-root,.MuiToggleButton-root{box-sizing:border-box!important;max-width:calc(100vw - 32px)!important}.horizontal-scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto!important;scrollbar-width:thin}main.MuiBox-root{margin-top:56px!important;min-height:calc(100vh - 56px)!important;padding-bottom:100px!important}.scrollable-content{max-height:calc(100vh - 136px)!important;overflow-y:auto!important}.MuiButton-root,.MuiChip-root,.MuiFab-root,.MuiIconButton-root,.MuiListItemButton-root,.MuiToggleButton-root{min-height:44px!important;min-width:44px!important;position:relative!important}.MuiIconButton-root:before,.MuiToggleButton-root:before{content:"";height:44px;left:50%;min-height:44px;min-width:44px;position:absolute;top:50%;transform:translate(-50%,-50%);width:44px;z-index:-1}*{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.MuiButton-root:focus,.MuiIconButton-root:focus,.MuiToggleButton-root:focus{outline:2px solid #3f51b5!important;outline-offset:2px!important}.MuiButton-root,.MuiFab-root,.MuiIconButton-root,.MuiToggleButton-root{-webkit-tap-highlight-color:rgba(63,81,181,.2)!important}.MuiTypography-h4{font-size:1.5rem!important}.MuiTypography-h5{font-size:1.25rem!important}.MuiTypography-h6{font-size:1.1rem!important}.MuiTypography-body1{font-size:.9rem!important}.MuiTypography-body2{font-size:.8rem!important}.sticky-note{margin:4px!important;min-height:120px!important;min-width:160px!important;padding:12px!important}.sticky-note .note-content{font-size:.9rem!important;line-height:1.4!important}.sticky-note .note-actions{gap:8px!important;padding:8px!important}.sticky-note .note-actions button{min-height:36px!important;min-width:36px!important;padding:6px!important}[data-rbd-droppable-id=mobile-notes-list] .MuiPaper-root[data-note-id]{box-sizing:border-box!important;height:auto!important;left:auto!important;margin:0!important;max-width:none!important;min-height:120px!important;position:static!important;top:auto!important;transform:none!important;width:100%!important;z-index:auto!important}[data-rbd-droppable-id=mobile-notes-list] .note-actions{opacity:1!important}[data-rbd-droppable-id=mobile-notes-list] .MuiPaper-root[data-note-id][style*=transform]{box-shadow:0 8px 20px #00000026!important;transform:rotate(2deg)!important}.MuiDialog-paper{margin:16px!important;max-height:calc(100vh - 32px)!important;max-width:calc(100vw - 32px)!important;width:calc(100vw - 32px)!important}.MuiDialog-paper .MuiDialogTitle-root{font-size:1.1rem!important;padding:16px!important}.MuiDialog-paper .MuiDialogContent-root{padding:8px 16px!important}.MuiDialog-paper .MuiDialogActions-root{gap:8px!important;padding:8px 16px 16px!important}.MuiSnackbar-root{bottom:100px!important;left:16px!important;right:16px!important;width:auto!important}.MuiSnackbarContent-root{max-width:none!important;padding:12px 16px!important}.MuiSnackbarContent-message{font-size:.9rem!important}}.debug-mobile-boundaries *{outline:1px dashed #ff00004d!important}.debug-mobile-boundaries .MuiAppBar-root{outline:2px solid red!important}.debug-mobile-boundaries .MuiDrawer-paper{outline:2px solid blue!important}.debug-mobile-boundaries main{outline:2px solid green!important}@supports (padding:max(0px)){@media (max-width:768px){.MuiAppBar-root{padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}.MuiFab-root{bottom:max(16px,env(safe-area-inset-bottom))!important;right:max(16px,env(safe-area-inset-right))!important}main.MuiBox-root{padding-bottom:max(100px,calc(100px + env(safe-area-inset-bottom)))!important;padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}}}@media (max-width:768px){.MuiBox-root[style*="position: absolute"]{position:static!important}.MuiPaper-root[style*=width][style*=height]{height:auto!important;min-height:120px!important;width:auto!important}.force-mobile-reset{height:auto!important;left:auto!important;position:static!important;top:auto!important;transform:none!important;z-index:auto!important}.force-mobile-reset,[data-rbd-draggable-id],[data-rbd-draggable-id]>div{width:100%!important}}