@media (orientation: landscape) and (max-height: 500px) {
  #moodPage { padding-top: 56px; }
  .mood-content { min-height: auto; padding-top: 0; }
  .top-bar {
    position: relative;
    flex: 0 0 auto;
    padding-top: 12px; padding-bottom: 10px;
    background: rgba(244,236,216,0.98);
  }
  .quote-stage {
    flex: 0 0 auto;
    justify-content: flex-start;
    min-height: 0;
    padding-top: 8px; padding-bottom: 16px;
  }
  .style-tag { margin-bottom: 10px; }
  .index-num { margin-bottom: 10px; }
  .quote-box {
    width: min(100%, 620px);
    padding-left: 0; padding-right: 54px;
  }
  .quote.size-xl { font-size: clamp(32px, 5.2vw, 42px); }
  .quote.size-l { font-size: clamp(30px, 4.8vw, 38px); }
  .quote.size-m { font-size: clamp(28px, 4.4vw, 34px); }
  .quote.brush { line-height: 1.28; }
  .quote.stamp { padding: 16px 24px; }
  .seal.top-right, .seal.bottom-left { display: none; }
  .seal.zuiti-seal {
    display: flex;
    width: 38px; height: 38px;
    top: 50%; right: 0; bottom: auto;
    transform: translateY(-50%) rotate(-12deg);
  }
  .also-display { margin-top: 14px; }
  .quote-footer {
    position: static;
    flex: 0 0 auto;
    padding-top: 12px;
  }
  .toast { top: calc(58px + env(safe-area-inset-top)); }
}