/* Responsive Design */
/* 
 * 해상도 기반 스케일링 사용 (screen.height 기반 JS)
 * 창 크기 변경 시 요소 크기가 유지되도록 min-width 적용
 * 뷰포트 기반 미디어 쿼리 비활성화
 */

/* 작은 화면 터치 영역 개선 */
@media (hover: none) and (pointer: coarse) {
  .tab-btn,
  .filter-btn,
  .action-btn,
  button {
    min-height: 2.75rem;
  }
}

/* 다크모드 지원 (선택사항) */
@media (prefers-color-scheme: dark) {
  /* 필요시 다크모드 스타일 추가 */
}