/* 入力画面 + 薬クイック記録(visual.md §6-3, §6-7) */

.in-date { margin-bottom: var(--sp-2); }
.in-late-note {
  background: var(--c-accent-soft);
  color: var(--c-accent-deep);
  border-radius: var(--r-s);
  padding: var(--sp-2) var(--sp-3);
  margin-bottom: var(--sp-3);
  font-size: var(--fs-micro);
}
.in-yesterday-link {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  color: var(--c-main);
  font-size: var(--fs-caption);
  min-height: 44px;
  margin-bottom: var(--sp-2);
}
.in-required { color: var(--c-accent-deep); }

/* スコア5段階セレクタ: 56px円ボタン×5(親指到達圏) */
.score-selector {
  display: flex;
  justify-content: space-between;
  gap: var(--sp-2);
  margin-bottom: var(--sp-2);
}
.score-btn {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: var(--r-full);
  border: 1.5px solid var(--c-border);
  background: var(--c-surface);
  color: var(--c-text-2);
  font-size: var(--fs-body);
  transition: transform 0.15s, background 0.15s, border-color 0.15s;
  flex-shrink: 0;
}
.score-btn .num { font-weight: 600; }
.score-btn.selected {
  color: var(--c-text-1);
  border-color: transparent;
  transform: scale(1.06);
}
.score-btn.selected .num { font-size: 22px; font-weight: 700; }
.score-btn.selected.s1 { background: var(--c-score-1); color: #fff; box-shadow: 0 0 0 4px color-mix(in srgb, var(--c-score-1) 30%, transparent); }
.score-btn.selected.s2 { background: var(--c-score-2); box-shadow: 0 0 0 4px color-mix(in srgb, var(--c-score-2) 30%, transparent); }
.score-btn.selected.s3 { background: var(--c-score-3); box-shadow: 0 0 0 4px color-mix(in srgb, var(--c-score-3) 30%, transparent); }
.score-btn.selected.s4 { background: var(--c-score-4); box-shadow: 0 0 0 4px color-mix(in srgb, var(--c-score-4) 30%, transparent); }
.score-btn.selected.s5 { background: var(--c-score-5); color: #fff; box-shadow: 0 0 0 4px color-mix(in srgb, var(--c-score-5) 30%, transparent); }

.in-score-def { min-height: 1.5em; margin-bottom: var(--sp-2); }
.in-score-guide summary {
  color: var(--c-text-2);
  cursor: pointer;
  min-height: 32px;
  display: flex;
  align-items: center;
}
.in-score-guide ul { list-style: none; padding: var(--sp-2) 0 0; }
.in-score-guide li { margin-bottom: var(--sp-1); }
.in-score-guide li b {
  display: inline-block;
  width: 1.4em;
  color: var(--c-main);
  font-family: var(--font-num);
}

/* 薬の効いた?追記 */
.in-med-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-2);
  flex-wrap: wrap;
  padding: var(--sp-3);
}
.in-med-info { font-size: var(--fs-caption); }
.in-med-btns { display: flex; gap: var(--sp-2); }
.in-med-btns .chip { min-height: 40px; padding: var(--sp-1) var(--sp-3); font-size: var(--fs-caption); }

/* 日記のお題 */
.in-prompt {
  display: flex;
  align-items: flex-start;
  gap: var(--sp-2);
  width: 100%;
  text-align: left;
  background: var(--c-main-soft);
  color: var(--c-main);
  border-radius: var(--r-s);
  padding: var(--sp-2) var(--sp-3);
  font-size: var(--fs-caption);
  margin-bottom: var(--sp-2);
  min-height: 44px;
}
.in-prompt-icon { flex-shrink: 0; margin-top: 2px; }

.in-save { margin-top: var(--sp-2); }
.in-footnote { text-align: center; margin-top: var(--sp-3); }

/* 完了演出(1.5秒・派手すぎない) */
.in-done-overlay {
  position: fixed;
  inset: 0;
  z-index: 500;
  background: color-mix(in srgb, var(--c-bg) 92%, transparent);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.in-done-inner { text-align: center; padding: var(--sp-5); }
.in-done-check { margin: 0 auto var(--sp-3); }
.in-done-path {
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: in-check-draw 0.5s ease-out 0.1s forwards;
}
.in-done-check.static .in-done-path { stroke-dashoffset: 0; animation: none; }
@keyframes in-check-draw { to { stroke-dashoffset: 0; } }
.in-done-streak {
  margin-bottom: var(--sp-2);
  animation: in-glow 1.2s ease-out 0.5s;
}
@keyframes in-glow {
  0%, 100% { text-shadow: none; }
  40% { text-shadow: 0 0 24px color-mix(in srgb, var(--c-accent) 50%, transparent); }
}
.in-done-badge { color: var(--c-accent-deep); font-weight: 600; margin-bottom: var(--sp-1); display: flex; align-items: center; justify-content: center; gap: var(--sp-1); }
.in-done-praise { color: var(--c-text-2); font-size: var(--fs-body); }

/* 💊クイック記録 */
.med-quick-btn { margin-bottom: var(--sp-3); }
.med-quick-emoji { font-size: 20px; }
.med-sheet-note { margin-bottom: var(--sp-3); }
.med-sheet-row { display: flex; gap: var(--sp-2); margin-top: var(--sp-3); }
.med-sheet .sheet-options { margin-bottom: var(--sp-2); }
.med-sheet .med-sheet-cancel { margin-top: var(--sp-2); }