.app-card[data-id="language"] .app-icon, .app-icon[data-id="language"] { background: #dc2626; }
.app-card[data-id="math"] .app-icon, .app-icon[data-id="math"] { background: #1e40af; }
.app-card[data-id="music"] .app-icon, .app-icon[data-id="music"] { background: #7c3aed; }
.app-card[data-id="quiz"] .app-icon, .app-icon[data-id="quiz"] { background: #f59e0b; }
.app-card[data-id="books"] .app-icon, .app-icon[data-id="books"] { background: #92400e; }
.app-card[data-id="bandmates"] .app-icon, .app-icon[data-id="bandmates"] { background: #e11d48; }
.app-card[data-id="meetup"] .app-icon, .app-icon[data-id="meetup"] { background: #16a34a; }
.app-card[data-id="calculator"] .app-icon, .app-icon[data-id="calculator"] { background: #1e40af; }
.app-card[data-id="chessclock"] .app-icon, .app-icon[data-id="chessclock"] { background: #0f172a; }
.app-card[data-id="timer"] .app-icon, .app-icon[data-id="timer"] { background: #dc2626; }
.app-card[data-id="converter"] .app-icon, .app-icon[data-id="converter"] { background: #0891b2; }
.app-card[data-id="notes"] .app-icon, .app-icon[data-id="notes"] { background: #f59e0b; }
.app-card[data-id="pomodoro"] .app-icon, .app-icon[data-id="pomodoro"] { background: #e11d48; }
.app-card[data-id="qrcode"] .app-icon, .app-icon[data-id="qrcode"] { background: #111827; }
.app-card[data-id="colorpicker"] .app-icon, .app-icon[data-id="colorpicker"] { background: #8b5cf6; }
.app-card[data-id="password"] .app-icon, .app-icon[data-id="password"] { background: #059669; }
.app-card[data-id="whiteboard"] .app-icon, .app-icon[data-id="whiteboard"] { background: #6366f1; }
.app-card[data-id="flashcards"] .app-icon, .app-icon[data-id="flashcards"] { background: #2563eb; }
.app-card[data-id="habits"] .app-icon, .app-icon[data-id="habits"] { background: #16a34a; }
.app-card[data-id="weather"] .app-icon, .app-icon[data-id="weather"] { background: #0ea5e9; }
.app-card[data-id="stopwatch"] .app-icon, .app-icon[data-id="stopwatch"] { background: #ea580c; }
.app-card[data-id="mandarin-english"] .app-icon, .app-icon[data-id="mandarin-english"] { background: #dc2626; }
.app-card[data-id="snowman"] .app-icon, .app-icon[data-id="snowman"] { background: #38bdf8; }
.app-card[data-id="typeflow"] .app-icon, .app-icon[data-id="typeflow"] { background: #7c3aed; }
.app-card[data-id="streak"] .app-icon, .app-icon[data-id="streak"] { background: #f97316; }
.app-card[data-id="spending"] .app-icon, .app-icon[data-id="spending"] { background: #4f46e5; }
.app-card[data-id="artout"] .app-icon, .app-icon[data-id="artout"] { background: #e11d48; }
.app-card[data-id="faces"] .app-icon, .app-icon[data-id="faces"] { background: #8b5cf6; }
.app-card[data-id="whenly"] .app-icon, .app-icon[data-id="whenly"] { background: #0d9488; }
.app-card[data-id="kanban"] .app-icon, .app-icon[data-id="kanban"] { background: #2563eb; }
.app-card[data-id="docbot"] .app-icon, .app-icon[data-id="docbot"] { background: #6366f1; }
.app-card[data-id="population-agent"] .app-icon, .app-icon[data-id="population-agent"] { background: #0891b2; }
.app-card[data-id="facer"] .app-icon, .app-icon[data-id="facer"] { background: #7c3aed; }
.app-card[data-id="pdfreader"] .app-icon, .app-icon[data-id="pdfreader"] { background: #1e293b; }
.app-card[data-id="flight-search"] .app-icon, .app-icon[data-id="flight-search"] { background: #0284c7; }
.app-card[data-id="qrreader"] .app-icon, .app-icon[data-id="qrreader"] { background: #111827; }
.app-card[data-id="decision-wheel"] .app-icon, .app-icon[data-id="decision-wheel"] { background: #e11d48; }
.app-card[data-id="smart-planner"] .app-icon, .app-icon[data-id="smart-planner"] { background: #059669; }
.app-card[data-id="message"] .app-icon, .app-icon[data-id="message"] { background: #2563eb; }
.app-card[data-id="spreadsheet"] .app-icon, .app-icon[data-id="spreadsheet"] { background: #f3f4f6; }
.app-card[data-id="periodic-table"] .app-icon, .app-icon[data-id="periodic-table"] { background: #f3f4f6; }
.app-card[data-id="physics"] .app-icon, .app-icon[data-id="physics"] { background: #f3f4f6; }
.app-card[data-id="graphing"] .app-icon, .app-icon[data-id="graphing"] { background: #f3f4f6; }
.app-card[data-id="anatomy"] .app-icon, .app-icon[data-id="anatomy"] { background: #f3f4f6; }
.app-card[data-id="chemistry"] .app-icon, .app-icon[data-id="chemistry"] { background: #f3f4f6; }
.app-card[data-id="solar-system"] .app-icon, .app-icon[data-id="solar-system"] { background: #f3f4f6; }
.app-card[data-id="cell-biology"] .app-icon, .app-icon[data-id="cell-biology"] { background: #f3f4f6; }
.app-card[data-id="circuits"] .app-icon, .app-icon[data-id="circuits"] { background: #f3f4f6; }
.app-card[data-id="statistics"] .app-icon, .app-icon[data-id="statistics"] { background: #f3f4f6; }
.app-card[data-id="star-map"] .app-icon, .app-icon[data-id="star-map"] { background: #f3f4f6; }
.app-card[data-id="geography"] .app-icon, .app-icon[data-id="geography"] { background: #f3f4f6; }
.app-card[data-id="math-reference"] .app-icon, .app-icon[data-id="math-reference"] { background: #f3f4f6; }
.app-card[data-id="workout"] .app-icon, .app-icon[data-id="workout"] { background: #f3f4f6; }
.app-card[data-id="meditation"] .app-icon, .app-icon[data-id="meditation"] { background: #f3f4f6; }
.app-card[data-id="calories"] .app-icon, .app-icon[data-id="calories"] { background: #f3f4f6; }
.app-card[data-id="sleep"] .app-icon, .app-icon[data-id="sleep"] { background: #f3f4f6; }
.app-card[data-id="budget"] .app-icon, .app-icon[data-id="budget"] { background: #f3f4f6; }
.app-card[data-id="split"] .app-icon, .app-icon[data-id="split"] { background: #f3f4f6; }
.app-card[data-id="pixel-art"] .app-icon, .app-icon[data-id="pixel-art"] { background: #f3f4f6; }
.app-card[data-id="sketch"] .app-icon, .app-icon[data-id="sketch"] { background: #f3f4f6; }
.app-card[data-id="palette"] .app-icon, .app-icon[data-id="palette"] { background: #f3f4f6; }
.app-card[data-id="recipes"] .app-icon, .app-icon[data-id="recipes"] { background: #f3f4f6; }
.app-card[data-id="morse"] .app-icon, .app-icon[data-id="morse"] { background: #f3f4f6; }
.app-card[data-id="music-theory"] .app-icon, .app-icon[data-id="music-theory"] { background: #f3f4f6; }
.app-card[data-id="typing"] .app-icon, .app-icon[data-id="typing"] { background: #f3f4f6; }
.app-card[data-id="markdown"] .app-icon, .app-icon[data-id="markdown"] { background: #f3f4f6; }
.app-card[data-id="dictionary"] .app-icon, .app-icon[data-id="dictionary"] { background: #f3f4f6; }
.app-card[data-id="journal"] .app-icon, .app-icon[data-id="journal"] { background: #f3f4f6; }
.app-card[data-id="regex"] .app-icon, .app-icon[data-id="regex"] { background: #f3f4f6; }
.app-card[data-id="json"] .app-icon, .app-icon[data-id="json"] { background: #f3f4f6; }
.app-card[data-id="loan"] .app-icon, .app-icon[data-id="loan"] { background: #f3f4f6; }
.app-card[data-id="metronome"] .app-icon, .app-icon[data-id="metronome"] { background: #f3f4f6; }
.app-card[data-id="quotes"] .app-icon, .app-icon[data-id="quotes"] { background: #f3f4f6; }
.app-card[data-id="countdown"] .app-icon, .app-icon[data-id="countdown"] { background: #f3f4f6; }
.app-card[data-id="plants"] .app-icon, .app-icon[data-id="plants"] { background: #f3f4f6; }
.app-card[data-id="hiit"] .app-icon, .app-icon[data-id="hiit"] { background: #f3f4f6; }
.app-card[data-id="resume"] .app-icon, .app-icon[data-id="resume"] { background: #f3f4f6; }
.app-card[data-id="wordcount"] .app-icon, .app-icon[data-id="wordcount"] { background: #f3f4f6; }
.app-card[data-id="focus"] .app-icon, .app-icon[data-id="focus"] { background: #f3f4f6; }
.app-card[data-id="mood"] .app-icon, .app-icon[data-id="mood"] { background: #f3f4f6; }
.app-card[data-id="expense"] .app-icon, .app-icon[data-id="expense"] { background: #f3f4f6; }
.app-card[data-id="type-spec"] .app-icon, .app-icon[data-id="type-spec"] { background: #f3f4f6; }
.app-card[data-id="encode"] .app-icon, .app-icon[data-id="encode"] { background: #f3f4f6; }
.app-card[data-id="mindmap"] .app-icon, .app-icon[data-id="mindmap"] { background: #f3f4f6; }
.app-card[data-id="tides"] .app-icon, .app-icon[data-id="tides"] { background: #f3f4f6; }
.app-card[data-id="photo"] .app-icon, .app-icon[data-id="photo"] { background: #f3f4f6; }
.app-card[data-id="invoice"] .app-icon, .app-icon[data-id="invoice"] { background: #f3f4f6; }
.app-card[data-id="lol-app"] .app-icon, .app-icon[data-id="lol-app"] { background: #f3f4f6; }
.app-card[data-id="hello-world-greetings"] .app-icon, .app-icon[data-id="hello-world-greetings"] { background: #f3f4f6; }
.app-card[data-id="shoplist"] .app-icon, .app-icon[data-id="shoplist"] { background: #f3f4f6; }
.app-card[data-id="agentcoder"] .app-icon, .app-icon[data-id="agentcoder"] { background: #f3f4f6; }
.app-card[data-id="soccer-live"] .app-icon, .app-icon[data-id="soccer-live"] { background: #f3f4f6; }
.app-card[data-id="convert-color"] .app-icon, .app-icon[data-id="convert-color"] { background: #f3f4f6; }
.app-card[data-id="crontab-explain"] .app-icon, .app-icon[data-id="crontab-explain"] { background: #f3f4f6; }
.app-card[data-id="planning-poker"] .app-icon, .app-icon[data-id="planning-poker"] { background: #f3f4f6; }
.app-card[data-id="mcp-live-demo"] .app-icon, .app-icon[data-id="mcp-live-demo"] { background: #f3f4f6; }
.app-card[data-id="extract-color"] .app-icon, .app-icon[data-id="extract-color"] { background: #f3f4f6; }
.app-card[data-id="lens-journal"] .app-icon, .app-icon[data-id="lens-journal"] { background: #f3f4f6; }
.app-card[data-id="whisper-room"] .app-icon, .app-icon[data-id="whisper-room"] { background: #f3f4f6; }
.app-card[data-id="slowdown"] .app-icon, .app-icon[data-id="slowdown"] { background: #f3f4f6; }
.app-card[data-id="webshare"] .app-icon, .app-icon[data-id="webshare"] { background: #f3f4f6; }
.app-card[data-id="quickslotwebfas"] .app-icon, .app-icon[data-id="quickslotwebfas"] { background: #f3f4f6; }
.app-card[data-id="study-room"] .app-icon, .app-icon[data-id="study-room"] { background: #f3f4f6; }
.app-card[data-id="piano"] .app-icon, .app-icon[data-id="piano"] { background: #f3f4f6; }
.app-card[data-id="pillcount"] .app-icon, .app-icon[data-id="pillcount"] { background: #f3f4f6; }
.app-card[data-id="my-todo-app"] .app-icon, .app-icon[data-id="my-todo-app"] { background: #f3f4f6; }