:root{--bg-gradient: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--glass-bg: rgba(255, 255, 255, .8);--accent-color: #4a90e2;--delete-color: #ff6b6b;--add-color: #51cf66;--text-main: #2d3436;--shadow: 0 8px 32px 0 rgba(31, 38, 135, .1)}body{background:var(--bg-gradient);min-height:100vh;margin:0;display:flex;justify-content:center;align-items:flex-start}.to-do-list{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-align:center;margin-top:80px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:40px;border-radius:20px;border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow);width:90%;max-width:500px}h1{font-size:2.5rem;color:var(--text-main);margin-bottom:30px;letter-spacing:2px}input[type=text]{font-size:1rem;padding:12px 15px;border:2px solid #dfe6e9;border-radius:10px;outline:none;width:65%;transition:border-color .3s ease;color:var(--text-main)}input[type=text]:focus{border-color:var(--accent-color)}button{font-size:1rem;font-weight:600;padding:12px 20px;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-left:10px}.add-button{background-color:var(--add-color);color:#fff}.add-button:hover{background-color:#40c057;transform:translateY(-2px)}ol{padding:0;margin-top:30px}li{font-size:1.1rem;background-color:#fff;margin-bottom:15px;padding:15px;border-radius:12px;display:flex;align-items:center;box-shadow:0 2px 10px #00000008;transition:transform .2s ease}li:hover{transform:scale(1.01)}.text{flex-grow:1;text-align:left;color:var(--text-main);font-weight:500}.delete-button{background-color:transparent;color:var(--delete-color);font-size:.8rem;padding:8px 12px}.delete-button:hover{background-color:#fff5f5;color:#fa5252}.move-button{background-color:transparent;font-size:1.2rem;padding:5px 8px;margin-left:2px}.move-button:hover{background-color:#f1f3f5;border-radius:8px}