.cyberpunk-bg{background-color:#0a0a12;min-height:60vh;padding:2rem;font-family:Courier New,monospace}.todo{width:650px;min-height:100px;margin:0 auto;background:#0a0a14cc;border:2px solid #00f7ff;box-shadow:0 0 20px #00f7ff66,inset 0 0 10px #00f7ff33;border-radius:5px;padding:2rem;position:relative;overflow:hidden}.todo:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 45%,#00f7ff 50%,transparent 55%);background-size:3px 3px;animation:scan 6s linear infinite;opacity:.1;pointer-events:none}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(100%)}}.todo-header{color:#00f7ff;font-size:2.5rem;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px #00f7ff;margin-bottom:2rem;text-align:center;font-weight:700}.todo-add{display:grid;grid-template-columns:1fr auto;gap:1rem;margin-bottom:2rem}.todo-input{background:#000a14b3;border:1px solid #00f7ff;color:#00f7ff;padding:1rem;font-size:1.2rem;font-family:Courier New,monospace;outline:none;box-shadow:0 0 10px #00f7ff33}.todo-input::placeholder{color:#00f7ff77}.todo-add-btn{background:transparent;border:1px solid #ff00aa;color:#f0a;padding:1rem 2rem;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s;box-shadow:0 0 10px #f0a3}.todo-add-btn:hover{background:#f0a;color:#000;text-shadow:0 0 5px #fff;box-shadow:0 0 20px #f0a}.todo-list{display:flex;flex-direction:column;gap:1rem;max-height:350px;overflow-y:auto;padding-right:10px}.todo-item{display:grid;grid-template-columns:1fr auto;align-items:center;background:#00142880;border-left:3px solid #ff00aa;padding:1rem;position:relative;overflow:hidden}.todo-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,247,255,.1),transparent);transform:translate(-100%)}.todo-item:hover:before{animation:shine 1.5s infinite}@keyframes shine{to{transform:translate(100%)}}.todo-text{color:#00f7ff;font-size:1.1rem;word-break:break-word;padding-right:1rem}.todo-actions button{background:transparent;border:1px solid #ff5555;color:#f55;padding:.5rem 1rem;font-family:Courier New,monospace;text-transform:uppercase;font-size:.9rem;letter-spacing:1px;cursor:pointer;transition:all .3s}.todo-actions button:hover{background:#f55;color:#000;box-shadow:0 0 10px #f55}.empty-state{color:#00f7ff77;text-align:center;padding:2rem;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;border:1px dashed #00f7ff77}body{background-color:#29313f}