body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.navigation{background-color:#282c34;padding:1rem 0;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:center;gap:2rem;padding:0 1rem}.nav-link{color:#61dafb;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:all .2s ease;font-weight:500}.nav-link:hover{background-color:#61dafb1a;transform:translateY(-1px)}.nav-link.active{background-color:#61dafb;color:#282c34}.nav-link.active:hover{background-color:#4fa8c5}.ascii-art{text-align:left;display:inline-block}.todo-error{color:#d32f2f;margin-bottom:1rem}.todo-input-row{display:flex;gap:.5rem;margin-bottom:1.5rem}.todo-input{flex:1;padding:.6rem .8rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.todo-add-btn{padding:.6rem 1.2rem;font-size:1rem;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer}.todo-add-btn:hover{background-color:#1565c0}.todo-empty{color:#999;font-style:italic}.todo-list{list-style:none;padding:0;margin:0}.todo-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid #eee}.todo-item.completed .todo-text{text-decoration:line-through;color:#999}.todo-checkbox{width:1.2rem;height:1.2rem;cursor:pointer}.todo-content{flex:1;display:flex;flex-direction:column;text-align:left}.todo-text{font-size:1rem}.todo-completed-at{font-size:.75rem;color:#999}.todo-delete-btn{background:none;border:none;color:#d32f2f;font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px}.todo-delete-btn:hover{background-color:#ffebee}