design: красивые пустые состояния таймеров/Spotify, акцентный прогноз

- таймеры: светящаяся градиентная иконка + голосовая подсказка вместо серого текста
- Spotify: зелёный музыкальный орб + подсказка
- прогноз: ячейка «сейчас» — яркий градиентный акцент с тенью

components/TimerHomeWidget.tsx

@@ -143,15 +143,30 @@ export default function TimerHomeWidget() {
             style={{
               flex: 1, display: 'flex', flexDirection: 'column',
               alignItems: 'center', justifyContent: 'center',
-              padding: '28px 0 20px', gap: 10,
-              color: 'var(--text-tertiary)',
+              padding: '24px 0', gap: 16,
+              color: 'var(--text-secondary)',
               background: 'transparent', border: 'none', cursor: 'pointer',
             }}
           >
-            <AlarmClock size={30} style={{ opacity: 0.4 }} />
-            <div style={{ fontSize: 13 }}>Нет активных таймеров</div>
-            <div style={{ fontSize: 11, opacity: 0.7, textAlign: 'center', lineHeight: 1.5 }}>
-              Скажи «поставь таймер на 5 минут»<br />или нажми +
+            <div style={{ position: 'relative', width: 92, height: 92, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+              <div style={{
+                position: 'absolute', inset: 0, borderRadius: '50%',
+                background: 'radial-gradient(circle, rgba(139,120,252,0.4), transparent 70%)', filter: 'blur(8px)',
+              }} />
+              <div style={{
+                position: 'absolute', inset: 14, borderRadius: '50%',
+                background: 'linear-gradient(135deg, rgba(109,94,252,0.28), rgba(46,230,246,0.16))',
+                border: '1px solid rgba(160,168,255,0.32)',
+              }} />
+              <AlarmClock size={36} color="#a5b0ff" style={{ position: 'relative' }} />
+            </div>
+            <div style={{ fontSize: 15, fontWeight: 700, color: 'var(--text-primary)' }}>Нет активных таймеров</div>
+            <div style={{
+              fontSize: 12, color: 'var(--text-secondary)', textAlign: 'center', lineHeight: 1.7,
+              padding: '10px 16px', borderRadius: 12,
+              background: 'rgba(255,255,255,0.04)', border: '1px solid var(--border-subtle)',
+            }}>
+              Скажи «Эй, космо, поставь таймер на 5 минут»<br />или нажми <span style={{ color: 'var(--accent)', fontWeight: 800 }}>+</span>
             </div>
           </button>
         ) : (