fix: spelling errors + word-break + autoFitCards for long text

Author: offrest-cafe

index.html

@@ -229,7 +229,7 @@
             opacity: 0.8;
             line-height: 1.6;
             margin-top: 15px;
-        }
+        ; word-break: keep-all; overflow-wrap: break-word}
 
         .bottom-prompt {
             text-align: center;
@@ -350,52 +350,52 @@
         const R = [
             {e:"☕",t:"핸드드립 한 잔의 여유",d:"원두 향을 맡으며 천천히 내려보세요."},
             {e:"🌙",t:"창가에서 멍때리기",d:"아무 생각 없이 바깥을 바라보세요."},
-            {e:"📖",t:"책 한 문장만 읽기",d:"좋아하는 ��절 하나만 천천히 읽어보세요."},
-            {e:"🎵",t:"재즈에 몸 링기기",d:"눈을 감고 재즈 선율에 빠져보세요."},
+            {e:"📖",t:"책 한 문장만 읽기",d:"좋아하는 구절 하나만 천천히 읽어보세요."},
+            {e:"🎵",t:"재즈에 몸 맡기기",d:"눈을 감고 재즈 선율에 빠져보세요."},
             {e:"✍️",t:"오늘의 감정 한 줄 적기",d:"지금 느끼는 감정을 한 줄로 적어보세요."},
-            {e:"🕯️",t:"향기로운 공간에 머물기",d:"좋아하는 행이 있는 곳에서 쉬어보세요."},
-            {e:"🌿",t:"식물 잎사귀 만젴보기",d:"초록 잎의 질감을 손끝으로 느껴보세요."},
+            {e:"🕯️",t:"향기로운 공간에 머물기",d:"좋아하는 향이 있는 곳에서 쉬어보세요."},
+            {e:"🌿",t:"식물 잎사귀 만져보기",d:"초록 잎의 질감을 손끝으로 느껴보세요."},
             {e:"💭",t:"5분간 공상하기",d:"어디론가 떠나는 상상을 해보세요."},
-            {e:"🎨",t:"의미 없는 선 그리기",d:"펬을 들고 자유롭게 선을 그어보세요."},
+            {e:"🎨",t:"의미 없는 선 그리기",d:"펜을 들고 자유롭게 선을 그어보세요."},
             {e:"😌",t:"깊은 숨 세 번",d:"천천히 들이쉬고 길게 내쉬어보세요."},
-            {e:"🌅",t:"노을붛 감상하기",d:"하늘의 색이 변하는 순간을 담아보세요."},
+            {e:"🌅",t:"노을빛 감상하기",d:"하늘의 색이 변하는 순간을 담아보세요."},
             {e:"📸",t:"일상의 한 컷 찍기",d:"지금 이 순간을 사진 한 장으로 남겨보세요."},
             {e:"🎧",t:"좋아하는 곡 한 곡만",d:"이어폰을 끼고 딱 한 곡만 집중해보세요."},
             {e:"🌸",t:"꽃향기 맡아보기",d:"가까운 곳의 꽃 한 송이에 코를 대보세요."},
             {e:"📝",t:"고마운 사람 이름 적기",d:"떠오르는 고마운 사람을 적어보세요."},
             {e:"🍃",t:"바람의 온도 느끼기",d:"창문을 열고 바람의 온도를 느껴보세요."},
-            {e:"🌊",t:"파도 소리에 잠기기",d:"자연의 소리로 마음을 가라앙혀보세요."},
-            {e:"💆",t:"관자놄이 지그시 누르기",d:"양쪽 관자녠이를 천천히 눌러주세요."},
+            {e:"🌊",t:"파도 소리에 잠기기",d:"자연의 소리로 마음을 가라앉혀보세요."},
+            {e:"💆",t:"관자놀이 지그시 누르기",d:"양쪽 관자놀이를 천천히 눌러주세요."},
             {e:"🎹",t:"피아노 선율 따라가기",d:"피아노 음 하나하나를 귀로 쫓아보세요."},
-            {e:"🌙",t:"달밡 아래 서보기",d:"밤하늘의 달을 올려다보세요."},
+            {e:"🌙",t:"달빛 아래 서보기",d:"밤하늘의 달을 올려다보세요."},
             {e:"🍵",t:"따뜻한 것 손으로 감싸기",d:"따뜻한 잔을 두 손으로 감싸보세요."},
             {e:"✉️",t:"나에게 편지 쓰기",d:"미래의 나에게 짧은 편지를 써보세요."},
             {e:"🔮",t:"오늘의 색깔 정하기",d:"오늘 나의 기분을 색으로 표현해보세요."},
             {e:"🌈",t:"좋았던 순간 리플레이",d:"최근 행복했던 장면을 떠올려보세요."},
             {e:"📻",t:"모르는 라디오 채널 듣기",d:"처음 듣는 라디오 채널을 틀어보세요."},
             {e:"🎭",t:"표정 없이 1분 버티기",d:"무표정으로 1분, 그리고 미소 지어보세요."},
-            {e:"🌻",t:"햇살 한 줌 받기",d:"햇밡이 닿는 곳에 잠시 머물러보세요."},
+            {e:"🌻",t:"햇살 한 줌 받기",d:"햇빛이 닿는 곳에 잠시 머물러보세요."},
             {e:"🍰",t:"달콤한 한 입의 위로",d:"좋아하는 디저트 한 입을 음미해보세요."},
             {e:"📮",t:"엽서에 마음 담기",d:"짧은 엽서에 진심을 한 줄 적어보세요."},
-            {e:"🎶",t:"뗈밉으로 흘러가기",d:"떠오르는 멜로디를 가볍게 흥얼거려보세요."},
-            {e:"🛋️",t:"가장 편한 자세 찾기",d:"올몸의 힘을 빼고 편한 자세를 찾아보세요."},
+            {e:"🎶",t:"콧노래로 흘러가기",d:"떠오르는 멜로디를 가볍게 흥얼거려보세요."},
+            {e:"🛋️",t:"가장 편한 자세 찾기",d:"온몸의 힘을 빼고 편한 자세를 찾아보세요."},
             {e:"💐",t:"아무 이유 없이 웃기",d:"그냥 한번 웃어보세요. 이유는 나중에."},
             {e:"🌱",t:"자라나는 것 관찰하기",d:"식물이 자라는 모습을 가만히 지켜보세요."},
             {e:"📖",t:"시 한 편 읽기",d:"짧은 시 한 편으로 마음을 채워보세요."},
             {e:"🎐",t:"바람에 흔들리는 것 보기",d:"바람에 흔들리는 무언가를 바라보세요."},
             {e:"🍳",t:"천천히 요리하기",d:"서두르지 않고 한 접시를 완성해보세요."},
             {e:"🌌",t:"별자리 찾아보기",d:"밤하늘에서 아는 별자리를 찾아보세요."},
             {e:"💧",t:"물 한 잔 천천히 마시기",d:"물 한 모금의 시원함을 느껴보세요."},
-            {e:"🎒",t:"내일의 나를 위한 준비",d:"내일 잙을 옷을 미리 꺼내보세요."},
+            {e:"🎒",t:"내일의 나를 위한 준비",d:"내일 입을 옷을 미리 꺼내보세요."},
             {e:"🐾",t:"동물 영상 3분 보기",d:"귀여운 동물 영상으로 잠시 녹아보세요."},
-            {e:"🖍️",t:"색열필로 아무거나 칠하기",d:"종이 위에 좋아하는 색을 마구 칠해보세요."},
+            {e:"🖍️",t:"색연필로 아무거나 칠하기",d:"종이 위에 좋아하는 색을 마구 칠해보세요."},
             {e:"🌙",t:"어둠 속에 눈 감기",d:"불을 끄고 어둠 속에서 눈을 감아보세요."},
             {e:"🎧",t:"ASMR로 감각 깨우기",d:"빗소리나 모닥불 소리에 귀를 맡겨보세요."},
             {e:"🧠",t:"아무 단어나 연상하기",d:"떠오르는 단어를 따라 생각을 흘려보세요."},
             {e:"🌿",t:"허브 향 맡아보기",d:"로즈마리나 라벤더 향을 들이마셔보세요."},
             {e:"🎯",t:"종이접기 한 번",d:"종이를 접어 작은 작품을 만들어보세요."},
             {e:"🌙",t:"조명 낮추고 쉬기",d:"은은한 조명만 남기고 눈을 쉬게 해주세요."},
-            {e:"✨",t:"오늘의 작은 성취 세기",d:"오늘 해낸 작은 이들을 떠올려보세요."},
+            {e:"✨",t:"오늘의 작은 성취 세기",d:"오늘 해낸 작은 일들을 떠올려보세요."},
             {e:"🎵",t:"카페 BGM에 귀 기울이기",d:"주변의 음악에 온전히 귀를 기울여보세요."},
             {e:"🌙",t:"내일은 더 좋을 거야",d:"눈을 감고 내일을 기대해보세요."}
         ];
@@ -748,21 +748,22 @@
         document.getElementById('rerollButton').addEventListener('click', reroll);
 
 function autoFitCards() {
-  document.querySelectorAll('.card-title').forEach(el => {
+  ['restTitle','musicTitle'].forEach(function(id) {
+    var el = document.getElementById(id);
+    if (!el) return;
+    var card = el.closest('.card');
+    if (!card) return;
+    var maxW = card.clientWidth - 80;
     el.style.fontSize = '';
+    var fs = parseFloat(getComputedStyle(el).fontSize);
     el.style.whiteSpace = 'nowrap';
-    let fs = parseFloat(getComputedStyle(el).fontSize);
-    const maxW = el.parentElement.clientWidth - 40;
+    while (el.scrollWidth > maxW && fs > 16) {
+      fs -= 1;
+      el.style.fontSize = fs + 'px';
+    }
     if (el.scrollWidth > maxW) {
-      while (el.scrollWidth > maxW && fs > 16) {
-        fs -= 1;
-        el.style.fontSize = fs + 'px';
-      }
-      if (el.scrollWidth > maxW) {
-        el.style.whiteSpace = 'normal';
-      }
-    } else {
       el.style.whiteSpace = 'normal';
+      el.style.fontSize = Math.max(fs, 18) + 'px';
     }
   });
 }