/* Handgeschriebene Regeln fürs freundliche Design (Kaja-Yuuki OS). Farben stehen in theme-friends.css (automatisch erzeugt). */
html[data-theme="friends"] .hearts-field,
html[data-theme="friends"] .heart-badge svg,
html[data-theme="friends"] .intro__heart,
html[data-theme="friends"] .floaty-heart { display: none !important; }
html[data-theme="friends"] .heart-badge { opacity: .55; }

.theme-pick { display: flex; gap: 10px; margin: 6px 0 4px; }
.theme-opt { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; text-align: left; background: rgba(255,255,255,.07); color: inherit; border: 2px solid transparent; border-radius: 14px; padding: 10px 12px; font: inherit; }
.theme-opt small { opacity: .7; font-size: 11px; line-height: 1.25; }
.theme-opt.is-on { border-color: var(--accent, #f2a65a); background: rgba(255,255,255,.14); }

/* App-Icons ohne Herzen */
html[data-theme="friends"] img[src$="/icons/app-notes.png"] { content: url(/icons/f/app-notes.png); }
html[data-theme="friends"] img[src$="/icons/app-countdown.png"] { content: url(/icons/f/app-countdown.png); }
html[data-theme="friends"] img[src$="/icons/app-love.png"] { content: url(/icons/f/app-love.png); }
html[data-theme="friends"] img[src$="/icons/app-qa.png"] { content: url(/icons/f/app-qa.png); }
html[data-theme="friends"] img[src$="/icons/app-monopoly.png"] { content: url(/icons/f/app-monopoly.png); }
html[data-theme="friends"] img[src$="/icons/app-logo.png"] { content: url(/icons/f/app-logo.png); }