*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(150deg,#96b198,#dedbd2,#edafb8);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;color:#0f172a}.todo-item{background:#ffffff26;border-radius:16px;padding:12px 16px;margin-bottom:12px;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.3);display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 30px #0000001a;transition:transform .3s ease,box-shadow .2s ease}.todo-item:hover{transform:translateY(-2px);box-shadow:0 8px 35px #9793dfb0}.todo-left{display:flex;align-items:center;gap:12px;flex:1}.todo-text{font-size:15px;color:#1d2c51e3}.todo-item.completed .todo-text{text-decoration:line-through;color:#94a3b8}.delete-btn{background:transparent;border:1px solid rgba(220,38,38,.12);color:#c53030;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .7s ease,box-shadow .7s ease,transform .7s ease}.delete-btn:hover{background:#dc262666;box-shadow:2px 4px 12px #dc265d64;color:#fff;transform:translateY(-3px)}.add-todo-form{display:flex;gap:10px;align-items:center}.add-todo-input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid rgba(15,23,42,.08);font-size:14px;outline:none}.add-todo-input:focus{border-color:#3b82f699;box-shadow:0 0 0 4px #3b82f60f}.add-todo-btn{padding:10px 14px;border-radius:8px;border:none;background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;font-weight:600}.todo-list-root{width:100%;max-width:760px;margin:40px auto;padding:40px;background:#ffffff75;border-radius:16px;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 10px 30px #141e3c14;background-image:linear-gradient(180deg,#fff9,#ffffff59);transition:box-shadow .3s ease,transform .7s ease}.todo-list-root:hover{box-shadow:0 20px 40px #141e3c82;transform:translateY(-5px)}.add-todo-btn{background:linear-gradient(120deg,#63bdf163,#925cf689);color:#14326da5;cursor:pointer;font-weight:600;transition:transform .7s ease,box-shadow .5s ease;margin-right:10px}.add-todo-btn:hover{background:linear-gradient(120deg,#63bdf191,#925cf6a1);box-shadow:0 4px 7px #9793dfb0;transform:translateY(-2px);color:#0875d4d6}.add-todo-input{font-size:15px;background-color:#af93e82b;border:.5px solid rgba(255,255,255,.08);margin-right:20px;transition:transform .7s ease,box-shadow .5s ease;color:#122656bf}.add-todo-input:focus{box-shadow:0 3px 7px #9793dfb0;border:#0875d400}.title{margin:0 0 18px;text-align:center;color:#386641c2;font-size:20px;font-weight:600}.add-wrap{margin-bottom:40px;padding:10px;background-color:#bfe3ff22;border-radius:8px;transition:transform .7s ease,box-shadow .5s ease;box-shadow:0 4px 27px #9793df64}.add-wrap:hover{box-shadow:0 8px 17px #9793dfb0;transform:translateY(-5px)}.items{display:flex;flex-direction:column;gap:16px}.status{text-align:center;color:#374151;margin:8px 0}.status.error{color:#b91c1c}.empty{color:#6b7280;text-align:center}.app-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px}.app-container{width:100%;max-width:900px;background:#ffffff75;background-image:linear-gradient(180deg,#fff9,#ffffff59);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);padding:24px;box-shadow:0 10px 30px #141e3c14;border-radius:25px;transition:box-shadow .3s ease,transform .7s ease}.app-container:hover{box-shadow:0 20px 40px #141e3c82;transform:translateY(-5px)}