*{box-sizing:border-box}.App{max-width:720px;margin:0 auto;padding:24px}header{margin-bottom:16px}header h1{margin:0 0 4px;font-size:28px}header p{margin:0;color:#555}.task-form{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}#inp{display:flex;align-items:center;gap:8px;flex:1;padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}#inp input{flex:1;border:0;outline:0;background:transparent;font-size:14px}#btns{display:flex;gap:8px}#btns select{padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.task-list{list-style:none;padding:0;margin:16px 0}.task-list li.completed{text-decoration:line-through;opacity:.7}.task-list button{background:none;border:0;color:#047857;cursor:pointer;padding:6px 8px;border-radius:6px}h1:first-letter{color:brown;background-color:#fadada;font-size:50px}.progress-tracker{margin:20px 0;text-align:center}.progress-bar{width:100%;height:15px;background-color:#dcdcdc;border:2px solid black;border-radius:5px;overflow:hidden;margin-top:10px}.progress{height:100%;background-color:#188f1c;transition:width .3s ease}.list{background-color:linen;text-align:justify;font-style:normal;gap:10px;font-display:optional}.button{margin:10px;padding:10px;display:flex;gap:15px}#complete{color:#000;font-weight:700;margin:10px;padding:10px;width:100px;border:3px solid green;background-color:#70f470}#complete:hover{background-color:#006400;color:#70f470}#delete{color:#000;font-weight:bolder;margin:10px;padding:10px;width:100px;border:3px solid red;background-color:#faadad}#delete:hover{color:#faadad;background-color:red}.main{width:80%;max-width:600px;background-color:#fff;padding:25px;box-shadow:0 4px 12px #0000001a;border-radius:10px;margin-top:30px}header{background-color:#f8d6d5;padding:12px 20px;border-radius:8px;color:#b03030;font-family:Georgia,serif;margin-bottom:20px}input[type=text]{padding:8px;border:2px solid black;border-radius:4px;width:74%;outline:none;background-color:#fffcfc}input[type=text]::placeholder{color:gray;font-weight:700;font-style:italic}button{background-color:#8b0000;color:#fff;border:2px solid black;border-radius:4px;padding:8px 15px;margin-left:10px;cursor:pointer;font-weight:700;transition:background-color .2s}button:hover{background-color:#dd9c9c;color:#8b0000}select{padding:6px;border:2px solid #050404;border-radius:4px;margin-right:10px;background-color:#f0f8ff}.task-item{display:flex;justify-content:space-between;align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:1px 16px;margin-bottom:15px;box-shadow:0 2px 5px #0000000d;transition:.3s}.high-priority{background-color:#f8f9e6;border:2px solid darkgoldenrod;box-shadow:0 2px 10px #ff00001a}.high-priority .task-info{color:#b30000;font-weight:600}.high-priority:hover{background-color:#ffeaea;transform:scale(1.01)}.clear-tasks-container{text-align:center;margin-top:15px}.task-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;border:1px solid #eeeeee;border-radius:8px;background:#fff}.task-priority-high{border-left:5px solid #d9534f;background-color:#fcebeb;font-weight:700}.task-priority-medium{border-left:5px solid #f0ad4e}.task-priority-low{border-left:5px solid #5cb85c}.overdue{border-color:#d32f2f;background-color:#fff1f0}.due-info{display:block;margin-top:6px;color:#4b5563;font-size:.85rem}.toast-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000001f;z-index:1000}.toast-notification{background:#f8d6d5;color:#b03030;border:2px solid #b03030;padding:18px 20px;border-radius:12px;box-shadow:0 14px 40px #b030301f;max-width:520px;width:min(92%,520px);font-weight:700}.notification-settings{margin:16px 0 10px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.notification-settings label{display:flex;align-items:center;gap:8px;font-weight:600}.notice-text{color:#444;font-size:.9rem}.toast-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.toast-actions button{border:1px solid #b03030;color:#b03030;background:transparent;border-radius:6px;padding:6px 10px;cursor:pointer;font-weight:600}.toast-actions .snooze-button{background:#b03030;color:#fff;border-color:#8a2626}.toast-actions button:hover{opacity:.95}