body{background:#3b3a3d;min-height:100vh;margin:0;padding:0}.container-todo{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;max-width:500px;margin:2rem auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:0 20px 40px #0000001a}.input-section{gap:1rem;margin-bottom:2rem;display:flex}input[type=text]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50px;flex:1;padding:1rem 1.5rem;font-size:1.1rem;transition:all .3s;box-shadow:inset 0 2px 10px #0000001a}input[type=text]:focus{background:#fff;outline:none;transform:translateY(-2px);box-shadow:0 10px 25px #00000026}input[type=text]::placeholder{color:#888;font-weight:500}button{cursor:pointer;border:none;border-radius:50px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 5px 15px #0003}.ajouter-btn{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.ajouter-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #f093fb66}.fait-btn{color:#00a51e;background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);padding:.6rem 1.2rem;font-size:.9rem}.fait-btn:hover{color:#fff;background:#00a51e;transform:translateY(-3px);box-shadow:0 10px 25px #43e97b66}ul{margin:0;padding:0;list-style:none}li{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.2rem 1.5rem;font-size:1.1rem;font-weight:500;transition:all .3s;display:flex;box-shadow:0 8px 20px #0000001a}li:hover{transform:translate(5px);box-shadow:0 12px 30px #00000026}.supprimer-btn{color:#d63384;background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%);padding:.6rem 1.2rem;font-size:.9rem}.supprimer-btn:hover{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);transform:translateY(-2px)}@media (width<=600px){.container-todo{margin:1rem;padding:1.5rem}.input-section{flex-direction:column}li{text-align:center;flex-direction:column;gap:1rem}.supprimer-btn,.fait-btn{width:100%}}