:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}*,*:before,*:after{padding:0;margin:0;border:0;box-sizing:border-box}a{text-decoration:none;color:inherit}ul,ol,li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}html,body{height:100%;line-height:1}button,input{cursor:pointer;background-color:inherit}.app{min-height:100vh;width:800px;padding:20px;transition:background-color .6s,color .4s}.app.light{--bg: #ffffff;--text: #111111;--border: #cccccc;--todo-bg: #fffaa5;--span: #b1ab00;--but_bg: #25ff0882;--but_hover: #00ffea89}.app.dark{--bg: #121212;--text: #f5f5f5;--border: #00e1ff;--todo-bg: #002a35c9;--span: #d000ff;--but_bg: #359dffab;--but_hover: #fff70089}.app{background-color:var(--bg);color:var(--text)}ul{list-style:none;padding:0}li{background-color:var(--todo-bg);border:1px solid var(--border);padding:8px 12px;margin-bottom:8px;border-radius:6px;display:flex;align-items:center;gap:8px}button{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:center;padding:10px 20px;margin:0 auto;border-radius:5px;background-color:var(--but_bg);transition:background-color .6s}button:hover{background-color:var(--but_hover)}button:disabled{background-color:silver;color:#888;cursor:not-allowed;transition:background-color .2s}input{background-color:transparent;color:var(--text);border:1px solid var(--border)}.theme_container{display:flex;justify-content:center;flex-direction:column;margin:30px 0}.theme_header{font-size:36px;margin-bottom:15px}.span-el{color:var(--span);font-style:italic;font-weight:700}.theme_button{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:center;padding:10px 20px;margin:0 auto;border-radius:5px;background-color:var(--but_bg);transition:opacity .6s,background-color .6s}.theme_button:hover{background-color:var(--but_hover)}._todo_container_13lux_1{display:flex;flex-direction:column;margin-top:40px}._todo_header_13lux_11{font-size:30px;font-weight:700}._todo_btn_13lux_19{width:120px;padding:10px 20px;text-align:center;margin:0 auto 30px}._input_13lux_31{height:30px;border-radius:5px;width:500px;margin:30px auto;border:1px solid #00fffb}._ul_container_tud5w_1{width:500px;margin:0 auto;background-color:#00546b;padding:15px 20px;border-radius:10px;border:1px solid #00ffd0}._li_container_tud5w_19{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:10px;padding:10px}._chk_span_tud5w_35{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;white-space:normal;overflow-wrap:anywhere;word-wrap:break-word;word-break:break-word;line-height:1.5}._chk_tud5w_35{height:20px;min-width:20px}._del_btn_tud5w_69{display:flex;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;margin:0 0 0 10px}