@import"https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}@keyframes flicker{0%{opacity:.97}5%{opacity:1}10%{opacity:.98}15%{opacity:1}25%{opacity:.99}35%{opacity:1}45%{opacity:.98}55%{opacity:1}65%{opacity:.99}75%{opacity:1}85%{opacity:.98}95%{opacity:1}to{opacity:.97}}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes textShadow{0%{text-shadow:.2px 0 1px rgba(0,255,0,.5),-.2px 0 1px rgba(255,0,0,.3)}50%{text-shadow:-.2px 0 1px rgba(0,255,0,.5),.2px 0 1px rgba(255,0,0,.3)}to{text-shadow:.2px 0 1px rgba(0,255,0,.5),-.2px 0 1px rgba(255,0,0,.3)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}body{font-family:Share Tech Mono,VT323,monospace;background:#000;color:#00ff41;min-height:100vh;padding:0;overflow:hidden;position:relative;animation:flicker .15s infinite}body:before{content:"";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 2px;z-index:20;pointer-events:none;animation:scanlines 8s linear infinite}body:after{content:"";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:21}.screen-wrapper{min-height:100vh;background:linear-gradient(to bottom,#0a0a0a,#000);padding:10px;position:relative;overflow-y:auto;overflow-x:hidden}.container{max-width:900px;margin:0 auto;border:2px solid #00ff41;background:#001400cc;box-shadow:0 0 20px #00ff4180,inset 0 0 20px #00ff411a;position:relative;animation:textShadow 4s ease-in-out infinite alternate}.header{border-bottom:2px solid #00ff41;padding:15px;position:relative;background:#0028004d}.header:before{content:"";position:absolute;top:5px;right:15px;font-size:10px;color:#00ff41;opacity:.6;letter-spacing:2px}.system-status{display:flex;justify-content:space-between;margin-bottom:10px;font-size:11px;color:#00ff41;opacity:.7;text-transform:uppercase}.status-item{display:flex;align-items:center;gap:5px}.status-indicator{width:8px;height:8px;background:#00ff41;display:inline-block;animation:blink 2s infinite}.header h1{font-size:24px;font-weight:400;color:#00ff41;text-align:center;letter-spacing:4px;margin:10px 0;text-shadow:0 0 10px rgba(0,255,65,.8),0 0 20px rgba(0,255,65,.4);animation:textShadow 4s ease-in-out infinite alternate}.header-subtitle{text-align:center;font-size:12px;color:#00ff41;opacity:.6;letter-spacing:2px;text-transform:uppercase;margin-top:5px}.controls{padding:15px;border-bottom:1px solid #00ff41;background:#001e0033}.control-label{font-size:10px;color:#00ff41;opacity:.7;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;display:block}.add-item-form{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.input-row{display:flex;gap:10px;position:relative}.input-row:before{content:">";position:absolute;left:-15px;top:50%;transform:translateY(-50%);color:#00ff41;animation:blink 1s infinite}input[type=text],input[type=email],input[type=password],select{flex:1;padding:8px 10px;background:#000;border:1px solid #00ff41;color:#00ff41;font-family:Share Tech Mono,monospace;font-size:14px;text-transform:uppercase;letter-spacing:1px;outline:none;box-shadow:inset 0 0 5px #00ff4133}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,select:focus{box-shadow:0 0 10px #00ff4180,inset 0 0 5px #00ff414d;background:#0028004d}input::placeholder{color:#00ff41;opacity:.3;text-transform:uppercase}button,.add-button{padding:10px 20px;background:#000;border:1px solid #00ff41;color:#00ff41;font-family:Share Tech Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s;box-shadow:0 0 5px #00ff414d,inset 0 0 5px #00ff411a}button:hover,.add-button:hover{background:#00ff411a;box-shadow:0 0 15px #00ff4180,inset 0 0 10px #00ff4133;text-shadow:0 0 5px rgba(0,255,65,.8)}button:active,.add-button:active{transform:scale(.98);background:#00ff4133}button:before{content:"";position:absolute;top:2px;right:5px;font-size:8px;opacity:.5}.toggle-container{margin-top:15px;display:flex;justify-content:center;align-items:center}.toggle-switch{display:flex;border:1px solid #00ff41;background:#000}.toggle-option{padding:8px 20px;color:#00ff41;opacity:.5;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:1px;border:none;background:transparent;transition:all .3s;position:relative}.toggle-option.active{background:#00ff4133;opacity:1;box-shadow:inset 0 0 10px #00ff414d}.toggle-option:hover{opacity:.8}.todo-list{padding:15px;max-height:70vh;overflow-y:auto;overflow-x:hidden;position:relative}.todo-list::-webkit-scrollbar{width:10px}.todo-list::-webkit-scrollbar-track{background:#000;border:1px solid #00ff41}.todo-list::-webkit-scrollbar-thumb{background:#00ff41;border:1px solid #000}.category-group{margin-bottom:20px}.category-header{font-size:12px;color:#00ff41;padding:8px 10px;margin-bottom:10px;border:1px solid #00ff41;background:#0028004d;text-transform:uppercase;letter-spacing:2px;position:relative}.category-header:before{content:"[CATEGORY]";position:absolute;right:10px;top:8px;font-size:10px;opacity:.5}.todo-item{margin-bottom:8px;padding:10px;border:1px solid #00ff41;background:#0014004d;display:flex;align-items:center;gap:10px;transition:all .2s;position:relative;font-size:14px}.todo-item:hover{background:#00280066;box-shadow:0 0 10px #00ff414d}.todo-item.completed{opacity:.4;border-style:dashed}.todo-item.completed .todo-text{text-decoration:line-through;color:#00ff41;opacity:.5}.todo-item:before{content:attr(data-id);position:absolute;top:2px;right:5px;font-size:8px;opacity:.3;color:#00ff41}.priority-indicator{position:absolute;left:3px;top:50%;transform:translateY(-50%);width:3px;height:70%;background:#00ff41;box-shadow:0 0 5px #00ff41cc}.chevron{width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#00ff41;transition:transform .2s;font-size:12px}.chevron.expanded{transform:rotate(90deg)}.chevron.no-subtasks{visibility:hidden}.checkbox{width:16px;height:16px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid #00ff41;background:#000;cursor:pointer;position:relative;flex-shrink:0}.checkbox:checked{background:#00ff4133}.checkbox:checked:after{content:"X";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#00ff41;font-size:12px;font-weight:700}.todo-text{flex:1;color:#00ff41;text-transform:uppercase;letter-spacing:1px;cursor:pointer;-webkit-user-select:none;user-select:none;word-break:break-word;line-height:1.4}.button-group{display:flex;gap:5px;margin-left:auto;flex-shrink:0}.control-btn{width:24px;height:24px;border:1px solid #00ff41;background:#000;color:#00ff41;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative}.control-btn:hover:not(:disabled){background:#00ff4133;box-shadow:0 0 5px #00ff4180}.control-btn:active:not(:disabled){transform:scale(.9)}.control-btn:disabled{opacity:.3;cursor:not-allowed;border-style:dashed}.control-btn.delete{color:#00ff41;border-color:#00ff41}.control-btn.delete:hover:not(:disabled){background:#ff004133;box-shadow:0 0 5px #ff004180}.control-btn.add-subtask{font-size:14px}.subtasks-container{margin-left:20px;margin-top:8px;padding-left:10px;border-left:1px dashed #00ff41;opacity:.9}.subtasks-container.hidden{display:none}.subtask-input-container{margin:8px 0;padding:10px;border:1px solid #00ff41;background:#00280033}.subtask-input-row{display:flex;gap:8px;align-items:center}.subtask-input{flex:1;padding:6px 8px;background:#000;border:1px solid #00ff41;color:#00ff41;font-family:Share Tech Mono,monospace;font-size:12px;text-transform:uppercase;outline:none}.subtask-input:focus{box-shadow:0 0 5px #00ff4180}.subtask-btn{padding:6px 12px;border:1px solid #00ff41;background:#000;color:#00ff41;font-family:Share Tech Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s}.subtask-btn.save{border-color:#00ff41}.subtask-btn.cancel{border-color:#ff0041;color:#ff0041}.subtask-btn:hover{background:#00ff411a;box-shadow:0 0 5px #00ff4180}.subtask-btn.cancel:hover{background:#ff00411a;box-shadow:0 0 5px #ff004180}.empty-state{text-align:center;padding:60px 30px;color:#00ff41;opacity:.5}.empty-state svg{width:60px;height:60px;margin-bottom:20px;stroke:#00ff41}.empty-state p{font-size:14px;text-transform:uppercase;letter-spacing:2px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000e6}.modal.show{display:block}.modal-content{background:#000;border:2px solid #00ff41;margin:5% auto;padding:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 0 30px #00ff4180,inset 0 0 20px #00ff411a;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #00ff41}.modal-header h2{font-size:16px;color:#00ff41;text-transform:uppercase;letter-spacing:2px}.close-modal{width:30px;height:30px;border:1px solid #00ff41;background:#000;color:#00ff41;font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-modal:hover{background:#ff004133;border-color:#ff0041;color:#ff0041;box-shadow:0 0 10px #ff004180}.add-category-form{display:flex;gap:10px;margin-bottom:20px}.color-picker{width:50px;height:38px;border:1px solid #00ff41;background:#000;cursor:pointer;box-shadow:inset 0 0 5px #00ff4133;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:2px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:1px solid #00ff41;border-radius:0}.color-picker::-moz-color-swatch-wrapper{padding:0}.color-picker::-moz-color-swatch{border:1px solid #00ff41;border-radius:0}.category-list{max-height:300px;overflow-y:auto}.category-item{display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:8px;border:1px solid #00ff41;background:#00280033}.category-item span{font-size:12px;color:#00ff41;text-transform:uppercase;letter-spacing:1px}.delete-category{padding:4px 8px;background:#000;color:#00ff41;border:1px solid #00ff41;font-size:10px;font-family:Share Tech Mono,monospace;text-transform:uppercase;cursor:pointer;transition:all .2s}.delete-category:hover{background:#ff004133;box-shadow:0 0 5px #ff004180}.manage-categories-btn{margin-top:10px;font-size:11px;display:none}.manage-categories-btn.show{display:block}.manage-categories-btn:before{content:""}.status-bar{position:fixed;bottom:0;left:0;right:0;background:#000;border-top:1px solid #00ff41;padding:5px 15px;display:flex;justify-content:space-between;font-size:10px;color:#00ff41;opacity:.7;z-index:100;text-transform:uppercase;letter-spacing:1px}@media(max-width:640px){.header h1{font-size:18px}.todo-text{font-size:12px}.control-btn{width:20px;height:20px;font-size:10px}.subtasks-container{margin-left:12px;padding-left:8px}}@media(max-width:400px){.control-btn:not(.add-subtask):not(.delete){display:none}}