:root{--bg-gradient:linear-gradient(135deg,#89f7fe,#66a6ff);--text-color:#1a1a1a;--card-bg:hsla(0,0%,100%,.9);--input-bg:#fff;--item-bg:#f3f4f6;--shadow:rgba(0,0,0,.1)}body.dark{--bg-gradient:linear-gradient(135deg,#0f172a,#1e293b);--text-color:#f1f5f9;--card-bg:rgba(30,41,59,.8);--input-bg:#1e293b;--item-bg:#334155;--shadow:rgba(0,0,0,.5)}body{background:linear-gradient(135deg,#89f7fe,#66a6ff);background:var(--bg-gradient);color:#1a1a1a;color:var(--text-color);transition:all .3s ease}.date{font-size:14px;margin-bottom:10px}*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}.main-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.center-container{background:var(--card-bg);border-radius:20px;box-shadow:0 10px 30px var(--shadow);padding:24px;transition:.3s;width:380px}.app-heading{font-size:22px;font-weight:700;margin-bottom:10px;margin-top:10px}.input-container{display:flex;gap:8px;margin:12px 0}.input-box-todo{flex:1 1}.input-box-todo,.time-input{background:var(--input-bg);border:none;border-radius:10px;color:var(--text-color);outline:none;padding:10px}.add-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:20px;height:42px;transition:.2s;width:42px}.add-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.list-item{align-items:center;background:var(--item-bg);border-radius:12px;display:flex;justify-content:space-between;list-style:none;margin-top:10px;padding:10px 12px}.task-content{display:flex;flex-direction:column}.task-text{font-size:14px;font-weight:500}.task-time{font-size:11px;opacity:.7}.completed .task-text{opacity:.5;text-decoration:line-through}.icons i{cursor:pointer;margin-left:10px;transition:.2s}.icons i:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.icon-complete{color:#22c55e}.icon-delete{color:#ef4444}.clear-btn{background:linear-gradient(135deg,#ff416c,#ff4b2b);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:10px;width:100%}.clear-btn:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.theme-toggle{background:var(--text-color);border:none;border-radius:10px;color:var(--card-bg);cursor:pointer;font-weight:600;margin-bottom:10px;padding:8px;width:100%}.empty-state{margin-top:20px;opacity:.7;text-align:center}
/*# sourceMappingURL=main.f9a8ec91.css.map*/