/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}:root{--primary-color:#33b316;--primary-hover-color:#2f8e0c;--btn-text-color:#fff;--btn-text-color-hover:#d6d6d6;--background-color:#f4f4f4;--container-bg-color:#fff;--text-color-dark:#333;--text-color-medium:#555;--border-color:#ddd;--light-border-color:#eee;--task-item-bg-color:#f9f9f9;--delete-btn-color:#dc3545;--delete-btn-hover-color:#c82333;--edit-btn-color:#ffc107;--edit-btn-hover-color:#e0a800;--save-btn-color:#28a745;--save-btn-hover-color:#218838;--white-color:white;--spacing-sm:8px;--spacing-md:10px;--spacing-lg:15px;--spacing-xl:25px;--padding-input:12px;--padding-container:30px;--padding-top-body:50px;--border-radius-sm:4px;--border-radius-md:5px;--border-radius-lg:8px;--box-shadow-light:0 4px 8px #0000001a;--focus-shadow:0 0 0 .2rem #007bff40;--font-family-sans:Arial,sans-serif;--font-size-base:1rem;--font-size-lg:1.1rem;--font-size-sm:.9rem}.dark-mode{--background-color:#1a1a1a;--container-bg-color:#2c2c2c;--text-color-dark:#f0f0f0;--text-color-medium:#b0b0b0;--border-color:#444;--light-border-color:#383838;--task-item-bg-color:#363636;--box-shadow-light:0 4px 8px #0006;--focus-shadow:0 0 0 .2rem #007bff66;--primary-color:#7b42d1;--primary-hover-color:#6827af;--btn-text-color:#000;--btn-text-color-hover:#2c2c2c;--delete-btn-color:#ff6b6b;--delete-btn-hover-color:#ff4747;--edit-btn-color:gold;--edit-btn-hover-color:#e6c200;--save-btn-color:#4caf50;--save-btn-hover-color:#45a049;--white-color:#f0f0f0}body{font-family:var(--font-family-sans),sans-serif;background-color:var(--background-color);flex-direction:column;min-height:100vh;margin:0;display:flex}.container{background-color:var(--container-bg-color);padding:var(--padding-container);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-light);max-width:500px;margin:var(--spacing-xl)auto;flex-grow:1}h1{text-align:center;color:var(--text-color-dark);margin-bottom:var(--spacing-xl)}label{min-width:80px;color:var(--text-color-dark);font-weight:700}.menu-container{text-align:center;margin-bottom:20px}.menu-button{border:1px solid var(--primary-color);border-radius:var(--border-radius-md);background-color:var(--white-color);color:var(--primary-color);cursor:pointer;margin:0 5px;padding:10px 15px;transition:background-color .2s,color .2s}.menu-button:hover,.menu-button.active{background-color:var(--primary-color);color:var(--white-color)}.delete-btn,.edit-btn,.save-btn{border-radius:var(--border-radius-sm);color:var(--btn-text-color);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm)12px;border:none;transition:background-color .2s}.delete-btn{background-color:var(--delete-btn-color)}.delete-btn:hover{background-color:var(--delete-btn-hover-color)}.edit-btn{background-color:var(--edit-btn-color)}.edit-btn:hover{background-color:var(--edit-btn-hover-color)}.save-btn{background-color:var(--save-btn-color)}.save-btn:hover{background-color:var(--save-btn-hover-color)}.action-buttons-section{margin-top:var(--spacing-xl);text-align:center;justify-content:center;gap:var(--spacing-md);display:flex}#print-list-btn{padding:var(--padding-input)20px;background-color:var(--primary-color);color:var(--btn-text-color);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-base);border:none;transition:background-color .2s}#print-list-btn:hover{background-color:var(--primary-hover-color)}#clear-list-btn{padding:var(--padding-input)20px;background-color:var(--delete-btn-color);color:var(--btn-text-color);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-base);border:none;transition:background-color .2s}#clear-list-btn:hover{background-color:var(--delete-btn-hover-color)}.input-section,.list-name-section{align-items:center;gap:10px;margin-bottom:20px;display:flex}.input-section input[type=text]{border:1px solid #ccc;border-radius:4px;flex-grow:1;padding:8px}.input-section button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:8px 15px}.input-section button:hover{background-color:#0056b3}.edit-input{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-lg);margin-right:var(--spacing-md);flex-grow:1}#new-task-input,#todo-list-name-input{background-color:var(--container-bg-color);color:var(--text-color-dark);padding:var(--padding-input);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);flex-grow:1}#new-task-input:focus,#todo-list-name-input:focus{border-color:var(--primary-color);box-shadow:var(--focus-shadow);outline:none}#add-task-btn{padding:var(--padding-input)20px;background-color:var(--primary-color);color:var(--btn-text-color);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-base);border:none;transition:background-color .2s}#add-task-btn:hover{background-color:var(--primary-hover-color)}#task-list{margin:0;padding:0;list-style:none}#task-list li{background-color:var(--task-item-bg-color);border:1px solid var(--light-border-color);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);border-radius:var(--border-radius-md);word-wrap:break-word;word-break:break-all;justify-content:space-between;align-items:center;display:flex}#task-list li:last-child{margin-bottom:0}.task-text{font-size:var(--font-size-lg);color:var(--text-color-medium);margin-right:var(--spacing-md);flex-grow:1}.task-actions{gap:var(--spacing-sm);display:flex}.main-header{background-color:var(--primary-color);color:var(--btn-text-color);padding:var(--spacing-lg)0;box-shadow:var(--box-shadow-light);width:100%}.header-content{max-width:1200px;padding:0 var(--spacing-md);box-sizing:border-box;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.main-header h1{color:var(--btn-text-color);text-align:left;margin:0;font-size:1.8rem}.main-header .home-link{color:inherit;text-decoration:none}.header-nav{gap:var(--spacing-xl);margin:0;padding:0;list-style:none;display:flex}.header-nav .nav-link{color:var(--btn-text-color);font-weight:700;text-decoration:none;transition:color .2s ease-in-out}.header-nav .nav-link:hover{color:var(--btn-text-color-hover)}.header-nav .nav-link.active{color:var(--white-color);text-decoration:underline}.main-footer{background-color:var(--primary-color);color:var(--btn-text-color);padding:var(--spacing-lg)var(--padding-container);text-align:center;margin-top:auto}.main-footer p{margin:0 0 var(--spacing-sm)0;font-size:var(--font-size-sm)}.main-footer .footer-links a{color:var(--btn-text-color);margin:0 var(--spacing-md);font-size:var(--font-size-sm);text-decoration:none;transition:color .2s ease-in-out}.main-footer .footer-links a:hover{color:var(--btn-text-color-hover)}.cs_logo{width:80px;padding-right:15px}.content-page-container{background-color:var(--container-bg-color);padding:var(--padding-container);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-light);max-width:800px;margin:var(--spacing-xl)auto;color:var(--text-color-medium);flex-grow:1;line-height:1.6}.page-title{text-align:center;color:var(--text-color-dark);margin-bottom:var(--spacing-xl);font-size:2.2rem}.page-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border:1px solid var(--light-border-color);border-radius:var(--border-radius-md);background-color:var(--task-item-bg-color)}.page-section h2{color:var(--primary-color);margin-top:0;margin-bottom:var(--spacing-md);font-size:1.5rem}.page-section p{margin-bottom:var(--spacing-md)}.page-section ul{margin-left:20px;margin-bottom:var(--spacing-md);list-style-type:disc}.page-section li{margin-bottom:var(--spacing-sm)}.page-section a{color:var(--primary-color);text-decoration:none;transition:color .2s ease-in-out}.page-section a:hover{color:var(--primary-hover-color);text-decoration:underline}@media (width>768px){.container{width:1000px}}@media (width<=768px){.header-content{text-align:center;gap:var(--spacing-sm);padding:var(--spacing-sm);flex-direction:column}.header-nav{gap:var(--spacing-sm);flex-direction:column;width:100%}.header-nav li{width:100%}.header-nav a{width:100%;padding:var(--spacing-sm);display:block}.menu-container{flex-direction:column;width:100%}.menu-button{text-align:center;width:100%}.content-page-container{margin:20px;padding:20px}}@media (width<=600px){.control-section{width:100%}.input-section{flex-direction:column;width:100%}.input-section label{text-align:left;width:100%}#new-task-input{box-sizing:border-box;width:100%}label[for=todo-list-name-input]{display:none}.input-section button{width:100%}#task-list li{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column}.task-actions{justify-content:space-between;width:100%}.task-text{word-break:break-word;width:100%;margin-right:0}.edit-input{box-sizing:border-box;width:100%;margin-right:0}.footer-links{gap:var(--spacing-md);flex-direction:column;align-items:center}.page-title{font-size:1.8rem}.page-section h2{font-size:1.3rem}.page-section{padding:var(--spacing-md)}.action-buttons-section{flex-direction:column;align-items:center}#print-list-btn,#clear-list-btn{width:100%;margin-bottom:var(--spacing-sm)}}
/*# sourceMappingURL=todo.capella-soft.com.425edac1.css.map */