From 4bbcc7d537ba43bb0ba597534b91ab6aaf20e061 Mon Sep 17 00:00:00 2001
From: kfj001 <kfj001@gmail.com>
Date: Tue, 28 Apr 2026 02:22:25 +0000
Subject: [PATCH] Replaces words with emoji. Formatting enhancements for
 play/pause buttons. Switched to lower fidelity audio stream for better
 performance.

---
 app/AudioPlayer.ts | 2 +-
 app/globals.css    | 7 +++++++
 app/page.tsx       | 8 ++++----
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/app/AudioPlayer.ts b/app/AudioPlayer.ts
index e453823..201975e 100644
--- a/app/AudioPlayer.ts
+++ b/app/AudioPlayer.ts
@@ -32,7 +32,7 @@ export type CapacitorWindow = Window & {
 
 export type PlaybackState = 'stopped' | 'playing' | 'error';
 
-export const STREAM_URL = 'https://kryz.out.airtime.pro/kryz_b';
+export const STREAM_URL = 'https://kryz.out.airtime.pro/kryz_a';
 
 export class AudioPlayer {
   private url: string;
diff --git a/app/globals.css b/app/globals.css
index 578df61..63cd5b2 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -87,6 +87,13 @@ button {
   transition: transform 120ms ease, background 120ms ease;
 }
 
+button.playpause {
+  width: 100%;
+  aspect-ratio: 1;
+  font-size: clamp(2rem, 25vw, 6em);
+  padding: 0;
+}
+
 button:hover:not(:disabled) {
   background: var(--primary-press);
 }
diff --git a/app/page.tsx b/app/page.tsx
index 7fd79d1..111066b 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -48,11 +48,11 @@ export default function HomePage() {
         </p>
 
         <div className="controls">
-          <button type="button" onClick={() => void player.play(backgroundMode)} disabled={isPlaying}>
-            Play
+          <button type="button" className='playpause' onClick={() => void player.play(backgroundMode)} disabled={isPlaying}>
+            ▶️
           </button>
-          <button type="button" onClick={() => player.stop()} disabled={!isPlaying}>
-            Stop
+          <button type="button" className='playpause' onClick={() => player.stop()} disabled={!isPlaying}>
+            ⏹️
           </button>
         </div>