*{font-family:Inter,sans-serif;margin:0;padding:0;box-sizing:border-box;color:#202124}h1,h2,h3,input,button{font-family:"Press Start 2P",system-ui}#root{min-height:100vh;display:flex;flex-direction:column;padding:14px;background:#eff6ff;gap:14px}header{display:flex;align-items:stretch}header,.main{max-width:800px;width:100%;margin:0 auto;gap:14px}header input{flex:1;border-radius:14px;outline:none;width:100%}header button{border-radius:14px;background:transparent;transition-duration:.2s;cursor:pointer}header button:hover{opacity:.7}header button,header input{padding:14px 18px;border:none;outline:none;background:#fff}p{font-size:.9em}.main{display:flex;flex-direction:column;gap:14px}.todoItem{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:#fff;margin:20px}.todoItem p{flex:1}.actionsContainer{display:flex;align-items:center;gap:14px}.actionsContainer button{transition-duration:.2s;border:none;background:transparent;cursor:pointer}.actionsContainer button:hover{opacity:.7}.ai-suggestions{margin:20px 0;padding:20px;background-color:#f8f9fa;border-radius:12px;box-shadow:0 4px 6px #0000001a}.ai-suggestions h3{color:#2c3e50;margin-bottom:15px;font-size:1.2rem;display:flex;align-items:center;gap:8px}.ai-suggestions h3:before{content:"🤖";font-size:1.4rem}.category-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px;position:relative;z-index:2}.suggestions-container{position:relative;z-index:1}.category-filters button{padding:6px 12px;border:1px solid #dee2e6;border-radius:20px;background-color:#fff;cursor:pointer;transition:all .2s ease;font-size:.9rem}.category-filters button:hover{background-color:#e9ecef;transform:translateY(-1px)}.category-filters button.active{background-color:#2c3e50;color:#fff;border-color:#2c3e50}.ai-suggestions ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.suggestion-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;background-color:#fff;transition:all .2s ease}.suggestion-item:hover{transform:translate(5px);box-shadow:0 2px 4px #0000000d}.suggestion-item.work{border-left:4px solid #3498db}.suggestion-item.personal{border-left:4px solid #e74c3c}.suggestion-item.shopping{border-left:4px solid #2ecc71}.suggestion-item.health{border-left:4px solid #9b59b6}.suggestion-item.home{border-left:4px solid #f1c40f}.suggestion-item.other{border-left:4px solid #95a5a6}.category-icon{font-size:1.2rem;min-width:24px;text-align:center}.suggestion-item button{flex:1;text-align:left;background:none;border:none;padding:8px 12px;cursor:pointer;color:#2c3e50;font-size:.95rem;transition:color .2s ease}.suggestion-item button:hover{color:#3498db}@media (min-width: 640px){header button,header input{font-size:1.2em}p{font-size:1em}}