*{box-sizing:border-box}body{margin:0;background-color:#0d0d0d;min-height:100vh}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}@media(max-width:540px){#root{padding:0;align-items:stretch}}.notebook{background-color:#1a1a1a;border:2px solid #333;border-radius:4px;width:100%;max-width:500px;min-height:600px;padding:40px 30px;box-shadow:0 10px 30px #00000080;position:relative}@media(max-width:540px){.notebook{max-width:100%;min-height:100vh;border:none;border-radius:0;box-shadow:none;padding:30px 20px}}.notebook:before{content:"";position:absolute;left:50px;top:0;bottom:0;width:2px;background-color:#8b0000;opacity:.5}.notebook-title{font-family:Courier New,monospace;color:#ddd;font-size:1.5rem;margin-bottom:30px;text-align:center;font-weight:400;letter-spacing:2px}.todo-form{display:flex;gap:10px;margin-bottom:30px;padding-left:40px}.todo-input{flex:1;background:transparent;border:none;border-bottom:1px solid #444;color:#ccc;font-family:Courier New,monospace;font-size:1rem;padding:10px 0;outline:none}.todo-input::placeholder{color:#666;font-style:italic}.todo-input:focus{border-bottom-color:#888}.add-btn{background:#333;border:1px solid #555;color:#aaa;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s}.add-btn:hover{background:#444;color:#fff}.todo-list{list-style:none;padding:0;margin:0}.todo-item{display:flex;align-items:center;padding:15px 10px 15px 40px;border-bottom:1px solid #333}.todo-text{flex:1;color:#ccc;font-family:Courier New,monospace;cursor:pointer;transition:all .2s}.todo-item:hover .todo-text{color:#fff}.todo-item.completed .todo-text{text-decoration:line-through;color:#666}.edit-input{flex:1;background:transparent;border:none;border-bottom:1px solid #888;color:#fff;font-family:Courier New,monospace;font-size:1rem;padding:0;outline:none}.delete-btn{background:transparent;border:none;color:#666;font-size:1.5rem;cursor:pointer;padding:0 10px;transition:color .2s}.delete-btn:hover{color:#f44}.loading,.empty-message{color:#666;text-align:center;font-family:Courier New,monospace;font-style:italic;padding:40px}