header{background-color:var(--accent-color)}header>nav{height:6rem;padding:0 3.2rem;display:flex;justify-content:space-between;align-items:center}header>nav button{padding:.8rem;background-color:transparent}.logo-wrapper:hover>:is(h1,img){opacity:.8}.header-icon{filter:invert(100%) sepia(7%) saturate(0%) hue-rotate(32deg) brightness(107%) contrast(107%)}.header-icon:hover{opacity:.8}.logo-text{font-size:large;color:#fff;letter-spacing:.5px}.nav-link{color:#fff}.nav-link:hover{color:#fff;opacity:.8}.logout-btn{border:1px solid white}@media (max-width: 720px){.logout-btn{border:1px solid transparent!important}.logout-btn>span{display:none}}.context-modal-root{position:fixed;inset:0;height:100%;height:var(--100vh);display:grid;display:none;place-content:center;user-select:none;z-index:999}.context-modal-background{position:absolute;inset:0;user-select:none}@media (prefers-color-scheme: dark){.context-modal-container{background-color:#202020!important}}.context-modal-container{position:absolute;width:auto;width:max-content;max-height:100%;max-width:100%;border-radius:5px;background-color:#fff;padding:.1rem;box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px;overflow:hidden}.modal-root{position:fixed;inset:0;height:var(--100vh);display:grid;display:none;place-content:center;user-select:none;z-index:999}.modal-background{position:absolute;inset:0;background-color:#00000080;user-select:none}@media (prefers-color-scheme: dark){.modal-container{background-color:#202020!important}}@media (orientation: landscape){.modal-container{width:55ch!important;left:0!important;right:0!important;margin:0 auto}}.modal-container{position:absolute;top:calc(var(--nav-height) - 5px);left:5vw;width:90vw;max-height:100%;max-width:100%;border-radius:5px;background-color:#fff;padding:1.5rem;margin-top:10%;box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px;overflow:hidden}.modal-container textarea{resize:vertical}.loading{display:inline-block;width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}aside{background:var(--soft-background-color);border-right:1px solid var(--soft-border-color);height:100%;transition:"width 0.3s ease-out"}@media (max-width: 720px){aside{position:absolute;top:0;left:0;bottom:0;z-index:995}.main-wrapper.dashboard{margin-left:55px;min-height:0}.board-column-content{min-width:22ch!important}}.home-h2{font-size:6rem;font-weight:600;text-align:center}.home-p{font-size:medium}.home-btn{border-radius:1rem;background-color:var(--accent-color);padding:1.6rem;color:#fff}.home-btn:hover{background-color:var(--accent-color-hover)}.login-content-wrapper{width:100%;margin-top:5%;display:flex;justify-content:center}.login-signup-wrapper{background-color:var(--soft-background-color);border:1px solid var(--soft-border-color);border-radius:5px;display:flex;flex-direction:column;min-width:26ch;width:36ch;box-shadow:#00000029 0 1px 4px}.tab-select{display:flex;flex-direction:row;justify-content:center;width:100%}.tab-select>div{width:100%}.tab-select :is(input,label){display:none}.tab-select input:checked~button{border-bottom:2px solid var(--accent-color)}.tab-select button{width:100%;border-radius:5px 5px 0 0;padding:1rem;white-space:nowrap}.login-tab,.signup-tab{width:100%;padding:1.6rem}:is(.login-tab,.signup-tab)>*{width:100%;margin:1rem 0}form{border:1px solid var(--soft-border-color);border-radius:5px;padding:1.6rem;display:flex;flex-direction:column;gap:1rem}form input{padding:1rem}form button[type=submit]{padding:1rem 2rem;background-color:var(--accent-color);color:#fff}.anonymous-login-btn{display:flex;justify-content:center;gap:1rem;color:#fff;background-color:#000;padding:1.2rem}.anonymous-login-btn>img{filter:invert(100%) sepia(7%) saturate(0%) hue-rotate(32deg) brightness(107%) contrast(107%)}.drag-container{position:fixed;left:0;top:0;z-index:1000}.board{position:relative;min-height:var(--100vh)}.board-column{position:absolute;left:0;top:0;padding:0 10px;min-width:calc(100% / 3);z-index:1;display:inline-block;margin-top:1.6rem}.board-column.muuri-item-releasing{z-index:2}.board-column.muuri-item-dragging{z-index:3;cursor:move}.board-column-container{position:relative;width:100%;height:100%}.board-column-header{position:relative;height:50px;line-height:50px;overflow:hidden;padding-left:1.6rem;padding-right:.8rem;text-align:center;background:#333;color:#fff;border-radius:5px 5px 0 0;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.board-column-content-wrapper{position:relative;padding:8px;background:#f0f0f0;height:calc(100vh - 90px);height:auto;border-radius:0 0 5px 5px;user-select:none;-webkit-user-select:none}.board-column-content{position:relative;min-height:100%;min-height:12rem;height:auto;min-width:25ch;user-select:none;-webkit-user-select:none}.board-item{position:absolute;width:calc(100% - 16px);margin:8px;color:#000}.board-item:hover{box-shadow:inset 0 0 13px #fff,inset 10px 0 20px #f0f,inset -10px 0 20px #0ff,inset 10px 0 75px #f0f,inset -10px 0 75px #0ff,0 0 13px #fff,-5px 0 20px #f0f,5px 0 20px #0ff}.board-item.muuri-item-releasing{z-index:9998}.board-item.muuri-item-dragging{z-index:9999;cursor:move;box-shadow:inset 0 0 13px #fff,inset 10px 0 20px #f0f,inset -10px 0 20px #0ff,inset 10px 0 75px #f0f,inset -10px 0 75px #0ff,0 0 13px #fff,-5px 0 20px #f0f,5px 0 20px #0ff}.board-item.muuri-item-hidden{z-index:0}.board-item-content{position:relative;padding:20px;background:#fff;border-radius:4px;font-size:17px;cursor:pointer;-webkit-box-shadow:0px 1px 3px 0 rgba(0,0,0,.2);box-shadow:0 1px 3px #0003;font-size:1.4rem;text-align:left}@media (max-width: 600px){.board-item-content span{display:none}}.delete-item-btn{background:white}.delete-item-btn>img{opacity:.5}.delete-item-btn:before{content:"";position:absolute;inset:0;border:2px solid red;opacity:.5;border-radius:100%}.delete-item-btn:is(:hover,:active,:focus):before{opacity:1}.delete-item-btn:is(:hover,:active,:focus)>img{opacity:1}.delete-item-btn{display:none}.board-item:is(:hover,:active,:focus)>.delete-item-btn,.delete-item-btn:is(:hover,:active,:focus){display:block}@media (max-width: 720px){.delete-item-btn{display:block!important}}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:theme("borderColor.DEFAULT",currentColor)}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:theme("fontFamily.sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji")}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:theme("fontFamily.mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:theme("colors.gray.400",#9ca3af)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:62.5%;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--button-text-color: rgb(58,59,68);--button-text-color-dark: rgb(250,250,252);--button-text-color-hover: rgb(39, 40, 46);--button-text-color-hover-dark: rgb(215, 214, 214);--link-text-color: #326fea;--link-text-color-hover: #2c69e2;--accent-color: #8630ef;--accent-color-dark: #8630ef;--accent-color-hover: #914de3;--text-color: rgb(58,59,68);--text-color-dark: rgb(250,250,252);--border-color: #aaaaaf;--border-color-dark: #aaaaaf;--soft-border-color: rgb(234,234,237);--soft-border-color-dark: rgb(90,91,98);--soft-background-color: rgb(250,250,252);--soft-background-color-dark: rgb(42,43,53);--background-color: white;--background-color-dark: rgb(26,26,35);--100vh: calc(var(--vh, 1vh) * 100)}body{min-height:100vh;min-height:var(--100vh);margin:0;padding:0;font-size:1.6rem;background-color:var(--background-color)}#root{height:100%;width:100%}.App{height:100%;width:100%;display:flex;flex-direction:column;overflow-x:hidden;text-align:center}.main-wrapper{padding:2rem;flex-grow:1;background-color:var(--background-color);height:100%;min-height:var(--100vh)}main{min-width:260px;max-width:640px;margin:0 auto;min-height:100%;height:100%;text-align:center;display:flex;justify-content:center;align-items:start}h1{font-size:3.2rem;line-height:1.1}h2{font-size:2.8rem;line-height:1.1;padding:1rem;text-align:left}a{font-weight:500;color:#646cff;color:var(--link-text-color);text-decoration:inherit}a:hover{color:#535bf2;color:var(--link-text-color-hover)}button{color:var(--button-text-color);border-radius:6px}button:hover{color:var(--button-text-color-hover)}footer{background-color:var(--soft-background-color);border-top:1px solid var(--soft-border-color);height:6rem}.code{background:#fafafa;background:var(--soft-background-color);border-radius:5px;padding:.8rem;font-size:1.1rem;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;place-items:center;white-space:nowrap;display:flex;width:auto;justify-content:center;align-items:center}.white{filter:invert(100%) sepia(7%) saturate(0%) hue-rotate(32deg) brightness(107%) contrast(107%)}.filter-white{filter:none}.filter-red{filter:invert(24%) sepia(90%) saturate(6804%) hue-rotate(357deg) brightness(105%) contrast(126%)}@media (prefers-color-scheme: dark){:root{--button-text-color: var(--button-text-color-dark) !important;--button-text-color-hover: var(--button-text-color-hover-dark) !important;--accent-color: var(--accent-color-dark) !important;--text-color: var(--text-color-dark) !important;--border-color: var(--border-color-dark) !important;--soft-border-color: var(--soft-border-color-dark) !important;--soft-background-color: var(--soft-background-color-dark) !important;--background-color: var(--background-color-dark) !important}.filter-white{filter:invert(100%) sepia(7%) saturate(0%) hue-rotate(32deg) brightness(107%) contrast(107%)}}@media (min-width: 1024px){main{max-width:1025px!important}}@media (min-width: 3840px){main{max-width:3840px!important}:root{font-size:82.5%}}.disable-scroll{overflow:hidden}form *:is(p,label,input,textarea){color:var(--text-color)!important}hr{color:var(--text-color)}