diff --git a/lib/main.dart b/lib/main.dart
index d833a5c..85cdbde 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -107,28 +107,48 @@ class _MainPageState extends State<MainPage> {
             ),
             Expanded(
               flex: 1,
-              child: Container(
-                width: double.infinity,
-                padding: const EdgeInsets.symmetric(horizontal: 16),
-                color: Colors.black87,
-                child: Row(
-                  mainAxisAlignment: MainAxisAlignment.center,
-                  children: [
-                    ElevatedButton(
-                      onPressed: _audio.isPlaying ? null : _play,
-                      child: const Text('▶️'),
+              child: Padding(
+                padding: const EdgeInsets.fromLTRB(12, 0, 12, 12),
+                child: Container(
+                  width: double.infinity,
+                  padding: const EdgeInsets.symmetric(horizontal: 16),
+                  decoration: BoxDecoration(
+                    borderRadius: BorderRadius.circular(20),
+                    gradient: LinearGradient(
+                      begin: Alignment.topLeft,
+                      end: Alignment.bottomRight,
+                      colors: [
+                        Colors.lightBlue.shade50,
+                        Colors.lightBlue.shade100,
+                      ],
                     ),
-                    const SizedBox(width: 12),
-                    ElevatedButton(
-                      onPressed: _audio.isPlaying ? _stop : null,
-                      child: const Text('⏹️'),
-                    ),
-                    const SizedBox(width: 16),
-                    Text(
-                      _audio.isPlaying ? 'Playing' : 'Stopped',
-                      style: const TextStyle(color: Colors.white),
-                    ),
-                  ],
+                    boxShadow: const [
+                      BoxShadow(
+                        color: Color(0x22000000),
+                        blurRadius: 14,
+                        offset: Offset(0, 6),
+                      ),
+                    ],
+                  ),
+                  child: Row(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      ElevatedButton(
+                        onPressed: _audio.isPlaying ? null : _play,
+                        child: const Text('▶️'),
+                      ),
+                      const SizedBox(width: 12),
+                      ElevatedButton(
+                        onPressed: _audio.isPlaying ? _stop : null,
+                        child: const Text('⏹️'),
+                      ),
+                      const SizedBox(width: 16),
+                      Text(
+                        _audio.isPlaying ? 'Playing' : 'Stopped',
+                        style: const TextStyle(color: Colors.black87),
+                      ),
+                    ],
+                  ),
                 ),
               ),
             ),