feat: add desktop notice

src/components/modals/lofi/lofi.module.css

@@ -9,6 +9,12 @@
   color: var(--color-foreground-subtle);
 }
 
+.notice {
+  margin-top: 4px;
+  font-size: var(--font-sm);
+  color: var(--color-foreground-subtler);
+}
+
 .radios {
   margin-top: 28px;
 

src/components/modals/lofi/lofi.tsx

@@ -26,6 +26,7 @@ export function LofiModal({ onClose, show }: LofiModalProps) {
     <Modal persist show={show} onClose={onClose}>
       <h2 className={styles.title}>Lofi Radios</h2>
       <p className={styles.desc}>A curated list of Lofi radios.</p>
+      <p className={styles.notice}>Works best on desktop.</p>
 
       <div className={styles.radios}>
         {radios.map((radio, index) => (