*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f0eb;justify-content:center;align-items:flex-start;min-height:100vh;padding:24px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.container{flex-direction:column;gap:10px;width:100%;max-width:700px;display:flex}#header{color:#1a1825;margin:0;font-size:clamp(1.4rem,5vw,2rem);font-weight:700}#input-priority-section-container{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}#input-section{flex:200px;display:flex}#input-field{color:#1a1825;background:#f5f0eb;border:1.5px solid #6c63d5;border-radius:12px;outline:none;width:100%;min-width:0;height:44px;padding:0 16px;font-family:inherit;font-size:.95rem}#input-field::placeholder{color:#aaa}#priority-section{flex-shrink:0;align-items:center;gap:8px;display:flex}#priority-select{color:#1a1825;cursor:pointer;background:#fff;border:1.5px solid #e3ddd7;border-radius:12px;outline:none;height:44px;padding:0 14px;font-family:inherit;font-size:.9rem}#add-task-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6c63d5;border:none;border-radius:12px;height:44px;padding:0 20px;font-family:inherit;font-size:.95rem;font-weight:600}#add-task-btn:hover{background:#5a52c0}#task-filter{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#search-filter{flex:180px;align-items:center;gap:8px;min-width:0;display:flex}#search-filter input{color:#1a1825;background:#fff;border:1.5px solid #e3ddd7;border-radius:12px;outline:none;flex:1;min-width:0;height:44px;padding:0 14px;font-family:inherit;font-size:.9rem}#search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6c63d5;border:none;border-radius:12px;flex-shrink:0;height:44px;padding:0 16px;font-family:inherit;font-size:.9rem;font-weight:600}#search-btn:hover{background:#5a52c0}#task-filter-buttons{flex-wrap:wrap;flex:100%;align-items:center;gap:5px;display:flex}#task-filter button{color:#6c63d5;cursor:pointer;white-space:nowrap;background:#fefefe;border:none;border-radius:8px;height:34px;padding:0 12px;font-family:inherit;font-size:.82rem;font-weight:600}#task-filter button:active,#task-filter button:hover{background:#ede9fb}#task-container{background-color:#ede3e3;border-radius:14px;padding:10px}#taskList{flex-direction:column;gap:8px;list-style:none;display:flex}#taskList li{background:#fff;border:1px solid #e3ddd7;border-radius:14px;flex-wrap:nowrap;align-items:center;gap:8px;padding:10px 12px;display:flex}#taskList li>span:first-of-type{color:#1a1825;word-break:break-word;white-space:normal;flex:1 1 0;min-width:0;font-size:.9rem}#taskList li input[type=checkbox]{accent-color:#6c63d5;cursor:pointer;flex-shrink:0;width:16px;height:16px}#taskList li input[type=checkbox]:checked+span{color:#aaa;text-decoration:line-through}.priority{cursor:default;white-space:nowrap;border:none;border-radius:20px;flex-shrink:0;padding:3px 10px;font-family:inherit;font-size:.75rem;font-weight:600}.priority-high{color:#a32d2d;background:#fcebeb}.priority-medium{color:#854f0b;background:#faeeda}.priority-low{color:#3b6d11;background:#eaf3de}.edit-btn,.delete-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:4px 10px;font-family:inherit;font-size:.75rem;font-weight:600}.edit-btn{color:#6c63d5;background:#ede9fb}.delete-btn{color:#e05c6b;background:#fdeaec}@media (width<=600px){body{padding:14px 10px}.container{gap:8px}#priority-section{justify-content:space-between;width:100%}#priority-select{flex:1}#add-task-btn{text-align:center;flex:1}#search-filter{flex:100%;width:100%}#task-filter-buttons{justify-content:flex-start}}@media (width<=360px){#taskList li{flex-wrap:wrap}#taskList li>span:first-of-type{flex:100%;order:2}#taskList li input[type=checkbox]{order:1}.priority{order:3}.edit-btn{order:4}.delete-btn{order:5}}