.app{position:relative;height:100vh;width:100%;overflow:hidden}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:-1}.todo-container{position:relative;z-index:1;max-width:600px;margin:auto;padding:20px;color:#fff}.inp{cursor:pointer;padding:10px;border-radius:6px;border:none}.input-group,.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.input-group input,.input-group select,.input-group button,.filters input,.filters select{flex:1 1 150px}.todo-list{list-style:none;padding:0}.todo-list li{background:#ffffff1a;margin-bottom:10px;padding:12px;border-radius:8px;display:flex;justify-content:space-between;flex-wrap:wrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.todo-list li.done{text-decoration:line-through;color:#ddd}.meta{font-size:.85em;color:#ccc;margin-top:5px}.actions button{margin-left:8px}.box{background-color:#00e5ff;color:#000;font-weight:700;border-radius:6px;transition:.3s}.box:hover{background-color:#00bcd4;color:#fff}