@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--theme-bg: #ffffff;--theme-text: #000000;--theme-primary: #ffff00;--theme-secondary: #00ffff;--theme-accent: #ff00ff;--theme-border: #000000;--theme-success: #00ff00;--theme-delete: #ff0000;--theme-shadow: rgba(0, 0, 0, .3)}html.dark-theme{--theme-bg: #0a0e27;--theme-text: #00ff00;--theme-primary: #ffff00;--theme-secondary: #00ffff;--theme-accent: #ff00ff;--theme-border: #00ff00;--theme-success: #00ff00;--theme-delete: #ff4444;--theme-shadow: rgba(0, 255, 0, .2)}html.dark-theme button{color:#fff!important}*{margin:0;padding:0;box-sizing:border-box}input,button{font:inherit}html{font-family:"Press Start 2P",cursive;font-size:10px;scroll-behavior:smooth}body{min-height:100vh;background-color:var(--theme-bg);color:var(--theme-text);padding:1rem;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease}main{flex-grow:1;margin:auto;width:100%;max-width:900px;display:flex;flex-flow:column nowrap;gap:2rem}section{border:3px solid var(--theme-border);box-shadow:3px 3px 0 var(--theme-shadow),6px 6px 0 var(--theme-shadow);padding:1.5rem;background-color:var(--theme-bg);transition:all .3s ease}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:1rem}header h1{font-size:2rem;text-shadow:2px 2px 0 var(--theme-border),4px 4px 0 var(--theme-primary)}#themeToggle{background-color:var(--theme-secondary);color:var(--theme-border);border:2px solid var(--theme-border);box-shadow:3px 3px 0 var(--theme-border);padding:.5rem 1rem;min-width:0;min-height:0;font-size:.8rem;font-weight:700;transition:all .1s ease}#themeToggle:hover,#themeToggle:focus{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--theme-border);outline:none}#themeToggle:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--theme-border)}.newTask{position:sticky;top:1rem;z-index:10}.newTask form{display:flex;gap:.5rem;font-size:1rem}.newTask input{flex:1;border:2px solid var(--theme-border);box-shadow:2px 2px 0 var(--theme-border);padding:.8rem;min-width:0;background-color:var(--theme-bg);color:var(--theme-text);font-size:.9rem;transition:all .2s ease}.newTask input:focus{outline:none;box-shadow:2px 2px 0 var(--theme-border),4px 4px 0 var(--theme-primary);border-color:var(--theme-primary)}.newTask button{background-color:var(--theme-primary);color:var(--theme-border);border:2px solid var(--theme-border);box-shadow:3px 3px 0 var(--theme-border);padding:.5rem 1rem;min-width:3rem;min-height:3rem;font-weight:700;transition:all .1s ease}.newTask button:hover,.newTask button:focus{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--theme-border);outline:none}.newTask button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--theme-border)}.tasksList{font-size:.9rem;flex-grow:1;display:flex;flex-flow:column}.tasksList header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--theme-border)}.tasksList header h2{font-size:1.2rem;margin:0;text-shadow:1px 1px 0 var(--theme-primary)}.tasksList header button{background-color:var(--theme-delete);color:#fff;border:2px solid var(--theme-border);box-shadow:2px 2px 0 var(--theme-border);padding:.4rem .8rem;min-width:0;min-height:0;font-size:.8rem;font-weight:700;transition:all .1s ease}.tasksList header button:hover,.tasksList header button:focus{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--theme-border);outline:none}.tasksList header button:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--theme-border)}.tasks{flex-grow:1;display:flex;flex-flow:column nowrap;list-style-type:none;gap:.8rem}.task{display:flex;align-items:center;padding:.8rem;gap:.8rem;border:2px solid var(--theme-border);background-color:var(--theme-bg);transition:all .2s ease}.task:hover{box-shadow:2px 2px 0 var(--theme-primary);transform:translate(-2px,-2px)}.task>input[type=checkbox]{min-width:2rem;min-height:2rem;width:2rem;height:2rem;cursor:pointer;accent-color:var(--theme-primary);border:2px solid var(--theme-border);box-shadow:1px 1px 0 var(--theme-border)}.task>input[type=checkbox]:checked+label{text-decoration:line-through;opacity:.6}.task>label{flex-grow:1;word-break:break-word;cursor:pointer;font-size:.95rem}.task>button{background-color:var(--theme-delete);color:#fff;border:2px solid var(--theme-border);box-shadow:2px 2px 0 var(--theme-border);padding:.4rem .8rem;min-width:0;min-height:0;font-size:.8rem;font-weight:700;transition:all .1s ease;flex-shrink:0}.task>button:hover,.task>button:focus{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--theme-border);outline:none}.task>button:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--theme-border)}button{cursor:pointer;font-family:inherit}button:active{-webkit-user-select:none;user-select:none}@media(max-width:768px){html{font-size:8px}header h1{font-size:1.5rem}.newTask input{font-size:.85rem}section{padding:1rem;border:2px solid var(--theme-border);box-shadow:2px 2px 0 var(--theme-shadow)}.task{padding:.6rem;gap:.6rem}}@media(max-width:480px){html{font-size:7px}main{gap:1rem}section{padding:.8rem;border:2px solid var(--theme-border);box-shadow:1px 1px 0 var(--theme-shadow)}.task{flex-wrap:wrap}.task>button{flex-basis:100%}}