@charset "UTF-8";

/* ベースフォント設定 */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* 共通カードコンテナ */
.card-container {
  @apply bg-white p-5 rounded-xl shadow-sm border border-slate-200;
}

/* 入力フィールドの共通スタイル */
.input-field {
  @apply w-full px-3 py-1.5 border border-slate-300 rounded-lg focus:ring-2 focus:ring-indigo-500 text-sm;
}

.input-field-highlight {
  @apply w-full px-3 py-1.5 border border-indigo-300 rounded-lg focus:ring-2 focus:ring-indigo-500 bg-indigo-50/30 text-sm;
}

/* 広告プレースホルダー */
.ad-sidebar {
  @apply w-[300px] h-[250px] bg-slate-200 border border-slate-300 flex items-center justify-center text-slate-400 text-xs font-bold sticky top-4;
}

.ad-banner {
  @apply w-[320px] h-[50px] bg-slate-200 border border-slate-300 mx-auto flex items-center justify-center text-slate-400 text-xs font-bold;
}

/* Chart.js キャンバスのレスポンシブ配置安定化 */
#tasteChart {
  width: 100% !important;
  height: 100% !important;
}