@import"https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";@import"https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap";:root{--background-color: #1e1e2f;--lane-background-color: #29293a;--text-color: #cfcfcf;--input-background-color: #33334d;--button-background-color: #4e4e73;--button-hover-color: #6b6bb7;--button-outline: none}ul{list-style-type:none;padding-inline-start:0px}button{outline:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}*{outline:none;border-style:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}*:focus{outline:none;border-style:none}*:active{outline:none;border-style:none}button:focus{outline:none;box-shadow:none;outline-offset:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--background-color);color:var(--text-color);position:fixed;width:100%;height:100vh;background-attachment:fixed;overflow:hidden;display:flex;flex-direction:column}.app{font-family:Cabin,sans-serif;letter-spacing:1pt;padding:10px;box-sizing:border-box;width:100vw;max-height:calc(100vh - 40px);position:relative;left:0;top:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(126,126,131,.233) #1e1e2f}.header-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;vertical-align:middle;text-align:left;width:fit-content;gap:40px}.updated-date-container{position:fixed;right:30px}.input-field{width:160px}.input-field-short{width:100px}.read-only-banner{position:fixed;bottom:0;width:100%;font-size:10pt;height:25px;background-color:#626627;left:0;text-align:center;line-height:25px}.sync-indicator-light{width:6px;height:6px;background-color:#d6154f;position:absolute;top:16px;left:14px;border-radius:50%;z-index:7000;filter:drop-shadow(0px 0px 3px rgb(192,34,95))}.form-container{display:flex;flex-direction:row;gap:20px;position:fixed;justify-content:space-between;top:0;left:0;width:100%;margin:10px;height:50px}.form input,.form select{padding:5px;margin-right:10px;background-color:var(--input-background-color);border:none;color:var(--text-color);font-family:Cabin,sans-serif}.project-header{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.project-title{font-size:22px;font-weight:800;color:#dad9e4;cursor:pointer;display:inline-flex;margin-top:40px;align-items:center;-webkit-user-select:none;user-select:none}.project-selection-button{width:100%;height:45px;display:flex;justify-content:space-between}.selection-modal-no-projects{width:100%;display:flex;text-align:center;justify-content:center}.edit-title-icon{font-size:20px;color:#a0a0c0;margin-left:10px}.edit-title-icon:hover{color:#fff}.project-title-input{font-size:20px;height:40px;box-sizing:border-box;font-weight:700;color:#ececec;background-color:#33334d;border:none;padding:8px;margin-top:20px;border-radius:5px;min-width:400px;width:fit-content;outline:none;letter-spacing:1pt;font-family:Cabin,sans-serif}.new-task-form{width:calc(100% - 20px);display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:right;position:fixed;bottom:0;left:0;margin:10px}.new-task-form input,.new-task-form select{padding:5px;margin-right:10px;background-color:var(--input-background-color);border:none;color:var(--text-color);font-family:Cabin,sans-serif}.new-task-form-select{width:fit-content;height:50px;flex-grow:.5;font-size:12pt;outline:none;border-radius:4px}.new-task-form-input{outline:none;box-sizing:border-box;height:50px;font-size:12pt;border-radius:4px;flex-grow:3}.new-task-form-button{outline:none;padding:5px 40px;box-sizing:border-box;height:50px;margin:0;border-radius:5px;background-color:#096088;border:none;font-size:12pt;text-transform:uppercase;letter-spacing:1pt;color:var(--text-color);cursor:pointer;transition:all .5s}.new-task-form-button:hover{color:#fff;background-color:#297ba1}.mobile-responsive-text{display:flex;justify-content:center;align-items:center;width:100%;overflow:visible;text-align:center;margin-top:60px;padding:0 20px;box-sizing:border-box;font-family:Cabin,sans-serif;font-size:16pt}.task-description{resize:vertical!important;scrollbar-width:thin;scrollbar-color:rgba(126,126,131,.233) #1e1e2f}.remaining-days{display:flex;justify-content:end;flex-direction:column}.start-task-button{padding:5px 15px;height:40px;width:120px;margin-right:30px;background-color:var(--input-background-color);border:none;color:var(--text-color);font-family:Cabin,sans-serif;transition:all .3s}.start-task-button:hover{background-color:#1d7042;color:#fff}.button-disabled{opacity:.5;cursor:default;pointer-events:none}.start-button-disabled{opacity:.5;color:#adff2f;cursor:default;pointer-events:none}.resolved-tasks{margin-top:20px}.resolved-tasks h2{color:#333}.resolved-tasks ul{list-style-type:none;padding:0;margin:none}.resolved-tasks li{margin-bottom:10px;padding-bottom:10px}.task-color-indicator{position:absolute;top:0;left:0;width:20px;height:100%;border-radius:8px 0 0 8px;margin-right:0;border:none}.task-number{font-weight:700;color:#a0a0ff}.resolved-task{position:relative;display:flex;flex-direction:column;margin-bottom:15px;padding:5px 10px 10px 30px;background-color:#35354f;border-radius:8px;color:#e0e0f8;margin-right:5px}.resolved-task p{margin:5px 0}.animate-resolved{-webkit-animation:bounce-top .9s both;animation:bounce-top .9s both}.resolved-tasks-list{list-style-type:none;margin-left:0;max-height:460px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cfcfcf54 #1e1e2f}.resolved-task-started{font-size:9pt;background-color:#89740b;padding:5px;color:#fff;border-radius:4px}.resolved-task-finished{font-size:9pt;background-color:#36634a;padding:5px;color:#fff;border-radius:4px}.resolved-task-header{font-size:14pt;font-weight:800}.resolved-complexity{background-color:#e9e9e9;color:#1e1e2f;font-weight:800;height:20px;display:flex;justify-content:center;align-items:center;margin-top:0;width:20px;box-sizing:border-box;text-align:center;border-radius:50%;font-size:9pt;margin-right:10px;cursor:default}.week-slider-container{display:flex;align-items:center;justify-content:space-between;width:100%}.week-slider{width:70vw;margin:0 15px;accent-color:#6b6bb7}.week-slider-label{font-size:12px;font-weight:700;color:#e0e0f8;line-height:18px;cursor:pointer;text-align:center}.lane-header{height:40px;display:flex;align-items:center;vertical-align:middle}.move-lane-up,.move-lane-down{background-color:transparent;padding:0;border:none;border-radius:8px}.move-lane-down:hover,.move-lane-up:hover{background-color:#383838}.delete-project-button{position:absolute;top:30px;right:90px;background:transparent;color:#fff;border:none;border-radius:4px;cursor:pointer}.delete-project-button:hover{color:#e63e3e}.delete-status-button{background-color:transparent;padding:0;margin:0;border:none}.share-project-button{position:absolute;top:30px;right:150px;background:transparent;color:#fff;border:none;border-radius:4px;cursor:pointer}.share-project-button:hover{color:#e63e3e}.selection-background-svg-container{position:fixed;width:100vw;height:100vh;left:0;bottom:0;z-index:-1;display:flex;justify-content:space-between;align-items:end}.right-man{position:fixed;bottom:0;left:80px}.left-man{position:fixed;bottom:0;right:80px}.edit-task-description{background-color:#333;min-height:200px;width:100%;box-sizing:border-box;height:fit-content;overflow:auto;border-radius:4px;direction:ltr;scrollbar-width:thin}.edit-task-description-full{background-color:#333;min-height:60vh;width:100%;box-sizing:border-box;height:fit-content;overflow:auto;border-radius:4px;direction:ltr;scrollbar-width:thin}.task-description-toolbar{width:40%;background-color:transparent;display:flex;justify-content:space-between;margin-bottom:10px;margin-top:5px}.toolbar-button{background-color:transparent;padding:0;line-height:20px;height:20px;outline:none!important;border:none}.toolbar-button:hover{background-color:#444444be;padding:0;outline:none;border:none}.scrollable-modal-area{overflow-y:auto;border-top:1px solid rgba(148,112,148,.26);border-bottom:1px solid rgba(148,112,148,.26);padding-top:10px;padding-bottom:20px;margin-bottom:10px;scrollbar-color:#d6b6f32f #1e1e2f;scrollbar-width:thin}.scrollable-modal-area-noborder{overflow-y:auto;max-height:50vh;padding-top:10px;padding-bottom:20px;margin-bottom:10px;scrollbar-color:#d6b6f32f #1e1e2f;scrollbar-width:thin}.empty-state-container{width:100%;height:100%;display:flex;flex-direction:column;margin-top:40px;justify-content:top;align-items:center}.collaborator-row{width:fit-content;gap:10px;display:flex;justify-content:space-between}.collaborator-group{display:flex;flex:row;flex-wrap:wrap;margin:10px;padding:0;gap:10px}.collaborator-chiclet{font-size:10pt;list-style:none;padding:4px 5px;background-color:#523a55;border-radius:4px;-webkit-user-select:none;user-select:none}.form button{padding:5px 10px;background-color:var(--button-background-color);border:none;font-size:10pt;color:var(--text-color);cursor:pointer;outline:none}.form button:active{outline:none}.form button:hover{outline:none;background-color:var(--button-hover-color)}.menu-button{margin-top:10px;cursor:pointer}.lane-container{display:flex;flex-direction:column;gap:10px;height:calc(100vh - 155px);overflow-y:auto;padding-bottom:20px;scrollbar-width:thin;scrollbar-color:#cfcfcf54 #1e1e2f}.lane-container-read-only{display:flex;flex-direction:column;gap:10px;height:calc(100vh - 100px);margin-top:40px;overflow-y:auto;padding-bottom:0;scrollbar-width:thin;scrollbar-color:#cfcfcf54 #1e1e2f}.lane-container-inner{width:fit-content;min-width:calc(100vw - 20px);margin-top:0}.lane-title{width:fit-content;text-align:left;margin-bottom:5px;padding-left:10px;margin-top:5px;height:38px;line-height:38px;-webkit-user-select:none;user-select:none}.lane-controls{width:40px;height:20px;display:flex}.move-button-disabled{opacity:.1}.task-active-indicator{width:5px;height:100%;border-radius:4px 0 0 4px;background-color:#adff2f;position:absolute;left:0;top:0}.confirm-lane-yes-button,.confirm-lane-no-button{padding:2px 16px;border-radius:4px;border:none;cursor:pointer;font-weight:700}.confirm-lane-yes-button{background-color:#ff6b6b;color:#fff}.confirm-lane-yes-button:hover{background-color:#e63e3e}.confirm-lane-no-button{background-color:#a0a0c0;color:#33334d;margin-right:10px}.confirm-lane-no-button:hover{background-color:#cfcfcf;border:none}.delete-lane-button{background:none;border:none;cursor:pointer;padding:0;margin-left:10px;outline:none;display:flex;align-items:center}.delete-lane-button:hover svg{fill:#ff6b6b;border-style:none;outline:none;border:none}.share-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;margin-left:10px}.share-button:hover{background-color:#45a049}.logout-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:4001}.logout-modal{background:var(--input-background-color);padding:20px;border-radius:10px;width:300px;box-shadow:0 4px 20px #0003;font-family:Cabin,sans-serif}.logout-modal-content{text-align:center}.logout-modal-text{font-size:18px;margin-bottom:20px;color:#e7e7e7}.logout-modal-buttons{display:flex;justify-content:space-around}.logout-confirm-button,.logout-cancel-button{padding:10px 20px;cursor:pointer;border:none;border-radius:5px;font-weight:700;font-size:14px}.logout-confirm-button{background-color:#d9534f;color:#fff;transition:background-color .3s ease}.logout-confirm-button:hover{background-color:#c9302c}.logout-cancel-button{background-color:#aaa;color:#242424;transition:background-color .3s ease}.logout-cancel-button:hover{background-color:#979797}.lane-wrapper{display:flex;flex-direction:column;padding:5px 5px 10px;border-radius:4px;min-height:90px;transition:all .3s ease;scrollbar-width:thin;scrollbar-color:rgba(126,126,131,.233) #1e1e2f;scrollbar-gutter:stable both-edges}.view-mode-toggle{text-align:center;margin-bottom:20px}.toggle-button{padding:10px 20px;font-size:16px;font-weight:700;color:#fff;background-color:#4e4e73;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.toggle-button.active{background-color:#6b6bb7}.tooltip{box-sizing:border-box;position:absolute;background:linear-gradient(to bottom left,#1e1e2f,#33334d);color:#cfcfcf;padding:20px;border-radius:4px 0 0 4px;box-shadow:0 2px 10px #00000080;font-size:14px;white-space:nowrap;z-index:4001;height:fit-content;max-height:70vh;width:660px;text-wrap:wrap;top:70px;right:0;transform:translate(-0%);gap:10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(126,126,131,.233) #1e1e2f;scrollbar-gutter:stable both-edges}.tiny-footnote{font-size:10px;color:#b1b1af;padding:0;margin:0;width:100%;text-align:right}.task-fullscreen{box-sizing:border-box;position:absolute;background-color:#33334d;color:#cfcfcf;padding:20px;border-radius:4px;box-shadow:0 2px 10px #00000080;font-size:14px;white-space:nowrap;z-index:4001;height:fit-content;max-height:70vh;width:660px;text-wrap:wrap;top:70px;right:0;transform:translate(-0%);gap:10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(126,126,131,.233) #1e1e2f;scrollbar-gutter:stable both-edges}.tooltip-title{font-weight:800;font-size:18pt;max-width:100%;margin-bottom:20px;flex-grow:3;z-index:4004}.tooltip-description-break{border-bottom:1px solid #4e4e73;height:5px;margin-bottom:20px}.tooltip-description{white-space:pre-wrap;margin-top:40px!important;border:none!important}.tooltip-footer{font-size:10pt;color:#9c9c9c}.tooltip-title-row{display:flex;flex-direction:column;gap:10px;z-index:4004}.tooltip-complexity{background-color:#e9e9e9;color:#1e1e2f;font-weight:800;height:20px;z-index:4004;display:flex;justify-content:center;align-items:center;margin-top:0;width:20px;box-sizing:border-box;text-align:center;border-radius:50%;font-size:9pt;margin-right:10px;cursor:default}.tooltip-assignment{margin-top:0;margin-right:10px;font-size:10pt;z-index:4004}.tooltip-status{z-index:4004;width:fit-content;flex-grow:0;height:fit-content;font-size:10pt;border-radius:4px;padding:4px 8px;margin-top:10px}.tooltip-link{margin-left:20px;font-size:10pt;cursor:pointer;text-decoration:underline;color:#297ba1}.tooltip-accent{position:absolute;top:30px;z-index:4002;width:calc(100% + 20px);left:-10px}.floating-locked-button{display:none}.tooltip-accent-top{position:absolute;top:0;z-index:4002;width:calc(100% + 20px);left:-10px;height:30px;background-color:#3a3a4e88}.tooltip-edit-task{font-size:10pt;cursor:pointer;text-decoration:underline;line-height:10px;margin-top:10px}.tooltip-active{position:absolute;height:4px;border-radius:4px 0 0;width:660px;background-color:#45a049;top:70px;right:0;overflow-y:hidden;z-index:4003}.pinned-task{position:absolute;top:10px;left:0;z-index:4004}.tasks{display:flex;gap:10px;overflow-x:auto;list-style-type:none;padding:0;margin:0;width:auto;scrollbar-width:none}.task{padding:10px;border-radius:4px;cursor:grab;font-size:14px;font-weight:500;min-width:10px;text-align:center;box-shadow:0 2px 4px #0000001a;-webkit-user-select:none;user-select:none;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task:hover{filter:brightness(1.1)}.task-content{display:flex;justify-content:space-between;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis ellipsis}.edit-task-modal-overlay{position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:transparent;top:0;left:0;padding:none;z-index:6000}.edit-task-modal-overlay-menu{position:fixed;background-color:#2c2c33c4;display:flex;flex-direction:row;gap:2px;justify-content:right;align-items:center;width:100vw;height:100vh;top:0;left:0;padding:none;z-index:6000}.thin-div{height:100%;width:2px;background-color:#d6d6d6}.project-menu{height:100%;width:66vw;max-width:700px;background-color:#29293a;position:relative;overflow:hidden}.rectangle1{position:absolute;bottom:40px;left:-20px;height:80px;width:200px;border-radius:8px;background-color:#7070a8;opacity:.1;pointer-events:none}.rectangle2{position:absolute;bottom:480px;left:-20px;height:80px;width:480px;border-radius:8px;opacity:.1;background-color:#bda434;pointer-events:none}.rectangle3{position:absolute;bottom:200px;left:540px;height:80px;width:200px;border-radius:8px;background-color:#70a897;opacity:.1;pointer-events:none}.project-menu-content{display:flex;flex-direction:column;height:100vh;box-sizing:border-box;justify-content:space-evenly;padding:100px 0 0}.project-selection-button-hero{width:100%;height:fit-content;display:flex;background-color:transparent;font-size:14pt;gap:20px;letter-spacing:1px;justify-content:left;align-items:center;padding:5px 70px;border-radius:0;color:#e0e0f8;overflow:hidden;outline:none!important;border:none!important;transition:all .2s}.project-selection-button-hero:hover{background-color:#1414149a;color:#d6d6d6}.modal-header-hero{font-size:20pt;font-weight:800;color:#d6d6d6;margin-bottom:10px;text-align:left;text-transform:uppercase;letter-spacing:4px;padding-left:50px}.project-list-hero{display:flex;flex-direction:column;gap:20px;height:100%;padding:40px 0;margin-bottom:20px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(126,126,131,.233) #1e1e2f}.new-project-button-hero{background-color:transparent;border:none;color:#d6d6d6;font-size:18pt;padding:60px 20px;letter-spacing:4px;cursor:pointer;border-radius:0;outline:none!important;border:none!important;transition:background-color .4s ease}.project-menu-accent{position:absolute;top:0;width:110%;height:0px;background-color:#e9967a}.new-project-button-hero:hover{background-color:#096088;color:#eee}.modal{position:relative;background-color:#2b2b40;padding:30px;border-radius:10px;box-shadow:0 4px 20px #000000b3;z-index:1000;min-height:400px;max-height:90vh;min-width:600px;max-width:600px;z-index:9999;scrollbar-width:none;font-family:Cabin,sans-serif}.modal-auth-terms{position:relative;background-color:#2b2b40;padding:30px;border-radius:10px;box-shadow:0 4px 20px #000000b3;z-index:1000;min-height:400px;max-height:90vh;min-width:600px;max-width:600px;z-index:9999;overflow-y:auto;scrollbar-width:none;font-family:Cabin,sans-serif}.modal-content{display:flex;flex-direction:column;min-height:400px;justify-content:space-between}.modal-row-container{display:flex;flex-direction:row;max-width:100%;justify-content:space-between}.modal-row-container-collapsed{display:flex;flex-direction:row;align-items:center}.modal-header{font-size:22px;font-weight:700;color:#e0e0f8;margin-bottom:10px;text-align:left;display:flex;align-items:center;gap:10px;min-height:40px;max-width:70%}.context-menu{position:absolute;background-color:#2b2b40;padding:15px;border-radius:8px;box-shadow:0 4px 20px #000000b3;min-width:200px;max-width:300px;color:#e0e0f8;font-family:Cabin,sans-serif;-webkit-user-select:none;user-select:none;z-index:9999}.context-menu ul{list-style:none;padding:0;margin:0}.context-menu ul li{padding:10px 15px;cursor:pointer;transition:background-color .2s ease,color .2s ease;font-size:12px;border-radius:5px}.context-menu .move-to{padding-left:0;margin-top:5px}.context-menu .move-to ul li{padding:8px 15px;cursor:pointer;transition:background-color .2s ease,color .2s ease;font-size:14px;border-radius:4px}.context-menu-text{text-transform:none}.modal-label-context{font-size:12px;padding:5px 10px;color:#a0a0c0;display:block;text-transform:uppercase;letter-spacing:1px;cursor:pointer;-webkit-user-select:none;user-select:none}.modal-label-context-nohover{font-size:12px;padding:5px 10px 0;margin-bottom:0;color:#a0a0c0;display:block;text-transform:uppercase;letter-spacing:1px;cursor:default}.modal-label-context:hover{background-color:#3a3a55;color:#fff;border-radius:4px}.context-menu-text:hover{background-color:#3a3a55;color:#fff}.edit-icon{cursor:pointer;font-size:20px;color:#cfcfcf}.edit-icon:hover{color:#a0a0ff}.modal-header-input{height:42px;font-size:28px;font-weight:700;color:#e0e0f8;background-color:#35354f;border:none;outline:none;padding:10px;width:380px;flex-grow:1;box-sizing:border-box;border-radius:6px}.modal-label{font-size:12px;color:#a0a0c0;margin-bottom:10px;margin-top:10px;display:block;text-transform:uppercase;letter-spacing:1px}.modal-label-updated{font-size:12px;color:#a0a0c0;margin-bottom:10px;display:block;text-transform:uppercase;letter-spacing:1px}.modal-label-active{font-size:12px;color:#a0a0c0;display:block;margin-right:8px;text-transform:uppercase;letter-spacing:1px}.modal-active-switch{text-align:right;display:flex;height:40px;align-items:center}.modal input,.modal select,.modal textarea{padding:10px;background-color:#3a3a55;border:none;color:#e0e0f8;font-size:14px;border-radius:6px;font-family:Cabin,sans-serif}.modal input[type=url]{padding:10px;background-color:#3a3a55;border:none;color:#e0e0f8;font-size:14px;border-radius:6px;font-family:Cabin,sans-serif;width:100%;box-sizing:border-box}.modal-color-input{height:40px;padding:0!important;width:40px}.modal textarea{resize:none;box-sizing:border-box;max-height:400px}.link-button{background:none;border:none;cursor:pointer;padding:0;margin-left:10px;position:absolute;top:40px;right:160px}.enter-url-container{flex-grow:1;display:flex;padding:none;align-items:center;margin-bottom:5px;margin-left:10px}.enter-url-input{background-color:#d8d7ec!important;color:#141414!important;flex-grow:1;height:25px!important;padding:0 10px!important;font-size:12px!important;margin-right:10px}.enter-url-button{height:25px;padding:0 10px;border-radius:8px;font-size:12px;line-height:20px;transition:all .5s;border:none;outline:none!important;background-color:#2b2b40;color:#fff}.enter-url-button:hover{background-color:#3a3a69;color:#fff}.fullscreen-button{background:none;border:none;padding:0;margin-top:5px;margin-left:10px;cursor:pointer}.task-description-toolbar-container{display:flex;flex-direction:row;width:100%;justify-content:space-between}.link-button.enabled{cursor:pointer}.link-button.disabled{cursor:auto;opacity:.5}.link-button svg{transition:fill .3s ease}.link-button.enabled:hover svg{fill:#a0a0ff}.complexity-grid{display:flex;flex-wrap:wrap;max-width:400px;overflow:hidden;flex-direction:column}.settings-input-complexity{border-radius:5px;background-color:#096088;width:20px;margin-bottom:20px}.delete-button{background:transparent;border:none;padding:10px 15px;cursor:pointer;border-radius:6px;font-weight:700;position:absolute;right:100px;top:29px;outline:none}.delete-button:hover{color:#ff3030;outline:none}.modal-content label{display:block}.primary-button{padding:10px 35px;background-color:#4a4aa0;border:none;color:#e0e0f8;cursor:pointer;border-radius:4px;font-weight:700;outline:none;transition:all .2s}.primary-button:hover{background-color:#6060c0;outline:none}.secondary-button{padding:10px 25px;border:1px solid #dddddd;background:transparent;color:#ddd;cursor:pointer;border-radius:4px;font-weight:700;outline:none;transition:all .2s}.secondary-button:hover{border:1px solid #9e9e9e;color:#ccc;background-color:#35354f}.tertiary-button{padding:10px 15px;background-color:#2c5c52;border:none;color:#e0e0f8;cursor:pointer;height:30px;line-height:8px;font-size:14px;margin-top:5px;border-radius:4px;outline:none;transition:all .2s}.tertiary-button:hover{background-color:#6060c0;outline:none}.resolved-tasks-show{background-color:#36634a;font-size:10pt;border-radius:4px;color:#fff;position:fixed;left:20px;transition:all .5s;border:none}.resolved-tasks-show:hover{background-color:#49a45f}.modal-overlay{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:6000}.project-list{display:flex;flex-direction:column;gap:10px;max-height:400px;margin-bottom:20px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(126,126,131,.233) #1e1e2f}.project-selection-button{padding:12px;background-color:#4e4e73;border:none;color:#e0e0f8;font-size:16px;cursor:pointer;border-radius:6px;text-align:left;transition:background-color .2s ease}.project-selection-button:hover{background-color:#6b6bb7}.new-project-button{padding:12px;background-color:#096088;border:none;color:#e0e0f8;font-size:16px;cursor:pointer;border-radius:6px;margin-bottom:20px;transition:background-color .2s ease}.new-project-button:hover{background-color:#297ba1}.topright-close-button{position:absolute;top:30px;right:30px;background-color:transparent;border:none;cursor:pointer;z-index:4005}.topright-close-button-settings{position:absolute;top:30px;right:30px;background-color:transparent;border:none;cursor:pointer;z-index:4004}.task-status{padding:2px 5px;color:#fff;border-radius:3px;font-size:.75rem;margin-top:2px;text-align:center;width:fit-content}.confirm-delete{text-align:center;min-height:400px;display:flex;flex-direction:column;justify-content:space-between;outline:none}.confirm-delete-container{display:flex;flex-direction:row;align-items:center}.confirm-delete p{font-size:18px;margin-bottom:20px}.confirm-delete-message{font-size:10pt;margin-left:20px;margin-right:20px}.confirm-delete-buttons{display:flex;justify-content:space-around;height:40px;outline:none}.confirm-yes-button,.confirm-no-button{padding:8px 36px;border-radius:4px;border:none;cursor:pointer;font-weight:700}.confirm-yes-button{background-color:#ff6b6b;color:#fff}.confirm-yes-button:hover{background-color:#e63e3e}.confirm-no-button{background-color:#a0a0c0;color:#33334d}.confirm-no-button:hover{background-color:#cfcfcf}.time-marker{flex:1;min-width:100px;max-width:100px;position:relative;text-align:center;font-size:12px;color:#cfcfcf8c}.edit-lane-container{display:flex;flex-direction:row;margin:5px;width:fit-content}.edit-lane-input{padding:10px;background-color:#3a3a55;border:none;color:#e0e0f8;font-size:14px;border-radius:6px;font-family:Cabin,sans-serif;outline:none}.add-lane-button{background-color:transparent;color:#e9e9e9;border:2px solid #e9e9e9;margin-left:30px;letter-spacing:1pt;margin-right:20px;transition:all .5s}.add-lane-button:hover{background-color:#e9e9e9;border:2px solid #e9e9e9;color:#242424}.timeline{display:flex;flex-direction:row;flex-wrap:nowrap;min-height:20px;align-items:baseline;min-width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:0;height:20px;background-color:#1e1e2f;z-index:4000}.time-marker:before{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#cfcfcf;transform:translate(-50%)}.time-marker span{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.auth-container{display:flex;flex-direction:column;align-items:center;padding:25px 25px 30px;min-height:280px;background:var(--input-background-color);border-radius:8px;width:320px;box-shadow:0 4px 12px #0003;position:relative}.auth-container-accent{position:absolute;left:0;top:0;width:8px;border-radius:8px 0 0 8px;background-color:#9acd32;height:100%}.auth-container input{margin:10px 0;padding:12px;box-sizing:border-box;width:100%;background-color:var(--lane-background-color);color:var(--text-color);border:none;border-radius:6px;font-size:14px;font-family:Cabin,sans-serif}.auth-container button{padding:12px;width:100%;background-color:var(--button-background-color);border:none;margin-top:10px;border-radius:6px;font-weight:700;color:var(--text-color);cursor:pointer;outline:none;transition:background-color .3s ease}.auth-container button:hover{background-color:var(--button-hover-color)}.auth-footer{position:fixed;bottom:0;padding:5px 10px;box-sizing:border-box;background-color:#2c2c33;width:100vw;height:fit-content;display:flex;justify-content:space-between;border-bottom:4px solid #096088;justify-content:center}.auth-footer-container-vertical{display:flex;flex-direction:column}.auth-footer-container-horizontal{display:flex;flex-direction:row;align-items:center;gap:20px}.footer-logo{font-size:24px;color:#a0a0ff;font-family:Pacifico,cursive;transform-origin:left}.footer-byline{font-family:Cabin,sans-serif;font-size:8pt;color:#c9c9c9;width:140px;border-left:1px solid #c9c9c9;padding-left:10px}.footer-copyright{font-family:Cabin,sans-serif;font-size:8pt;color:#c9c9c9;padding:4px 0}.footer-links{font-family:Cabin,sans-serif;font-size:8pt;text-decoration:underline;color:#9c985a;background-color:transparent!important;border:none;text-align:right;padding:4px 0;cursor:pointer}.login-terms{font-family:Cabin,sans-serif;font-size:8pt;color:#9c985a;padding:4px 0}.login-svg-container{position:fixed;width:100vw;height:100vh;left:0;bottom:0;z-index:-1;display:flex;justify-content:space-between;align-items:end}.error{color:#ddab72;margin-top:10px;font-weight:600;font-size:14px}.error-container{height:40px;margin-top:20px}.toggle-auth{position:absolute;cursor:pointer;color:#8b8bd4;text-decoration:underline;transition:color .3s ease;font-size:10pt;bottom:0;font-family:Cabin,sans-serif}.toggle-auth-forgotpass{margin-top:20px;cursor:pointer;color:#8b8bd4;text-decoration:underline;transition:color .3s ease;font-size:10pt;font-family:Cabin,sans-serif}.toggle-auth:hover{color:#e9e9e9}.login-background{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-y:scroll;scrollbar-width:none}.login-header{width:220px;font-size:44px;margin-bottom:60px;text-align:center;color:#a0a0ff;font-family:Pacifico,cursive;transform-origin:left}.side-menu{background-color:#4e4e73;height:fit-content;color:#f3f1f7;box-sizing:border-box;padding-top:0;z-index:7500;position:absolute;left:0;top:0;font-size:11pt;width:fit-content;border-radius:0 0 8px;filter:drop-shadow(0px 0px 6px black)}.side-menu-list{margin:0;padding:0}.side-menu-item{list-style:none;cursor:pointer;padding:15px;margin:0;transition:all .2s;-webkit-user-select:none;user-select:none}.side-menu-item:hover{background-color:#3d3d5e;color:#ebebeb;border-radius:0}.side-menu-logo{width:100px;box-sizing:border-box;font-size:24px;margin:50px 10px 10px;text-align:center;padding:5px;color:#1e1e2f;font-family:Pacifico,cursive}.loading-overlay{position:absolute;left:0;top:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.loader{position:relative;width:100px;height:130px;background:#fff;border-radius:4px}.loader:before{content:"";position:absolute;width:54px;height:25px;left:50%;top:0;background-image:radial-gradient(ellipse at center,#0000 24%,#4e4e73 25%,#4e4e73 64%,#0000 65%),linear-gradient(to bottom,#0000 34%,#4e4e73 35%);background-size:12px 12px,100% auto;background-repeat:no-repeat;background-position:center top;transform:translate(-50%,-65%);box-shadow:0 -3px #00000040 inset}.loader:after{content:"";position:absolute;left:50%;top:20%;transform:translate(-50%);width:66%;height:60%;background:linear-gradient(to bottom,#6b6bb7 30%,#0000 31%);background-size:100% 16px;animation:writeDown 2s ease-out infinite}@keyframes writeDown{0%{height:0%;opacity:0}20%{height:0%;opacity:1}80%{height:65%;opacity:1}to{height:65%;opacity:0}}.mobile-responsive,.mobile-task-form-container{display:none}@media screen and (max-height: 715px){.selection-background-svg-container{display:none}}@media screen and (max-width: 930px){.selection-background-svg-container{display:none}}@media screen and (max-height: 630px){.modal{min-height:200px;max-height:90vh;min-width:600px;max-width:600px}}@media screen and (max-width: 659px){.new-task-form,.resolved-tasks-show,.updated-date-container{display:none}.modal{min-width:310px;width:90%;padding:20px;margin-bottom:60px;box-sizing:border-box;margin-top:20px}.modal-row-container{flex-direction:column;gap:10px}.lane-container{padding-bottom:120px;box-sizing:border-box;scrollbar-width:none}.lane-container-inner{margin-top:0}.lane-container-read-only{padding-bottom:120px;box-sizing:border-box}.app{overflow-x:hidden;overflow-y:hidden}.auth-container{padding:20px;width:300px}.link-button{right:70px}.delete-button{right:10px}.new-task-form{flex-direction:column;gap:20px;margin-right:0}.new-task-form-input{margin-right:0!important;height:80px;border-radius:4px}.pinned-task{left:4px}.new-task-form-select{width:100%;border-radius:4px}.add-lane-button{padding:0 5px;font-size:10pt}.project-title{font-size:12pt}.modal-label-updated{font-size:12px;color:#a0a0c0;margin-bottom:10px;display:block;text-transform:uppercase;letter-spacing:1px}.collaborator-row{flex-direction:row;flex-wrap:wrap}.floating-locked-button{position:fixed;display:flex;justify-content:right;align-items:center;bottom:100px;padding:0;height:30px;width:115px;right:20px;transition:all .2s;border:none;border-radius:5px 10px 10px 5px;z-index:4000;filter:drop-shadow(0px 0px 4px #47334b);background-color:#b3afbb}.floating-locked-button-active{position:fixed;display:flex;justify-content:right;align-items:center;bottom:100px;padding:0;height:30px;width:115px;right:20px;transition:all .2s;border:none;border-radius:5px;z-index:4000;background-color:#91043a;filter:drop-shadow(0px 0px 4px rgb(83,16,44))}.lock-button-text{font-size:10pt;color:#91043a;font-weight:800;line-height:30px;padding:0 10px;box-sizing:border-box;margin-right:5px}.icon-container-lock{background-color:#91043a;width:30px;height:100%;display:flex;justify-content:center;align-items:center;border-radius:0 5px 5px 0}.icon-container-lock-active{background-color:#e6e1e2;width:30px;height:100%;display:flex;justify-content:center;align-items:center;border-radius:5px 0 0 5px}.lock-button-text-active{font-size:10pt;color:#f1ddf1;font-weight:800;line-height:30px;padding:0 10px;box-sizing:border-box}.mobile-task-form-container{display:flex;flex-direction:column;position:fixed;bottom:0;left:0;padding:10px;width:100%;background-color:#2e2e47;box-sizing:border-box;border-radius:4px 0 0 4px;z-index:4000}.mobile-task-form-toggle{outline:none;padding:5px 40px;box-sizing:border-box;height:50px;text-align:center;line-height:35px;border-radius:4px 0 0 4px;background-color:transparent;border:none;font-size:12pt;text-transform:uppercase;letter-spacing:1pt;color:var(--text-color);cursor:pointer;transition:all .5s}.mobile-new-task-form{display:flex;flex-direction:column;gap:10px}.new-task-form-input,.new-task-form-select{padding:10px;background-color:#3a3a55;border:none;color:#e0e0f8;font-size:14px;border-radius:6px;font-family:Cabin,sans-serif}.tooltip{top:50px;width:80vw;z-index:5001;padding-bottom:0}.tooltip-active{top:50px;width:80vw;z-index:5003}.empty-state-container{margin-top:0}.tooltip-description-break{width:20px;margin-top:15px;border-bottom:2px solid rgb(123,123,143)}.scrollable-modal-area-noborder{border-top:1px solid rgba(255,255,255,.027);scrollbar-width:none}.project-title-input{min-width:100px}.lane-title{height:20px;line-height:20px}.rectangle1,.rectangle2,.rectangle3{display:none}.task{padding:5px 10px}.lane-wrapper{padding:5px}.timeline{z-index:5000}.topright-close-button{top:20px;right:20px}.modal-header{margin-top:5px}.scrollable-modal-area,.scrollable-modal-area-noborder{max-height:45vh}.project-menu{width:85vw}.project-selection-button-hero{font-size:12pt;text-align:left;font-weight:200;padding:5px 30px}.modal-header-hero{font-size:14pt;padding:5px 30px}.new-project-button-hero{font-size:12pt;margin-bottom:60px}}body{margin:0;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#1e1e2f}.container{display:flex;flex-direction:column;gap:10px;margin-left:10px;z-index:-20}.row{display:flex;gap:10px}.box{height:36px;border-radius:5px}@media screen and (max-width: 659px){.container{display:none}}.terms-container{max-width:800px;margin:20px auto;padding:5px;font-family:Cabin,sans-serif;line-height:1.6;color:var(--text-color);background-color:transparent;border-radius:8px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(126,126,131,.233) var(--background-color)}.terms-container h1{font-size:2em;margin-bottom:20px;text-align:center;color:#a0a0ff;font-family:Pacifico,cursive}.terms-container h2{font-size:1em;margin-top:20px;margin-bottom:10px;color:#6b6bb7}.terms-container p,.terms-container ul{font-size:10pt;margin-bottom:20px}.terms-container ul{padding-left:20px;list-style-type:disc}.privacy-container{max-width:800px;margin:5px auto;padding:20px;font-family:Cabin,sans-serif;line-height:1.6;color:var(--text-color);background-color:transparent;border-radius:8px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(126,126,131,.233) var(--background-color)}.privacy-container h1{font-size:2em;margin-bottom:20px;text-align:center;color:#a0a0ff;font-family:Pacifico,cursive}.privacy-container h2{font-size:1em;margin-top:20px;margin-bottom:10px;color:#6b6bb7}.privacy-container p,.privacy-container ul{font-size:10pt;margin-bottom:20px}.privacy-container ul{padding-left:20px;list-style-type:disc}.last-updated{font-size:.9em;color:#a0a0c0;text-align:center;margin-bottom:30px}@media screen and (max-width: 659px){.privacy-container{padding:5px;margin:10px}.privacy-container h1{font-size:1.5em}.privacy-container h2{font-size:1.2em}.privacy-container p,.privacy-container ul{font-size:.9em}.privacy-container ul{padding-left:15px}.terms-container{padding:5px;margin:10px}.terms-container h1{font-size:1.5em}.terms-container h2{font-size:1.2em}.terms-container p,.terms-container ul{font-size:.9em}.terms-container ul{padding-left:15px}}:root{font-family:Inter,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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}