@import url(https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@700&display=swap);*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,.1);background-color:#fff;color:#000;font-family:Roboto Mono,monospace;line-height:1.6;margin:0;overflow-x:hidden;padding:0;touch-action:manipulation}.App{box-sizing:border-box;margin:0 auto;max-width:100%;padding:20px max(5%,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(5%,env(safe-area-inset-left))}.app-header,.project-header,.tabs,.todo-form,.todo-list,main{margin-left:auto;margin-right:auto;max-width:800px;width:100%}header{border-bottom:4px solid #000;margin-bottom:20px;padding-bottom:10px}h1{font-size:3em;letter-spacing:4px;margin:0;text-transform:uppercase}.todo-form{display:flex;margin-bottom:20px}.todo-form input{-webkit-appearance:none;appearance:none;border:2px solid #000;flex-grow:1;font-size:16px;padding:10px}.todo-form button,.todo-form input{box-sizing:border-box;font-family:Roboto Mono,monospace;height:44px}.todo-form button{background-color:#000;border:1px solid #000;color:#fff;cursor:pointer;font-size:14px;padding:0 20px;text-transform:uppercase;transition:all .3s ease}.todo-form button:hover{background-color:#333;border:1px solid #000;color:#fff}.todo-list{width:100%}.todo-item{box-sizing:border-box;min-height:44px;width:100%}.todo-content,.todo-item{flex-direction:row}.todo-item input[type=checkbox]{flex-shrink:0;position:relative;touch-action:manipulation}.todo-item input[type=checkbox]:before{bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.todo-item input[type=checkbox]:checked{position:relative}.todo-item input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.todo-item span{word-break:break-word}.todo-item span.blurred-text{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.todo-item.completed span{text-decoration:line-through}.task-list{margin-top:20px}.task-list h2{font-size:2em;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.task-list ul{list-style-type:none;padding:0}.task-list li{border:2px solid #000;margin-bottom:10px;padding:10px}button{-webkit-tap-highlight-color:transparent;background-color:#000;border:none;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Roboto Mono,monospace;font-size:16px;height:44px;padding:10px 20px;text-transform:uppercase;touch-action:manipulation}button:hover{background-color:#fff;border:2px solid #000;color:#000}button:active{transform:scale(.98)}.todo-checkbox{border:2px solid #000;display:inline-block;height:18px;margin-right:10px;position:relative;vertical-align:middle;width:18px}.todo-checkbox.checked:after{color:#000;content:"✓";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.todo-checkbox.uncheckable{background-color:#000;cursor:not-allowed}.todo-checkbox.checkable{cursor:pointer}#todo-list li span{flex-grow:1}#todo-list li.completed{opacity:.7;text-decoration:line-through}.delete-btn{background-color:initial;margin-left:auto;padding:2px 5px}.delete-btn:hover{background-color:#f0f0f0}.skip-btn{background-color:initial;border:none;color:#000;cursor:pointer;font-size:14px;height:auto;margin-left:auto;padding:2px 5px;text-decoration:underline;text-transform:lowercase}.skip-btn:hover{background-color:initial;color:#900}.material-icons{font-size:18px}#todo-list li.priority-1{background-color:#000;color:#fff;font-weight:700}#todo-list li.priority-1 .todo-checkbox{border-color:#fff}#todo-list li.priority-1 .delete-btn,#todo-list li.priority-1 .todo-checkbox.checked:after{color:#fff}#todo-list li.priority-1 .delete-btn:hover{background-color:#333}#todo-list li.priority-2,#todo-list li.priority-3{opacity:.8}button:focus,input:focus,select:focus{outline:none}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:#f0f0f0;border:2px solid #000}::-webkit-scrollbar-thumb{background:#000}::-webkit-scrollbar-thumb:hover{background:#333}.app-header{background-color:#000;color:#fff;display:flex;flex-direction:column;padding:max(20px,env(safe-area-inset-top)) max(5%,env(safe-area-inset-right)) 20px max(5%,env(safe-area-inset-left))}.header-top{height:60px;justify-content:space-between}.header-top,.login-btn{align-items:center;display:flex}.avatar,.login-btn{height:40px;justify-content:center}.avatar{align-items:center;border-radius:50%;color:#000;cursor:pointer;display:flex;position:relative;width:40px}.avatar,.menu{background-color:#fff}.menu{border:2px solid #000;position:absolute;right:100px;width:200px;z-index:1000}.menu ul{list-style:none;margin:0;padding:0}.menu li{border-bottom:2px solid #000;color:#000;font-family:Roboto Mono,monospace;font-size:14px;padding:10px;text-transform:uppercase}.menu li:last-child{border-bottom:none}.menu li a{color:#000;display:block;text-decoration:none}.menu li:hover{background-color:#000;color:#fff;cursor:pointer}.menu li:first-child{background-color:#000;color:#fff;font-size:12px;text-transform:none}.menu li:first-child:hover{background-color:#000;color:#fff;cursor:default}.project-controls{align-items:center;display:flex;justify-content:space-between;width:100%}.add-project-form{justify-content:flex-end;width:50%}.add-project-form button{border:2px solid #000;padding:5px 10px}.add-project-form button:hover{background-color:#fff;color:#000}.task-counts{color:#fff}.task-counts span:after{color:#fff;content:"|";margin-left:10px}.task-counts span:last-child:after{content:""}.task-counts span span{margin-left:5px}.popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.popup{background-color:#fff;border:2px solid #000;max-height:80%;max-width:80%;overflow-y:auto;padding:20px}.popup h2{margin-top:0}.popup ul{list-style-type:none;padding:0}.popup li{margin-bottom:10px}.popup button{margin-top:20px}.auth-container{border:2px solid #000;margin:0 auto;max-width:300px;padding:20px}.auth-container h2{margin-bottom:20px;margin-top:0}.auth-container button,.auth-container input{margin-bottom:10px;width:100%}.error{color:red;margin-bottom:10px}.app-wrapper{align-items:center;display:flex;flex-direction:column;padding-top:20px}.user-info{justify-content:space-between;margin-bottom:20px;max-width:800px;width:90%}.user-info span{font-weight:700}.sign-out-text{color:#000;cursor:pointer;text-decoration:underline}.sign-out-text:hover{opacity:.7}.container{background-color:#fff;box-shadow:0 0 20px #0000001a;margin:0 auto;max-width:800px;padding:20px;width:90%}.tabs{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;position:relative;width:100%}.tabs::-webkit-scrollbar{display:none}.tab{background-color:#fff;border:2px solid #000;color:#000;cursor:pointer;flex:1 1;font-family:Roboto Mono,monospace;font-size:16px;padding:10px;text-align:center;text-transform:uppercase}.tab:not(:last-child){border-right:none}.tab.active{background-color:#000;color:#fff}.tab:hover{background-color:#f0f0f0;border:1px solid #000}.tab.active:hover{background-color:#333;border:1px solid #000}.tab.now-tab{border:2px solid #900;font-weight:700;position:relative}.tab.now-tab.active{background-color:#900;border:2px solid #900;color:#fff}.tab.now-tab:hover{background-color:#c00;border:2px solid #900;color:#fff}.tab.now-tab.active:hover{background-color:#700;border:2px solid #900}main{margin-top:20px}.todo-list{list-style-type:none;padding:0}.todo-item input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid #000;cursor:pointer;height:20px;margin-right:10px;width:20px}.todo-item input[type=checkbox]:checked{background-color:#000}.todo-item span{flex-grow:1}.add-project-form input{padding:5px}select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:2px solid #000;box-sizing:border-box;cursor:pointer;font-family:Roboto Mono,monospace;font-size:14px;height:44px;margin-left:10px;padding:5px 30px 5px 10px}.user-info{align-items:center;display:flex;gap:10px}.todo-item.completed{order:1}.todo-item{border:2px solid #000;margin-bottom:10px;padding:10px;transition:opacity .3s,order .3s}.todo-list{display:flex;flex-direction:column}.tab[data-tab=done]{background-color:#4caf50;color:#fff}.tab[data-tab=done].active,.tab[data-tab=done]:hover{background-color:#45a049}.todo-item{transition:opacity .3s,background-color .3s}.todo-item.completed{background-color:#f0f0f0;opacity:.6;text-decoration:line-through}.todo-item input[type=checkbox].disabled-checkbox{background-color:#000;cursor:not-allowed}.todo-item input[type=checkbox].disabled-checkbox:hover{cursor:not-allowed}.popup-message{animation:fadeInOut 3s ease-in-out;background-color:#000;border:2px solid #fff;bottom:20px;bottom:max(20px,env(safe-area-inset-bottom));color:#fff;font-family:Roboto Mono,monospace;font-size:14px;left:50%;max-width:calc(100% - 40px);padding:10px 20px;position:fixed;text-align:center;transform:translateX(-50%);z-index:1000}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.task-counts{display:flex;justify-content:space-between;margin-bottom:10px}.task-counts span{font-weight:700;margin-right:10px}.todo-item{justify-content:space-between}.todo-content,.todo-item{align-items:center;display:flex}.todo-content{flex-grow:1}.delete-btn{color:#000;font-size:1.2em;padding:0 10px;transition:color .3s ease}.delete-btn:hover{color:red}.delete-btn:focus{outline:none}.delete-btn{background:none;border:none;cursor:pointer;margin-left:10px;padding:0}.delete-btn,.delete-icon{align-items:center;display:flex;justify-content:center}.delete-icon{background-color:#000;border-radius:50%;color:#fff;font-size:14px;height:20px;line-height:1;transition:background-color .3s ease;width:20px}.delete-btn:hover .delete-icon{background-color:red}.todo-item.completed .delete-icon{text-decoration:none}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.todo-item{transition:opacity .5s ease}.todo-item.completed.animating{animation:fadeOut .5s ease-out forwards}.project-header{align-items:center;display:flex;gap:40px;height:40px;justify-content:space-between;margin-bottom:20px;padding:0}.project-header h2{flex:1 1;font-size:min(2em,calc(16px + 2vw));height:40px;line-height:40px;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-project-form{display:flex;flex:2 1;gap:10px;height:40px;justify-content:flex-start}.add-project-form input{border:2px solid #000;flex-grow:1;max-width:300px}.add-project-form button,.add-project-form input{box-sizing:border-box;font-family:Roboto Mono,monospace;font-size:14px;height:40px;padding:0 10px}.add-project-form button{background-color:#000;border:1px solid #000;color:#fff;cursor:pointer;text-transform:uppercase;transition:all .3s ease}.add-project-form button:hover{background-color:#333;border:1px solid #000;color:#fff}.project-select-container{align-items:center;display:flex;flex:1 1;gap:10px}.project-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:2px solid #000;box-sizing:border-box;cursor:pointer;flex:1 1;font-family:Roboto Mono,monospace;font-size:14px;height:40px;padding:0 30px 0 10px}.delete-project-btn{background:none;border:none;cursor:pointer;flex-shrink:0;height:40px;padding:0;width:40px}.delete-project-btn,.delete-project-btn .delete-icon{align-items:center;display:flex;justify-content:center}.delete-project-btn .delete-icon{background-color:#000;border-radius:50%;color:#fff;font-size:18px;height:24px;line-height:1;transition:background-color .3s ease;width:24px}.delete-project-btn:hover .delete-icon{background-color:red}@media (max-width:768px){.App{padding:10px 15px}.app-header{padding:15px}.header-top{height:auto;min-height:50px}.header-left{align-items:center;display:flex;flex-direction:row!important;justify-content:space-between;width:100%}.header-left h1{font-size:2em;letter-spacing:3px;line-height:1.2}.header-left h1>a{font-size:10px;margin-left:8px;padding:3px 6px}.avatar{font-size:16px;height:35px;width:35px}.menu{right:10px;width:180px}.task-counts{align-items:flex-start;flex-direction:column;gap:5px;margin-top:10px;width:100%}.task-counts span{font-size:12px;margin-right:0}.task-counts span:after{content:""}.project-title{margin-bottom:15px}.project-title h2{font-size:1.3em}.project-header{align-items:stretch;flex-direction:column;gap:15px;height:auto;margin-bottom:15px}.add-project-form{flex-direction:row;gap:8px;height:auto;width:100%}.add-project-form input{flex:1 1;font-size:16px;height:44px;max-width:none;padding:0 12px}.add-project-form button{font-size:12px;height:44px;padding:0 15px;white-space:nowrap}.project-select-container{flex-direction:row;gap:8px;width:100%}.project-select{flex:1 1;font-size:16px;height:44px;margin-left:0;padding:0 30px 0 12px}.delete-project-btn{height:44px;width:44px}.delete-project-btn .delete-icon{font-size:16px;height:22px;width:22px}.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:0;margin-bottom:15px;overflow-x:auto}.tab{flex:1 0 auto;font-size:12px;min-width:80px;padding:12px 8px;white-space:nowrap}.todo-form{flex-direction:row;gap:0;margin-bottom:15px}.todo-form input{flex:1 1;font-size:16px;height:44px;padding:0 12px}.todo-form button{font-size:12px;height:44px;padding:0 15px}.todo-list{width:100%}.todo-item{min-height:50px;padding:12px;width:100%}.todo-content,.todo-item{align-items:center;flex-direction:row}.todo-content{flex:1 1;margin-bottom:0}.todo-item input[type=checkbox]{flex-shrink:0;height:22px;margin-bottom:0;margin-right:12px;width:22px}.todo-item span{font-size:14px;line-height:1.4;word-break:break-word}.delete-btn{flex-shrink:0;margin-left:8px;padding:5px}.delete-icon{font-size:14px;height:22px;width:22px}.assign-tasks-btn{font-size:14px;margin-top:15px;padding:14px}.popup-message{bottom:15px;font-size:13px;left:15px;padding:12px 15px;right:15px;text-align:center;transform:none;width:auto}.confirmation-modal{max-width:90%;padding:25px 20px;width:calc(100% - 30px)}.confirmation-modal h2{font-size:18px;margin-bottom:15px}.confirmation-modal p{font-size:14px;margin-bottom:20px}.modal-btn{font-size:13px;padding:14px}.modal-buttons{gap:12px}.login-form{max-width:90%;padding:30px 20px;width:calc(100% - 30px)}.login-form h2{font-size:1.5em;margin-bottom:20px}.login-form input{font-size:16px;margin-bottom:12px;padding:12px}.login-form button{font-size:13px;margin-bottom:12px;padding:14px}.help-popup{max-height:85vh;max-width:90%;padding:25px 20px;width:calc(100% - 30px)}.help-popup h2{font-size:20px;margin-bottom:15px}.help-popup p{font-size:13px;line-height:1.5}}@media (max-width:374px){.header-left h1{font-size:1.5em;letter-spacing:2px}.tab{font-size:11px;min-width:70px;padding:10px 6px}.add-project-form button,.todo-form button{font-size:11px;padding:0 10px}.project-title h2{font-size:1.1em}}.App.brutus-lite{background-color:#f9f9f9;color:#333}.App.brutus-lite .app-header,.App.brutus-lite .project-header,.App.brutus-lite .tab,.App.brutus-lite .tabs,.App.brutus-lite .todo-form,.App.brutus-lite .todo-list,.App.brutus-lite main{background-color:#fff;border-color:#ccc}.App.brutus-lite .tab{color:#333}.App.brutus-lite .tab.active{background-color:#ccc;color:#fff}.App.brutus-lite .todo-item{background-color:#fff;border-color:#ccc}.App.brutus-lite .todo-item.completed{background-color:#eee;color:#999}.App.brutus-lite .delete-btn .delete-icon{background-color:#ccc;color:#fff}.App.brutus-lite .delete-btn:hover .delete-icon{background-color:#999}.App.brutus-lite .add-project-form button,.App.brutus-lite .sign-out-btn{background-color:#333;border-color:#333;color:#fff}.App.brutus-lite .add-project-form button:hover,.App.brutus-lite .sign-out-btn:hover{background-color:#fff;border-color:#333;color:#333}.App.brutus-lite .popup-message{background-color:#333;border-color:#fff;color:#fff}.login-btn{background-color:#fff;border:2px solid #000;color:#000;cursor:pointer;font-family:Roboto Mono,monospace;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.login-btn:hover{background-color:#f0f0f0}.login-popup{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.login-form{background-color:#fff;border:2px solid #000;max-width:320px;padding:40px;position:relative;width:90%}.login-form h2{color:#000;font-family:Darker Grotesque,sans-serif;font-size:2em;font-weight:700;letter-spacing:2px;margin:0 0 30px;text-align:center;text-transform:uppercase}.login-form input{box-sizing:border-box;padding:10px}.login-form button,.login-form input{border:2px solid #000;font-family:Roboto Mono,monospace;font-size:14px;margin-bottom:15px;width:100%}.login-form button{background-color:#000;color:#fff;cursor:pointer;padding:12px;text-transform:uppercase}.login-form button:hover{background-color:#333}.close-btn{align-items:center;background-color:#000;border:2px solid #000;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px!important;justify-content:center;margin:0!important;padding:0;position:absolute;right:15px;top:15px;width:30px!important}.close-btn:hover{background-color:#333}.error-message{color:red;font-family:Roboto Mono,monospace;font-size:12px;margin-bottom:15px;text-align:center}.google-login-btn{background-color:#4285f4!important;border-color:#4285f4!important}.google-login-btn:hover{background-color:#357abd!important}.toggle-auth-mode{background:none!important;border:none!important;color:#000!important;font-size:12px!important;padding:0!important;text-decoration:underline;text-transform:none!important}.toggle-auth-mode:hover{color:#333!important}.login-form form{border-bottom:1px solid #eaeaea;margin-bottom:15px;padding-bottom:15px}.project-title{margin-bottom:20px;text-align:center}.project-title h2{font-size:1.5em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assign-tasks-btn{background-color:#000;border:2px solid #000;color:#fff;cursor:pointer;font-family:Roboto Mono,monospace;font-size:14px;margin-top:20px;padding:12px;text-transform:uppercase;transition:all .3s ease;width:100%}.assign-tasks-btn:hover{background-color:#333}.help-icon{background-color:red;border:2px solid red;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:20px;margin-left:10px;vertical-align:middle;width:20px}.help-icon:hover{background-color:#c00}.help-popup{background-color:#000;border:2px solid #fff;box-sizing:border-box;color:#fff;font-family:Roboto Mono,monospace;left:50%;max-height:80vh;max-width:600px;overflow-y:auto;padding:30px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2000}.help-popup h2{font-size:24px;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.help-popup div{margin-right:10px}.help-popup::-webkit-scrollbar{width:10px}.help-popup::-webkit-scrollbar-track{background:#333}.help-popup::-webkit-scrollbar-thumb{background:#fff;border:2px solid #000}.help-popup::-webkit-scrollbar-thumb:hover{background:#ccc}.help-popup p{line-height:1.6;margin-bottom:15px}.help-popup button{align-items:center;background:#fff;border:none;color:#000;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.help-overlay{background-color:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1999}.help-text{background-color:#900;color:#fff;font-family:Roboto Mono,monospace;font-size:12px;font-weight:400;letter-spacing:1px;margin-left:10px;padding:2px 6px;text-decoration:none}.help-text:hover{background-color:#700;color:#fff}.header-left h1{font-family:Darker Grotesque,sans-serif;font-size:3em;font-weight:700;letter-spacing:6px;margin:0;text-transform:uppercase}.header-left h1,.payment-modal{align-items:center;display:flex}.payment-modal{background-color:#000c;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.payment-modal-content{background-color:#000;border:2px solid #fff;color:#fff;font-family:Roboto Mono,monospace;max-width:500px;padding:40px;position:relative;width:90%}.payment-modal h2{font-size:2em;letter-spacing:2px;margin-bottom:30px;text-align:center;text-transform:uppercase}.price-box{border:2px solid #fff;margin-bottom:30px;padding:20px}.price-box h3{font-size:2.5em;margin-bottom:20px;text-align:center}.price-box ul{list-style:none;padding:0}.price-box li{font-size:1.2em;padding:10px 0;text-align:center}.subscribe-btn{background-color:#fff;border:none;color:#000;cursor:pointer;font-family:Roboto Mono,monospace;font-size:1.2em;padding:15px;text-transform:uppercase;transition:all .3s ease;width:100%}.subscribe-btn:hover{background-color:#f0f0f0}.subscribe-btn:disabled{background-color:#666;cursor:not-allowed}.landing-page{background-color:#000;color:#fff;min-height:100vh;padding:40px 20px}.landing-content{margin:0 auto;max-width:800px}.landing-page h1{font-family:Darker Grotesque,sans-serif;font-size:4em;letter-spacing:10px;margin-bottom:20px;text-align:center}.landing-page h2{border:2px solid #fff;font-family:Roboto Mono,monospace;font-size:1.5em;margin-bottom:60px;padding:20px;text-align:center}.feature-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:60px}.feature{border:2px solid #fff;padding:20px;text-align:center}.feature h3{font-family:Roboto Mono,monospace;font-size:1.2em;margin-bottom:15px}.feature p{font-size:1em;line-height:1.4}.how-it-works{margin-bottom:60px}.how-it-works h3{font-family:Roboto Mono,monospace;font-size:1.5em;margin-bottom:30px;text-align:center}.how-it-works ol{list-style:none;padding:0}.how-it-works li{border:2px solid #fff;margin-bottom:30px;padding:20px}.step{display:block;font-family:Roboto Mono,monospace;font-size:1.2em;font-weight:700;margin-bottom:10px}.cta-section{border:2px solid #fff;padding:40px;text-align:center}.cta-section h3{font-family:Roboto Mono,monospace;font-size:2em;margin-bottom:20px}.cta-section p{font-size:1.2em;margin-bottom:30px}.cta-button{background-color:#fff;border:none;color:#000;cursor:pointer;font-family:Roboto Mono,monospace;font-size:1.2em;padding:20px 40px;text-transform:uppercase;transition:all .3s ease}.cta-button:hover{background-color:red;color:#fff}@media (max-width:768px){.landing-page{padding:30px 15px}.landing-content{max-width:100%}.feature-section{gap:20px;grid-template-columns:1fr;margin-bottom:40px}.feature{padding:15px}.feature h3{font-size:1em;margin-bottom:10px}.feature p{font-size:.9em}.landing-page h1{font-size:2.5em;letter-spacing:6px;margin-bottom:15px}.landing-page h2{font-size:1em;padding:15px}.how-it-works,.landing-page h2{margin-bottom:40px}.how-it-works h3{font-size:1.2em;margin-bottom:20px}.how-it-works li{margin-bottom:20px;padding:15px}.step{font-size:1em}.cta-section{padding:30px 20px}.cta-section h3{font-size:1.5em;margin-bottom:15px}.cta-section p{font-size:1em;margin-bottom:20px}.cta-button{font-size:1em;padding:16px 30px;width:100%}}@media (max-width:374px){.landing-page h1{font-size:2em;letter-spacing:4px}.landing-page h2{font-size:.9em}.cta-section h3{font-size:1.3em}}.cta-section,.feature,.how-it-works li,.landing-page h2{border:1px solid #fff}.login-form,.login-form button,.login-form input,.todo-item{border:1px solid #000}.todo-item.now-task{border:2px solid #900}.add-project-form button,.add-project-form input,.menu,.project-select,.tab{border:1px solid #000}.menu li{border-bottom:1px solid #000}.modal-overlay{background-color:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1999}.confirmation-modal{background-color:#000;border:4px solid #fff;box-sizing:border-box;color:#fff;font-family:Roboto Mono,monospace;left:50%;max-width:500px;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2000}.confirmation-modal h2{font-size:24px;font-weight:700;letter-spacing:2px;margin:0 0 20px;text-align:center;text-transform:uppercase}.confirmation-modal p{font-size:16px;margin:0 0 30px;text-align:center;word-break:break-word}.confirmation-modal .warning-text{color:#ff6b6b;font-size:14px;font-style:italic;margin:10px 0 20px}.modal-buttons{display:flex;flex-direction:column;gap:15px}.modal-btn{border:2px solid #fff;box-sizing:border-box;cursor:pointer;font-family:Roboto Mono,monospace;font-size:14px;font-weight:700;padding:15px;text-transform:uppercase;transition:all .3s ease;width:100%}.cancel-btn{background-color:#fff;color:#000}.cancel-btn:hover{background-color:#ccc;border-color:#ccc}.confirm-btn{background-color:#000;color:#fff}.confirm-btn:hover{background-color:#333}.procrastinate-btn{background-color:red;border-color:red;color:#fff}.procrastinate-btn:hover{background-color:#c00;border-color:#c00}.no-need-btn{background-color:#000;color:#fff}.no-need-btn:hover{background-color:#333}@media (max-width:768px){.confirmation-modal{max-width:90%;padding:30px 20px}.confirmation-modal h2{font-size:20px}.confirmation-modal p{font-size:14px}.modal-btn{font-size:12px;padding:12px}}.settings-modal{background-color:#fff;border:4px solid #000;box-sizing:border-box;color:#000;font-family:Roboto Mono,monospace;left:50%;max-height:80vh;max-width:700px;overflow-y:auto;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2000}.settings-modal h2{font-size:28px;letter-spacing:2px;margin:0 0 30px;text-align:center}.settings-modal h2,.settings-modal h3{font-weight:700;text-transform:uppercase}.settings-modal h3{font-size:18px;letter-spacing:1px;margin:0 0 20px}.settings-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.settings-nav button{background-color:#fff;border:2px solid #000;color:#000;cursor:pointer;flex:1 1;font-family:Roboto Mono,monospace;font-size:12px;min-width:120px;padding:10px;text-transform:uppercase;transition:all .3s ease}.settings-nav button.active{background-color:#000;color:#fff}.settings-nav button:hover{background-color:#f0f0f0}.settings-nav button.active:hover{background-color:#333}.settings-content{min-height:300px}.settings-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-list{list-style:none;margin:0;padding:0}.project-item{align-items:center;border:2px solid #000;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px}.project-name{font-size:16px;font-weight:700}.project-actions{display:flex;gap:10px}.project-actions button{background-color:#000;border:none;color:#fff;cursor:pointer;font-family:Roboto Mono,monospace;font-size:11px;padding:8px 12px;text-transform:uppercase}.project-actions button:hover{background-color:#333}.delete-btn-red{background-color:#900!important}.delete-btn-red:hover{background-color:#c00!important}.rename-form{display:flex;gap:10px;width:100%}.rename-form input{border:2px solid #000;flex:1 1;font-family:Roboto Mono,monospace;font-size:14px;padding:8px}.rename-form button{font-size:11px;padding:8px 12px}.email-form{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.email-form input{border:2px solid #000;font-family:Roboto Mono,monospace;font-size:14px;padding:10px}.email-form button{background-color:#000;border:none;color:#fff;cursor:pointer;font-family:Roboto Mono,monospace;padding:12px;text-transform:uppercase}.success-message{color:green;font-weight:700;margin-top:10px}.support-section{border-top:2px solid #000;margin-top:40px;padding-top:30px}.support-section a{color:#000;font-weight:700;text-decoration:underline}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.stat-item{border:2px solid #000;padding:20px;text-align:center}.stat-value{font-size:48px;font-weight:700;margin-bottom:10px}.stat-label{font-size:12px;letter-spacing:1px}.export-btn,.stat-label{text-transform:uppercase}.export-btn{background-color:#000;border:none;color:#fff;cursor:pointer;font-family:Roboto Mono,monospace;font-size:14px;margin-bottom:30px;padding:15px;width:100%}.export-btn:hover{background-color:#333}.danger-zone{border-top:2px solid #900;padding-top:30px}.danger-zone h3{color:#900}.danger-btn{background-color:#900;border:none;color:#fff;cursor:pointer;font-family:Roboto Mono,monospace;font-size:14px;padding:15px;text-transform:uppercase;width:100%}.danger-btn:hover{background-color:#c00}.confirm-start-over{border:2px solid #900;margin-top:10px;padding:20px}.confirm-start-over p{font-weight:700;margin-bottom:20px}.confirm-start-over button{margin-bottom:10px;padding:12px;width:100%}@media (max-width:768px){.settings-modal{max-width:95%;padding:30px 20px}.settings-nav{flex-direction:column}.settings-nav button{width:100%}.project-item{align-items:flex-start;flex-direction:column;gap:10px}.project-actions{flex-wrap:wrap;width:100%}.project-actions button{flex:1 1}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:36px}}
/*# sourceMappingURL=main.63fa0a71.css.map*/