*{margin:0;padding:0;box-sizing:border-box;font-family:VT323,monospace;font-size:1.2rem}body{font-family:VT323,monospace;font-size:1.2rem;background-color:#0b0b0b;color:#3f3}.header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#000;color:#3f3;box-shadow:0 4px 6px #00ff000d;border-bottom:2px solid rgba(51,255,51,.3);margin-bottom:30px}.header h1{font-size:2rem;font-weight:600}.date-display{font-size:1.1rem;opacity:.8}.today-container{display:flex;flex-direction:column;gap:16px}.add-task-form{display:flex;gap:10px;margin-bottom:30px;padding:20px;border-radius:12px}.input-wrapper{position:relative;display:inline-block}.typed-placeholder{position:absolute;top:50%;left:16px;transform:translateY(-50%);pointer-events:none;color:#33ff3380;white-space:nowrap}.typed-cursor{display:inline-block;width:3px;height:.5em;margin-left:2px;background-color:#33ff33e6;animation:blink 1s steps(1,start) infinite}@keyframes blink{50%{opacity:0}}.task-input{flex:1;padding:12px 16px;border:none;border-radius:8px;background:#000;color:#3f3;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;caret-color:#3f3;caret-shape:auto;width:300px;display:flex;align-items:center;justify-content:center}.task-input:focus{outline:none;border-color:#3f3;box-shadow:0 0 10px #33ff3340}.add-button{padding:5px 10px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.add-button:hover{transform:translateY(-2px);box-shadow:0 0 12px #33ff3359;background:#002600;color:#9aff9a}.tasks-container{display:flex;flex-direction:column}.task{display:flex;align-items:center;gap:12px;padding:16px;background:#000;border-radius:12px;box-shadow:0 0 12px #00ff000f;border:1px solid rgba(51,255,51,.25);transition:all .3s ease}.task:hover{transform:translateY(-2px);box-shadow:0 0 16px #00ff0026}.task.completed{opacity:.6;background:#061106}.task.completed .task-text{text-decoration:line-through;color:#67b567}.task-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#33ff33}.task-content{display:flex;justify-content:space-between;align-items:center;flex:1;gap:30px}.task-text{flex:1;font-size:1rem;cursor:pointer;padding:4px 0}.task-actions{display:flex;gap:8px}.edit-container{display:flex;flex-direction:column;gap:8px;flex:1}.edit-input{padding:8px 12px;border:2px solid rgba(51,255,51,.5);border-radius:6px;background:#000;color:#3f3;font-size:1rem;caret-color:#3f3}.edit-buttons{display:flex;gap:8px}button{padding:8px 16px;border:2px solid rgba(51,255,51,.4);background:#001000;border-radius:8px;color:#3f3;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-btn{background:#001a00;color:#3f3}.edit-btn:hover{background:#003000;box-shadow:0 0 10px #33ff3340}.delete-btn{background:#1a0000;color:#ff6464;border-color:#ff646466}.delete-btn:hover{background:#300000;box-shadow:0 0 10px #ff646440}.save-btn{background:#001a00;color:#3f3}.save-btn:hover{background:#003000;box-shadow:0 0 10px #33ff3340}.cancel-btn{background:#0f0f0f;color:#9aff9a}.cancel-btn:hover{background:#1a1a1a}.historical-container{display:flex;flex-direction:column;gap:16px}.historical-container h2{color:#9aff9a;margin-bottom:20px}.historical-grid{display:flex;flex-direction:column;gap:12px;height:calc(100% - 48px);overflow-y:auto;padding-right:8px}.historical-day{background:#0a0a0a;border-radius:12px;padding:16px;opacity:.65;border:2px solid rgba(51,255,51,.15);transition:all .3s ease}.historical-day:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 0 12px #00ff001f}.historical-date{font-size:1.1rem;font-weight:600;color:#9aff9a;margin-bottom:12px;text-align:center}.historical-tasks{display:flex;flex-direction:column;gap:8px}.historical-task{padding:8px 12px;background:#0b0b0b;border-radius:6px;font-size:.9rem;border-left:3px solid rgba(51,255,51,.35)}.historical-task.completed{text-decoration:line-through;color:#67b567;border-left-color:#3f3}@media (max-width: 768px){.app-layout{grid-template-columns:1fr}.header{flex-direction:column;gap:10px;text-align:center}.header h1{font-size:1.5rem}.add-task-form{flex-direction:column}.task-content{flex-direction:column;align-items:flex-start;gap:8px}.task-actions{align-self:flex-end}.historical-grid{height:auto}}.app-layout{display:grid;grid-template-columns:340px 1fr;height:100vh}.sidebar{border-right:1px solid rgba(51,255,51,.2);background:#050505;padding:24px;overflow-y:auto}.main-content{padding:24px;overflow-y:auto}