*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:50px;color:#333}#root{width:100%;max-width:500px;padding:20px}.app-header{text-align:center;margin-bottom:2rem;color:#fff}.app-header h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px;text-shadow:0 4px 6px rgba(0,0,0,.2)}.app-header p{font-size:1.1rem;font-weight:300;opacity:.9}form{background:#ffffffe6;padding:2rem;border-radius:15px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;gap:15px;margin-bottom:2rem;transition:transform .3s ease}form:hover{transform:translateY(-5px)}form input[type=text]{border:2px solid #ddd;border-radius:8px;font-size:18px;padding:12px;outline:none;transition:border-color .3s}form input[type=text]:focus{border-color:#764ba2}form input[type=submit]{background:linear-gradient(to right,#667eea,#764ba2);color:#fff;border:none;padding:12px;font-size:18px;font-weight:700;border-radius:8px;cursor:pointer;transition:opacity .3s}form input[type=submit]:hover{opacity:.9}ul{list-style:none;display:flex;flex-direction:column;gap:15px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}ul li{background:#fff;padding:15px 20px 30px;border-radius:10px;font-size:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 6px #0000001a;position:relative;animation:slideIn .3s ease-out forwards}ul li button{background:#ff6b6b;border:none;color:#fff;font-size:14px;font-weight:700;border-radius:5px;padding:8px 12px;cursor:pointer;transition:background .3s,transform .2s}ul li button:hover{background:#ff4757;transform:scale(1.05)}.task-time{position:absolute;bottom:8px;right:15px;font-size:12px;color:#888;font-weight:500;font-style:italic}@keyframes shredderEffect{0%{transform:scale(1);opacity:1}to{transform:scaleX(1.1) scaleY(.1) translateY(50px);opacity:0;filter:blur(2px)}}ul li.shredding{animation:shredderEffect .5s ease-in forwards!important;pointer-events:none}h2{text-align:center;color:#fff;font-size:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-top:20px}