:root{--bg-color: rgba(255, 255, 255, .1);--card-bg: rgba(255, 255, 255, .2);--item-bg: rgba(255, 255, 255, .3);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--border-color: rgba(255, 255, 255, .2);--hover-color: rgba(255, 255, 255, .4);--drag-bg: rgba(255, 255, 255, .3);--glassy-blur: 10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#000;color:var(--text-primary);overflow:hidden}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}#bg-video{width:100%;height:100%;object-fit:cover}.app{min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;position:relative}.heading-block{text-align:center;margin-bottom:24px;animation:fadeIn 1s ease-out}h1{font-size:2rem;margin-bottom:8px}.subtitle{color:var(--text-secondary)}.add-task-block{margin-bottom:24px;width:100%;max-width:600px;animation:fadeIn 1s ease-out}.task-input{width:100%;padding:12px 16px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--item-bg);color:var(--text-primary);font-size:1rem;-webkit-backdrop-filter:blur(var(--glassy-blur));backdrop-filter:blur(var(--glassy-blur));animation:fadeIn 1s ease-out}.task-input::placeholder{color:var(--text-secondary)}.task-input:focus{outline:none;border-color:#60a5fa}.tasks-block{margin-bottom:24px;width:100%;max-width:600px;animation:fadeIn 1s ease-out}.tasks-block h2{font-size:1.5rem;margin-bottom:12px}.task-list{display:flex;flex-direction:column;gap:8px}.task-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--item-bg);border-radius:8px;transition:background-color .2s,transform .2s;cursor:grab;-webkit-backdrop-filter:blur(var(--glassy-blur));backdrop-filter:blur(var(--glassy-blur));border:1px solid var(--border-color);animation:fadeIn .5s ease-out}.task-item:hover{background-color:var(--hover-color)}.task-item.dragging{opacity:.5;background-color:var(--drag-bg);transform:scale(1.02);cursor:grabbing}.drag-handle{color:var(--text-secondary);-webkit-user-select:none;user-select:none}.task-checkbox{width:18px;height:18px;cursor:pointer}.task-text{flex:1;font-size:1rem}.task-text.completed{text-decoration:line-through;color:var(--text-secondary)}.delete-button{opacity:0;background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--text-secondary);transition:opacity .2s,color .2s}.task-item:hover .delete-button{opacity:1}.delete-button:hover{color:#ef4444}.completed-tasks-block{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){h1{font-size:1.5rem}.task-item{padding:10px 12px}.delete-button{opacity:1}}@media (max-width: 400px){.app{padding:10px}.task-text{font-size:.9rem}}